UI设计是一种以用户体验为中心的设计，既要满足用户需求、也要兼顾美感，二者结合让产品获得成功。好的UI设计可以提高用户使用产品的效率、降低使用成本。蓝橙小编总结了网站UI设计的一些设计规范：

一、网页设计尺寸规范网页宽度

1920高度，使用画布尺寸：950px长度~1200px宽度，具体尺寸由项目、要求和用户组决定。首屏高度：≈700-750P，主体内容区域：1200PX。

文件建立：宽度1920PX，高度无要求，颜色模式为RGB，分辨率为72像素/英寸。

以上是具体网页尺寸规范，但可设计的空间具体需要结合网页布局设定，网页布局分为两种：

①左右型布局；

②居中型布局。

不同布局可做图的空间也是不同的。

二、网页设计字体规范

字体设计的核心要点是可辨识性和易读性。网页设计中文常用字体为宋体、微软雅黑或苹果系统黑体；英文常用字体为TimesNewRoman、Arial无衬线字体、sans。

网页设计中文字符常用尺寸为：导航文字14px、16px、18px、20px；

本文内容12px，14px；

标题22px、24px、26px、28px、30px；

辅助信息12px，14px。

英文字符常用尺寸为：标题10-16px，本文内容10-16px，底部信息最小10px。

网页设计段落字体格式：两端对齐，末行左对齐；首行缩进2个字符，行间距与段间距为字体大小的1.5-2倍区间；字间距为0，避头尾法则为JIS严格。

三、网页设计等级规范

网站主页也可称为首屏，只能有一个，包含核心内容：公司、LOGO、导航、banner设计

、相关信息、新闻资讯、底部信息，其中banner一般是5个。

在构图和内容呈现上，网站主页的设计可以说是重中之重。网站主页之后，便是二级页面，就是从主页点击进入之后的页面；

同理可证，三级页面，就是再从二级页面点击进入的页面。

四、网页设计颜色规范

核心文字颜色建议使用来自于公司LOGO的颜色，增加网站与公司形象的关联性、辨识度。正文文字颜色通常选用深灰色，介于#333333到#666666区间，增加易读性。注释等辅助性文字建议使用浅色，例如#999999。

直接做法：选择一个符合公司形象的产品图片，在图中提炼出四种颜色，调整明度和直线色即可作为网站主页的主色调，灵活运用于不同文字。

以上就是小编总结的设计规范，如果您也有设计需求，请联系蓝橙视觉。我们是有着多年设计经验的UI设计公司，一定能为您带来满意的效果。