ui设计是现在各行业都需要使用的。网站ui设计跟其他的ui设计一样,都有一定的标准和规范。关于网站ui设计尺寸规范以及其他的ui设计要求,今天就让小编为大家好好介绍一下。
网站ui设计尺寸规范及其他要求
1、网页规范:
网页宽度为1920高度不限,有效可视区:950px~1200px宽度,具体尺寸根据项目,客户要求以及用户群决定。
首屏高约为700-750PX主体内容区域1200PX。
文档建立:文件宽度为1920PX高度不限,RGB颜色模式,分辨率72。
2、字体规范:
中文常用字体:宋体-字体样式(无)、微软雅黑-字体样式(WindowsLCD)、苹方(MAC)。
英文常用字体:TimesNewRoman、Arial、sans。
(1)中文字常用字号:
导航文字大小:14px、16px、18px、20px。
正文内容:12px、14px。
标题:22px、24px、26px、28px、30px。
辅助信息:12px、14px。
网站ui设计尺寸规范(图片来自网络)
(2)英文字常用字号:
标题和内容文字10-16px;中英文结合最小12px;全英文网站最小10px(比如底部信息)。
3、网页页面等级
(2)二级页面:从首页点击进入之后的页面叫做二级页面。
(3)三级页面:从二级页面点击进入的页面。
4、网页常见板块划分
(2)主视觉区----banner,展示公司品牌形象、新品宣传、主题活动等轮播大图。
(3)主要内容区---main,新闻动态、产品与服务、公司介绍等。
5、网页的颜色
(1)来自于LOGO的颜色。
(2)来自于环境的颜色。
(4)来自于产品的颜色。
(5)公式:随意选择四个颜色,调整四个颜色的明度和直线色相。
(6)选择一个符合你产品的任意颜色图片,然后在这个图片中提出来四种颜色,来作为网页的主色调(服装,饰品、化妆品类居多)。
1、高清大图,图片不能有水印。有图片的位置最好配有文字说明不要大篇幅的图片摆放。在网页设计中不要有重复图片,每个图片必须有一个部分是完整的;图片素材不要直接用设计好的图片;在板块中不要有纯图片的设计,一定有文字解释,有链接;一个版块内的图片要选择同一种类型;图片距离文字不要过近。
2、文字排版,标点符号不能在一行的第一个,不要一个文字为独立的一行;如果色块中有文字,文字必须在色块的中心,不能上或者下留有太多空白空间。
3、如果箭头朝下必须有下拉菜单,如果下拉菜单是合起的状态,箭头朝右。
4、banner不能是现成的图片,需要进行合成和设计,也需要有文字的极差关系和对比。
5、产品分类中必须有不同的产品体现;在每一个板块中都必须体现明显的连接。