18年沉淀高端建站经验
为企业持续赋能品牌新价值
做页面常见的顺序是先挑颜色再排版，结果颜色压过了内容。反过来做更顺：先定读的顺序，再让颜色给这个顺序让路。
版式设计管的是信息的先后。标题最大，导语次之，正文最小，三级之间的字号差保持在 1.5 倍左右。
阅读顺序靠字号和位置一起定。行高给到字号的 1.6 倍，一行控制在 30 到 40 个字。超过 45 个字，眼睛换行时容易串行。
段间距大于行距，区块间距大于段间距。三级间距拉开，页面自然有层次。
页面四周留 40 像素以上的边距。贴着屏幕边缘的文字，读起来有压迫感。
正文对比度保持在 4.5 比 1 以上。深色底配白字这类反色方案要慎用，长时间看眼睛累。
正文对比度保持在 4.5 比 1 以上。深色底配白字这类反色方案要慎用，长时间看眼睛累。
色彩的作用是标重点，不是铺满。正文用深灰，比纯黑柔和，长时间阅读更舒服。
品牌色用在标题、按钮和关键数字上。同一屏出现三次以上，重点就不成其为重点了。
主色给一个十六进制值，配三档深浅。规范写进设计文档，后面加页面不用重新试色。
| 用途 | 色值类型 | 出现频率 |
|---|---|---|
| 正文 | 深灰 | ** |
| 背景 | 浅灰或白 | ** |
| 按钮 | 品牌主色 | 每屏 1 到 2 处 |
| 提示 | 辅助色 | 按需 |
版式和色彩定完，再谈动效和插画。前面两步没稳，后面的装饰只会让页面更乱。
两套规范一起定，改版时才好交接。一张字号表加一份色板，新同事照着用，出来的页面不会走样。
网页设计里字号和行距怎么定，另一篇查看详情给了具体数值。
