浏览器里那个叫“查看源代码”的网站功能，可能是前端网页设计最好的老师。我入行那会儿，设计没事就按Ctrl+U，网站看别人怎么写导航、前端怎么处理图片加载失败。设计看得多了，网站发现一个残酷的前端事实：大部分前端代码，都是设计垃圾堆上盖楼房。

但这不妨碍好网站依然闪闪发光。网站你打开Apple官网，前端那种丝滑的设计滚动、恰到好处的网站留白，不是前端靠堆砌动画实现的。反而很多炫技的设计网站，转场特效花里胡哨，用户等了三秒还没看到正文，直接关掉。前端设计的核心，不是你能写出多复杂的代码，而是你愿意为用户的耐心做多少减法。

拿我自己改版的小博客举例。原来首页塞了二十篇文章摘要，每篇都配大图，滚动起来像在翻画册。后来我把图片全砍了，只留标题和第一句话，页面加载快了三分之一。访问量没降，阅读时长反而涨了。这让我想起一个做设计的哥们儿说过的话：用户不是来看你有多会排版的，他们是来获取信息的。你给的信息越直接，他们越觉得你懂他。

真正的细节藏在那些没人注意的地方。比如按钮的圆角大小，4像素和8像素的区别，手指点上去的触感完全不同。比如表单输入框的边框颜色，默认灰和浅蓝，用户填写的心理压力都不一样。再比如字体大小，16像素是底线，小于这个数字，手机屏幕上就得眯着眼看——而眯着眼看东西的人，心情不会好。

前端的另一个陷阱是“响应式设计”这个词被滥用。很多人以为，只要用媒体查询把页面在手机上堆成单列就完事了。但真正的响应式，是思考用户在手机上用手指操作时，目标区域够不够大；是用手机流量打开页面时，那些高清图要不要延迟加载。去年我帮一个朋友的小店改移动端页面，把结账按钮从页面底部挪到了输入框旁边，转化率直接翻了一倍。用户没变，产品没变，只是手指少移动了十厘米。

代码写久了，人会变得务实。你不再追求用最新的框架，反而开始关心HTML语义化——一个按钮到底是button还是a标签，屏幕阅读器能不能读明白。你也不再迷信CSS动画的酷炫，反而更在意滚动时的性能掉不掉帧。这就像做饭，刚开始喜欢放各种香料，做久了才知道，食材新鲜的话，盐和油就够了。

前端设计最迷人的地方在于，它是技术里最接近人性的那一面。你写的每一行代码，最终都会变成用户指尖的滑动、眼球的移动、嘴角的微表情。有时候调试一个bug调了半天，最后发现是某个div少了闭合标签——这种时刻你会笑出声，因为你知道，电脑再复杂，也逃不过人的粗心大意。

说到底，网站前端不是画板，也不是代码库。它是一张桌子，你把内容摆好，让来的人坐得舒服，看得清楚，拿得方便。至于桌子本身长什么样，没人真的在意。但恰恰是这份“不被在意”，才最考验手艺。