【网页设计自习室#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 风格化
①合理的使自身元素与页面内容融合,可使用户感受到别样的体验
②足够艺术性的尝试
③通过配色,字体,布局,交互等来凸显出
④通过分析展示用户的范围来确定主页面的
关于设计规范违禁词以及违禁行为,可通过白马查来进行深度了解
标签:间距,颜色,003,3.2,字体,网页,1920px,自习室,页面 来源: https://blog.csdn.net/m0_47121304/article/details/122789360