网页设计也被称为 Web Design、网站设计、WUI 等。它的本质就是网站的图形界面设计。从1987年到现在网站遍地;中国的网站高速发展了几十年。电脑的分辨率最初只有800×600像素，而现在网站设计和过去已经有了巨大的变化：注重用户体验、注重页面内容、多媒体等设计。加上现在个人电脑的普及，网站仍然是人机交互中非常重要的平台之一。那么作为 UI设计师需要掌握网站设计的规范和理解网站运行的原理，才能更好地驾驭这个平台。
网站架构设计三大基本原则
第一：为用户指导
第二：为搜索引擎表现
第三：围绕主题设计
网页的布局主要有两种：
左右布局和居中布局。布局不一样使设计的空间也不相同。
⑴、左右布局，灵活性强，UI限制小;左右通栏为导航栏，宽度没具体限制，可根据实际情况调整;右侧为内容板块范围，是网站内容展示区域。
⑵、居中布局，中间的深色部分为有效的显示局域，用于网站内容的展示;两边留白没实际用图，只是为适配而存在。
当前流行的分辨率是1920px*1080px的，所以建议创建网页尺寸为1920px*1080px，页面内容区域(版心)常设置为1200px(或1000px -1200px区间)，以这个尺寸来设计相对标准。每个屏幕的高度约为900px左右。
网页设计字体的选择可以微软雅黑，英文及数字可以使用Arial字体;说完字体咱们该说字体的字重、字号、行高、字间距、行间距、段间距了、字体颜色。
字号(所有字号使用偶数)：
正文：12px-18px之间
12px是应用于网页的最小字体，适用于非突出性的日期，版权等注释性内容。
14px 则适用于非突出性的普通正文内容。
英文可偏小些 ：10px-16px
导航栏字体：一般在14px-18px区间，最大不超过18px，禁用加粗
字体间距
相邻两个文字的间距，其实不需要太过介意，除了特殊的需求之外，都可以使用默认数值的间距。
行间距，推荐使用 字体大小的1.5-1.7倍 作为参考;
字间距，推荐使用 0/25/50即，当用12px 的字体时，行间距：18-20;
字体颜色
正文字体颜色，建议选用 #333333到#666666 之间的颜色。
辅助性的，注释类的文字，则可以选用#999999之类的比较浅的颜色。
上一篇：VI设计企业形象品牌设计