给你正确的网站视觉设计规范，不要再犯低级错误了哦！教程

对于学习UI设计不知道方法没有任何经验或者想自学，想入门UI设计，继续提升自己的都可以加入我们的UI设计学习交流群434953627，获取十年资深UI设计资源，群内资源共享。

贯穿以用户为中心的设计指导方向，根据WEB产品的特点指定出的一套规范，以达到提升用户体验，控制产品设计质量，提高设计效率的目的。

谁去读设计规范

该设计规范手册适合界面设计师，用户体验设计师，前台技术工程师，发布支持人员，运营编辑人员的参照。

1:统一识别

规范能使页面相同属性单页识别统一，防止混乱，甚至出现严重错误，避免用户在浏览时理解困难

2:节约资源

3:重复利用

相同属性单元、页面新建时可执行此标准重复使用，减少无关信息，就是减少对主体信息传达的干扰，利于阅读与信息传递

4:上手简单

A:网页宽度

目前电脑分辨率使用情况2017年9月份：

使用1920x1080px比例是：12.07%

所以如果是1920分辨率，网页设置成1920px的宽度会安全一些，正文宽度设置成1200px；

B:颜色

设计时请使用256WEB安全色，在ps中选择RGB/8位，其他模式的色域很宽、颜色范围很广，在不

同显示屏会有失色现象。

C:字体字号

网页正文一律采用宋体12号-14号（12px-14px）字体，黑体一般很少做正文，主要用做标题。

建议使用12号+14号的混合搭配，避免大面积使用加粗字体。

D:页面布局

E:页网删格

面宽度：1000px-1280px

F:产品删格

产品宽度：160px

G:表单

H:Bar（栏）

I:通用样式Tab

J:留白

本规范重要级=删格（优先级：1到4优先从高到底，原则1、2必要遵守）

1、版块间距均为10px

2、版块与内容间距均为10px

3、内容单元之间间距为10px

K:Button

L:阴影

M:容器

N:图文

1、图文间距为10px

2、标题与价格间距为10px

69人已收藏

95

作品

320

0

你确定要举报给你正确的网站视觉设计规范，不要再犯低级错误了哦！？