网页设计规范
时间：2022-07-25 09:21:01 | 来源：网站运营
时间：2022-07-25 09:21:01 来源：网站运营
网页设计也被称为 Web Design、网站设计、WUI 等。它的本质就是网站的图形界面设计。虽然现在我们常使用移动端上的 APP 来获取资讯，但是针对于企业来讲，企业网站也是必不可少的一种形式，从1987年钱天白教授向德国发出第一封电子邮件到2000年搜狐、新浪、网易在美国纳斯达克挂牌上市，再到现在网站遍地；中国的网站高速发展了近三十年。电脑的分辨率只有800×600像素，那时的网站性能和体验都不好，而现在网站设计和过去已经有了巨大的变化：注重用户体验、注重页面内容、多媒体等设计让如今的网站体验并不比软件和手机 APP 差。加上个人电脑的普及，网站仍然是人机交互中非常重要的平台之一。那么作为 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之类的比较浅的颜色。
在线咨询
