CSS – 网页设计 Web Design

前言

Web Design 很广很深. 我记得许多年前第一次想介入设计工作 (我是后端工程师), 我就上网搜索了一下.

就看见了乔布斯著名的一句话:

Design is not just what it looks like and feels like. Design is how it works.

我才明白, 为什么低端的设计师总是说: design 就是主观的啦, 我觉得美, 他觉得不美. 没办法丫.

那只是因为他们不了解 how it works.

我学设计的路程

设计很重要, 没有好的设计, 开发会变得很困难. 很多可以用设计解决的问题, 会因为设计师笨, 而加重开发维护成本. 尤其是交互设计.

2021 年 4 月我开始学习基本的设计, 比如使用 Figma, 读一些排版, 字体, 颜色, 交互的文章. 学的很浅, 但至少是开始了. 以前我很排斥学设计. 因为我有个伙伴是负责设计的. 分工呀.

但后来发现他真的很不靠谱, 许多设计问题都是混着过去的. 导致开发成本很重, 后来我才慢慢开始介入, 到现在完全由我负责. 真实开启了我系统学习的旅程.

这里顺便记入一下我目前的心得.

设计分很多类型

网页的前生是 company profile, catelog, flyer, 这些都属于平面设计的范围.

就是排版, 字体, 颜色.

但是网站又多了一些些交互 (nav, expand), 小动画, 表格等

后来又有了 RWD (Responsive Web Deisgn).

后来电子商务, booking 网站, 在线教育的出现, 连交互设计都被涵盖进来了.

于是 Web Deisgn 完全是一个独立的分支了.

这一篇我打算分 2 个部分来讲,

第一个是网页设计 (少量交互, 游览为主, 也包括轻量的电子商务网站),

第二个是 Web App 设计 (大量交互的).

TODO...