如何做好高端网站设计？资深设计师的5条黄金法则

昨天刚给一电商大佬做完网站，甲方砸了六位数预算要求做出奢侈品质感。我从早上九点蹲电脑前折腾到凌晨两点，咖啡罐堆成小山。开头真被甲方那句“要看起来就很贵”整懵了，盯着空白画板抽完半包烟才动手。

第一条：千万别堆素材

最开始犯傻用了几十个华丽图标，字体选了三种花哨款。结果发给同事看，人家皱眉说像山寨珠宝店。立马全删光，改用单色线条图标，标题就一种无衬线字体。空白地方多留了30%，产品图浮在留白上，突然就有大牌那味儿了。

第二条：动线必须跟遛狗似的

原先把优惠活动塞满首页，客户测试时眼球乱瞟。后来用热力图工具盯了三天，发现所有人第一眼都先看顶部横幅。现在把核心按钮做成呼吸灯效果，购物车永远悬浮在右下角，客户说“闭着眼都知道往哪点”。

第三条：加载速度贵过黄金

早期炫技加了3D产品旋转，用苹果电脑预览美滋滋，结果甲方老板用安卓机打开直接卡成PPT。当场删了所有特效，把10MB背景图压成200KB，加载条从7秒缩到1.2秒。这才明白高端不等于堆特效。

第四条：触感比颜值重要

按钮死活调不出高级感，试了七种阴影参数像贴膏药。关掉电脑去摸奢侈品店门把手，回来自创个“微震动反馈”技巧：鼠标悬停时按钮上移1像素，点按时下沉2像素。甲方摸着触控板笑出声：“这手感跟我家玛莎拉蒂换挡杆似的！”

第五条：每个像素都要较真

交付前夜发现字体渲染发虚，蹲在4K屏前用PS吸色管查代码。原本#333333的灰色调成#2F2F2F，凌晨三点把行高从1.8改成1.78，字间距拉开0.3像素。财务总监验收时指着屏幕说：“你们这文字看着比我们公司财报还贵。”

现在看后台数据挺乐呵，用户平均停留时间从40秒涨到4分钟。最逗是甲方昨天打电话问：“能不能把按钮金边去掉？最近被同行抄得太多了...”