18年沉淀高端建站经验
为企业持续赋能品牌新价值
两个页面信息量差不多，一个看着专业，一个看着像模板。视觉设计的水平差在五个元素上：色彩和版式，还有图形与动效，加上适配。
色彩搭配的难点在分配面积。主色占三成，中性色占六成，点缀色占一成，这个比例撑得住大部分商业站。
饱和度高的颜色只用于按钮和强调文字。大面积铺开会让页面显得吵。
版式决定视线顺序。标题、副标题和正文三级字号拉开差距，读者自然从上往下走。
留白不低于页面面积的四成。挤满的页面读起来累，看起来也廉价。
图标混用线性和面性，页面立刻散。选一套，全站统一线宽和圆角。
科技类站点用几何图形，文旅类站点用实景照片。图形语言跟行业对上，可信度就上来了。
动效只做三件事：提示状态变化，引导注意力，缓解等待。超过 300 毫秒的入场动画会拖慢感觉。
滚动视差这类效果，手机端直接关掉。性能代价大，收益很小。
移动端访问占比过半的站点，设计稿应该先画手机。字号不小于 16 像素，按钮高度不小于 44 像素。
| 元素 | 常见问题 | 合格标准 |
|---|---|---|
| 色彩 | 颜色超过 6 种 | 主色 1 个加中性色 |
| 版式 | 字号只有两级 | 三级字号差 1.5 倍 |
| 图标 | 线面混用 | 同一套线宽 |
| 动效 | 每屏都动 | 只在关键处 |
五个元素里，最容易拉开差距的是版式。改字号和间距，成本**，观感变化最大。
网页设计的要素清单更长一些，另一篇查看详情可以对照。
