制定网页布局设计规范

• 遵循一致的准则，确立标准并遵循：无论是控件使用、提示信息措辞，还是颜色、窗口布局风格，都要遵循统一的标准，实现真正的一致性。
• 页面色彩：遵循GUI界面颜色标准，主色调加辅助色不超过三种颜色。
• 页面底色：所选颜色不能干扰主体页面的阅读。
• WEBUI风格的一致性：确保相同的信息在字体、标签风格、颜色、术语、显示错误信息等方面保持一致。

栅格化设计与布局

栅格化设计通过将页面划分为若干个网格，帮助设计师保持页面布局的规范性和一致性。目前，网上最热门的栅格化系统是960 Grid，自2009年推出以来，一直被广泛使用。对于新晋的Web UI设计师采用960 Grid 是一个安全的选择，它既不会过于出彩，也不会出错。

设计规范存在的目的在于，在多人团队中，确保不同人员负责不同流程时，对相同的组件做出一致的方案，避免同一项目出现设计控件混乱问题。

• Container：页面容器
• Header：头部
• Navigation：导航栏
• Menu：菜单
• Main：主要内容
• Sidebar：侧边栏
• Footer：页脚

网页布局设计原则

网页的布局设计要有序的进行排列，UI设计中网页的设计规范并且保持页面的稳定性，适当地加强页面的使用性。

设计维度：版式，色彩，图片，字体，段落，细节。WEB标准化布局原理：把网页看成多个网格，先有行再有列，先有容器再有内容。

网页设计色彩规范

中文常用字体：宋体-字体样式、微软雅黑-字体样式、苹方。

网页的文字设计是系统默认的字体：宋体、微软黑体、苹果系统黑体，英文则建议使用arial无衬线字体。

常用的字号大小有以下几种：12px是应用于网页的最小字体，适用于非突出性的日期，版权等注释性内容。14px则适用于非突出性的普通正文内容。16px、18px或者20px适用于...

网页设计字体规范

字体设计的总原则是：可辨识性和易读性。