一.基本页面规范

1.1 横向宽度

页面尺寸：1920px

中间区域：1000px/1200px

分辨率：72

颜色：RGB

1.2 top区 当前设计很少有此区域

宽度：1920px

高度：35——65px

1.3 导航区

宽度：1920px

高度：80px——100px

1.4 banner区

宽度：1920px

安全区：1000px/1200px

高度：300px——650px

二.基本字体使用规范

2.1 常用字体选择

思源宋体，思源黑体

切记查看该字体是否可以商用

字由，360查字体，可以查看字体是否可以商用等字体信息

2.2 字体字号和字体间距

2.2.1字体字号

12px是应用于网页的最小字体，用于非突出性的日期

14px适用于普通正文内容

16px，18px，20px适用于突出性的标题内容

2.2.2 字体间距

相邻两个字的间距，除特殊要求外，直接为默认数值

行间距，推荐以字体大小的1.5——2倍之间

段间距，推荐以字体大小的2——2.5倍之间

举个例子：字体大小14px，行间距：21px——28px，段间距：28px——35px

一个页面字体最好不要超过三种

2.3 字体颜色选择

正文颜色选择

RGB颜色中 333333/666666/999999

三.页面色彩搭配

3.1 颜色基础

所有画面必须要有主色调

主色调在设计中占比最大

其次是辅助色 在设计中除黑白灰外，颜色不要超过三种

3.2 关于颜色的技巧

3.2.1 马卡龙色（马赛克取色法）

操作步骤

①将图片导入ps

②滤镜——像素化——马赛克

即可生成马赛克颜色

3.2.2 二度调节

通过降低某颜色的饱和度和明度来调节取色

3.2.3 取LOGO色/商品主色，辅色，相邻色

不做解释

四. 关于页面协调性

4.1 基础要求

① 色调统一·

② 风格统一

③ 排版统一

④图标的格式保持一致

⑤图片动效一致

⑥图片画质一致

4.2 风格化

①合理的使自身元素与页面内容融合，可使用户感受到别样的体验

②足够艺术性的尝试

③通过配色，字体，布局，交互等来凸显出

④通过分析展示用户的范围来确定主页面的

关于设计规范违禁词以及违禁行为，可通过白马查来进行深度了解

如果觉得《【网页设计自习室#003】网页设计基本规范和要求》对你有帮助，请点赞、收藏，并留下你的观点哦！