网页UI设计规范、布局及提升用户体验设计

1. 网页规范：

网页宽度为1920 高度不限，有效可视区：950px~1200px宽度，具体尺寸根据项目，客户要求以及用户群决定。

首屏高约为700-750PX 主体内容区域1200PX。

文档建立：文件宽度为1920PX 高度不限，RGB颜色模式， 分辨率72

2. 字体规范：

中文常用字体：宋体-字体样式（无）、微软雅黑-字体样式（Windows LCD）、苹方（MAC）

英文常用字体：Times NewRoman、Arial、sans

（1）中文字常用字号：

导航文字大小：14px、16px、18px、20px；

正文内容：12px、14px；

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

辅助信息：12px、14px；

（2）英文字常用字号：

标题和内容文字10-16px；中英文结合zui小12px；全英文网站zui小10px（比如底部信息）；

3. 网页页面等级

（1）首页：进入网页中看到的第一个页面（LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个。

注意：网站的首页只能有一个。

（2）二级页面：从首页点击进入之后的页面叫做二级页面。

（3）三级页面：从二级页面点击进入的页面。

4. 网页常见板块划分

（1）头部区域-----top或header

Logo、主导航、搜索、注册、登录、版本等信息...

（2）主视觉区----banner

展示公司品牌形象、新品宣传、主题活动等轮播大图