什么是设计规范
适用于web产品线的人机交互界面设计方面的指导手册。
贯穿以用户为中心的设计指导方向,根据web的特点指定出的一套规范,以达到提升用户体验,控制产品设计质量,提高设计效率的目的。
作为设计师,特别是网页设计师/交互设计师,我们不应当单纯地凭借感觉,应当专注到像素级别,严谨设计,同时保持和前端的沟通,虚心接受他们的指导。
谁去读设计规范
该设计规范手册适合界面设计师,用户体验设计师,前台技术工程师,发布支持人员,运营编辑人员的参照。
标准意义
1、统一识别
规范能使页面相同属性单元统一识别,防止混乱,甚至出现严重错误,避免用户在浏览时理解困难
2、节约资源
除活动推广等个性界面,设计其他页面使用本规范标准能极大的减少设计时间,达到节约资源的目的
3、重复利用
相同单元属性,页面新建时可执行此标准重复使用,减少无关信息,就是减少对主体信息传达的干扰,利于阅读与信息传递
4、上手简单
在招收、加入新设计师或前端,查看标准能使工作上手时间更快,减少出错
一、网页宽度
默认正文使用980px的网页宽度,信息量过大或图片过大的情况,可以考虑加宽承载。
二、颜
设计时请使用256web颜,在PS中选择RGB/8位。
三、字体
1、网页正文一般采用宋体12号(12px)字体,黑体一般很少做正文,一般做标题。标题正文采用12px+14px混搭,避免大面积使用加粗字体。
2、英文字体从9px就能清晰显示,选择空间很大,10px-13px都是比较常见的字体大小,字体请使用系统自带字体,例如:Tahoma、Arial、Verdana。、
3、文字颜
红提醒颜:#d41e22
橙重要颜:#cc6600
常规文字颜:#333333
次级文字颜:#666666
辅助文字颜:#999999
4、超链接颜
正常:
5、
四、web标准有哪三大部分
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论