初学网页设计，对设计规范有些迷茫，规范到底是怎么样的( 四 )
如上图所示，「L」和 「XXL」用了两个很相似的颜色#666666和#6e6e6e，这两个颜色肉眼难以区分，在同一层级去做字体颜色区分是没必要的。同一组中的内容属于同一层级，从信息层级来讲应该要用同一种颜色，表示是同一个层级。
产品文字中一般会有一级标题、二级标题、一级正文、二级正文、提示文字、辅助文字等，为了区分层级便于浏览，通常会根据产品需要把字体颜色深浅分成3到5个层级，常见的有#333333、#666666、#999999这个组合，这个组合的层级区分比较分明，适应性比较广，因此有一定的参考价值。
\u0026amp;amp;lt;img src="https://www.zhihu.com/u0026lt;a href="https://pic2.zhimg.com/v2-4d4af5be2dff3017dd4d53c6251d108d_b.jpg" data-editable="true" data-title="zhimg.com 的页面"\u0026gt;https://pic2.zhimg.com/v2-4d4af5be2dff3017dd4d53c6251d108d_b.jpg\u0026lt;/a\u0026gt;" data-rawwidth="800" data-rawheight="576" class="origin_image zh-lightbox-thumb" width="800" data-original="\u0026lt;a href="https://pic2.zhimg.com/v2-4d4af5be2dff3017dd4d53c6251d108d_r.jpg" data-editable="true" data-title="zhimg.com 的页面"\u0026gt;https://pic2.zhimg.com/v2-4d4af5be2dff3017dd4d53c6251d108d_r.jpg\u0026lt;/a\u0026gt;"\u0026amp;amp;gt;
从技术实现层面来讲，对于字体的选择，产品设计和推广设计有较大的区别。
推广设计的风格多种多样，需要根据需求选择字体来营造氛围，推广设计的字体往往是做在图片上，不需要考虑用户的设备中有没有包含该字体。
产品设计的字体，很少会做在图上，大多数字体由前端工程师来实现，设计师一般会选择用户设备里自带的字体来进行设计。
另外，从视觉层面来讲，文字的层级一般用字号去区分，如果既用字号去区分，又用不同字体去区分信息，会显得凌乱缺乏美感，因此字体的数量应做减法，能用2种就不要用3种，能用1种就不要用2种。
2、控件系统：按钮的样式统一
\u0026amp;amp;lt;img src="https://www.zhihu.com/u0026lt;a href="https://pic3.zhimg.com/v2-99f10dc4aff25be681f90e9285510cda_b.jpg" data-editable="true" data-title="zhimg.com 的页面"\u0026gt;https://pic3.zhimg.com/v2-99f10dc4aff25be681f90e9285510cda_b.jpg\u0026lt;/a\u0026gt;" data-rawwidth="800" data-rawclass="origin_image zh-lightbox-thumb" width="800" data-original="\u0026lt;a href="https://pic3.zhimg.com/v2-99f10dc4aff25be681f90e9285510cda_r.jpg" data-editable="true" data-title="zhimg.com 的页面"\u0026gt;https://pic3.zhimg.com/v2-99f10dc4aff25be681f90e9285510cda_r.jpg\u0026lt;/a\u0026gt;"\u0026amp;amp;gt;
在产品中按钮控件的复用度是很高的，同样的一个确定按钮也会根据页面环境不同来设定不同宽高尺寸。
需要注意的是，即使按钮宽高不同，按钮样式也需要统一宽高比例、描边、直角、圆角、色值、文字区域、字体、字间距等，以保证按钮样式的统一。另外，在一般情况下，按钮会有四种鼠标状态。不同颜色的按钮之间，相同的鼠标状态也需统一视觉效果。
还有布局系统、配色系统、品牌系统等完整设计规范要点，可以关注我的微信公众号【EG365可视化】查看全文，完整资料关注公众号后回复“网易”拿到。
推荐阅读
- “厉行节约反对浪费”主题设计公益活动成果发布
- 趣头条|雪佛兰创界，外观设计大气，你会喜欢这款车吗？
- 环球车讯网|全新大众途观，外观的设计更加时尚，更加大气，“满满”的高级感
- 趣头条|日产奇骏，整体设计不错，你会喜欢吗
- 趣头条|大众ID.3外观设计风格极具未来感，太好看了
- 趣头条|威马推出EX5-Z曜石精英版车型，车身采用宽体设计，外形魁梧大气
- 趣头条|本田飞度，整体设计不错，你会喜欢吗
- 设计专业学生上传自己的作品，用哪个网站比较好
- 钟叔驾道|10万以内买SUV，这几款国产精品真心不错，设计精致配置高
- 汽车|一个人，改变一个国家的汽车设计？