2. 设计规范

一、网页宽度

一般网站的标准尺寸为：1920*1080，视觉安全区1200px / 980px

16:9=>19201080 4:3=>1024768

二、字体字号

文字层级 - 字号

一级文字大小(标题)：30-40px 二级文字大小(正文)：14-18px 三级文字大小(描述性文字、备注等)：12px

网站中中文最小识别字号：12px， 英文：9px

常用的偶数倍数增长，比如14px 16px 18px，移动端的可以加一倍。

文字层级 - 大小

最深：#333 中间：#666 最浅：#999

中文字体： 思源 黑体 宋体（传统型网站）

英文字体： ari hel

字重

三、页面布局

横向分隔 纵向分隔的模块间距统一

四、网页栅格

五、导航

六、表单

七、留白

一致性

• 色彩一致性：色彩一致，一般不要超过3种颜色
• 元素一致性：图标风格、按钮风格、空间风格等一致
• 字体字号一致性
• 距离一致性：板块与板块、板块与内容、内容与内容
• 位置一致性：顶部信息、底部信息