网页设计(WEB)
时间:2020年05月09日
1、字体应用:12-32px
2、网页宽度:尺寸1920px(内核1200px/1400px) 颜色:RGB/8位
3、字体规范:中文从12px--32px;
正文一律采用宋体12px,建议12px+14px混合搭配,大于16px用黑体;
标题(18px---32px)主要用黑体、微软雅黑;
英文正文从9px----13px是常见的字体大小,一般使用系统自带字体(Tahoma、Arial、verdana)。
![](https://img.haomeiwen.com/i11752702/bbdb05e31d26728d.png)
4、字体颜色:价格文字和重要文字取决于网站主题色---常规文字(标题)#222222---次级文字(正文)#777777----辅助性文字#aaaaaa(文字颜色明度的对比)
![](https://img.haomeiwen.com/i11752702/19f1b105e4a59c1a.png)
5、页面布局:版块视觉上要符合纵向分割,横向间距统一。
6、网页栅格:间距为20px-50px【数据为2倍】
![](https://img.haomeiwen.com/i11752702/aa351ded2c881887.png)
7、表单:H:40px(38px左右) W:不限。输入框与文字间距:10px,输入框之间的间距为20px,输入框与提示信息间距为10px【数据为2倍】
![](https://img.haomeiwen.com/i11752702/5591ac759496002c.png)
8、Bar:所有bar运用宋体,12px用h为25px的bar,14px,用h为30px的bar。左右间距为10---20px。
圆角bar为4px
![](https://img.haomeiwen.com/i11752702/1f354c9f49d28c66.png)
9、按钮:间距为30Px
![](https://img.haomeiwen.com/i11752702/2960f2ea363b0060.png)
10、图文间距为10px,标题与价格之间10px
![](https://img.haomeiwen.com/i11752702/385469c864cfce8e.png)
网友评论