打开一个网页，面设用户平均只用0.05秒就能形成第一印象。面设这不是面设我瞎编的，是面设Google那帮搞用户体验研究的人测出来的数据。0.05秒，面设比眨一次眼还快。面设所以别跟我扯什么"内容为王"——内容当然重要，面设但视觉先于内容抵达用户的面设大脑。页面丑，面设人家根本不会往下翻。面设

我见过太多这样的面设例子：一个功能很能打的产品，后台逻辑写得漂亮，面设数据库优化做到极致，面设结果前端页面像是面设2008年某个乡镇企业的官网。表格套表格，面设按钮灰扑扑，字体大小混乱。用户点进来第一反应是"这网站靠谱吗"，第二反应是关掉。

留白不是浪费空间

新手做页面最容易犯的毛病：恨不得把每一寸像素都塞满东西。导航栏下面贴横幅，横幅下面接三列图文，图文底下再挂个滚动公告。整个页面像早高峰的地铁车厢，挤得人喘不过气。

留白这东西，说起来简单，做起来难。它考验的是设计者的克制力。苹果官网你去看，一个产品图占一整屏，周围全是空的，但你就是觉得高级。为什么？因为留白给了视线呼吸的余地，也给了重点内容被聚焦的机会。页面上的元素越少，每个元素能分到的注意力就越多。这是小学数学。

对齐是隐形的秩序

人的眼睛很贼。你页面上两个元素差3个像素没对齐，用户说不出哪里别扭，但就是觉得"不对劲"。这种微妙的不适感积累多了，用户对页面的信任度就会下降。

我习惯在设计稿上拉辅助线，左对齐的文本块、等宽的卡片、统一的边距。听起来很死板对吧？但正是这些看不见的网格，撑起了整个页面的秩序感。就像一本书的行距和页边距，读者不会注意到，但如果排版乱了，读两页就想扔。

颜色别超过三种

主色、辅色、强调色。够了。我见过一个页面用了七种颜色，红橙黄绿蓝靛紫，像是把彩虹糖碾碎了撒在屏幕上。用户根本不知道眼睛该往哪儿放。

选色这件事，我的建议是从实际场景出发。做金融的，蓝色系稳一点；做母婴的，暖色调柔和一些；做工具的，黑白灰加一个亮色点缀就够。别去追什么年度流行色，那玩意儿跟你产品的气质未必搭。颜色是情绪的载体，不是调色盘上的炫技。

移动端不是缩小版桌面

很多人做响应式设计，就是把桌面端的布局等比缩小。结果手机上字小得看不清，按钮挤成一团，手指点上去能同时碰到三个链接。

移动端和桌面端是两种使用场景。桌面端用户坐着，有鼠标，屏幕大，可以承载复杂信息。移动端用户可能在地铁上、在床上、在排队，单手操作，注意力碎片化。所以移动端要做减法：导航收起来，次要信息折叠，核心操作放在拇指能轻松够到的区域。这不是技术问题，是同理心问题。

说到底，web页面设计不是把东西摆好看那么简单。它是在用户打开页面的那几秒钟里，用视觉语言告诉对方：这里值得你停留。做得好，用户感觉不到设计的存在；做得差，每个像素都在赶人走。