网页设计师要会哪些本事，六项技能排个先后

刚入行的网页设计师常问该先学什么。答案取决于你要解决哪类问题，六项技能按用得上的频次排，前四项几乎天天用。

先把网页设计这件事说清。它管的是屏幕上信息怎么摆给人看，跟前端开发的边界落在交互逻辑转成代码那一步。

一、视觉设计的基本功

比例和层级，还有对比与平衡，这四条是视觉设计的骨架。练法不复杂，找 20 个成熟页面，用线框把它们的层级描一遍。

二、版式与栅格

版式决定阅读顺序。字号分三级，行高给到字号的 1.6 倍，段间距大于行距，读起来就顺。

栅格先定 12 列，再谈创意。列宽固定之后，卡片和图片的对齐关系自然统一。

三、色彩系统的建立

色彩不是挑几个好看的色值。主色 1 个，辅助色 2 个，中性色 4 到 6 个，配成一套能复用的变量。

品牌色饱和度高的，大面积用会刺眼。降一档做背景，原色留给按钮和强调文字。

四、交互设计的基础认知

交互设计要回答点击之后发生什么。状态至少画四种：默认和悬停，还有点击与禁用。

表单的错误提示写在字段下方，别用弹窗。用户改错时眼睛不用来回跳。

五、工具与交付

Figma 现在是主流，组件和自动布局要熟练。交付时标注间距、字号和色值，开发不用再猜。

六、懂一点代码和业务

会写 HTML 和 CSS 的设计师，改稿效率高出一截。再懂一层业务，知道这页要促成的动作是什么，方案就更容易过。

六项不必都精通。前四项到能用，后两项到能沟通，足够应付大多数项目。

设计岗在团队里具体干什么，另一篇查看详情写得实在。