【网页设计自习室#003】网页设计基本规范和要求

一.基本页面规范

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 风格化

①合理的使自身元素与页面内容融合，可使用户感受到别样的体验
②足够艺术性的尝试
③通过配色，字体，布局，交互等来凸显出
④通过分析展示用户的范围来确定主页面的

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