网页设计既要符合规范标准也要顺应互联网发展趋势

　　网页设计制作都有一定规范标准，比如网页尺寸文字规范、屏幕图片分辨率、网页背景等等都有具体的要求，然而随着互联网的发展变化，这些规范标准也随之变化。下面天水网站制作公司小编就来谈谈此方面的情况，希望能对你有所帮助。

　　一、网页的设计尺寸：根据电脑屏幕分辨率的宽度来定

　　比较老点的笔记本屏幕分辨率是：1366*768px

　　比较流行的台式机显示分辨率是1920*1080px

　　一般我们设计网页的时候，使用1920px宽度的画布来设计，网站的内容宽度控制在1200px以内;

　　如果网站中，导航、中间部分内容采用全屏效果，或是宽度超过1200px,则内页也有与首页宽度保持一致。

　　顶部导航的高度一般为60-100px;

　　Banner图的高度一般为：420-580px;

　　产品图片的比例为：4:3 3:4

　　团队介绍中有人物图片，不要使用黑白色;

　　要注意图片与图片，图片与标题、简介等方面的间距

　　二、网页布局：网页的布局主要有两种：左右型布局和居中型布局。布局的不一致，使可设计的空间也不相同。

　　左右结构型

　　1、左右布局，灵活性强，UI的限制小;

　　2、左边通栏为导航栏，宽度没有具体的限时，可以根据实际情况进行调整;

　　3、右侧为内容板块范围，是网站内容展示区域。

　　居中型

　　4、居中布局，中间的黄色部分为有效的显示区域，用于网站内容的展示。

　　5、换句话说，两边均为留白，没有实际用途，只是为了适配而存在。

　　6、内容限时区域在好控制在1000px-1200px。

　　三、网页字体：中文建议使用微软雅黑字体，英文则建议使用arial 字体。图片上的字体要使用可以免费商用的字体，不要使用汉仪、方正等容易侵权的字体。

　　常用的字体大小号有以下几种：

　　1、12px是用于网页的*小字体，适用于突出性的日期，版权等注释性内容。

　　2、14px则适用于非突出性的普通正文内容。

　　3、16px或18px适用于突出性的标题内容。

　　4、网站的字体大小并没有硬性规定具体的字号，根据实际情况可以酌情考虑，但是要有限适用偶数字号。

　　5、字体规格也不需要太多，*好适用三种混搭。如果需要更多

　　6、层次的区别，可以改变字体颜色或加粗来体现。

　　四、字体间距舒适范围：相邻两个文字的间距，其实不需要太过介意，除了特殊的需求之外，都可以使用默认数值的间距。

　　1、行间距，推荐以字体大小的1.5-2倍作为参考;

　　2、段间距，推荐以字体大小的2-2.5倍作为参考。

　　3、当选用14px字体时，行间距：21-28px; 段间距：8px-35px

　　五 、字体颜色设计

　　1、主文字的颜色，建议使用公司品牌的VI颜色，可提高公司网站与公司VI之间的关联，增加可辨识性和记忆性。

　　2、正文字体颜色，保险起见，选用易读性的深灰色，建议选用#333到#666之前的颜色。

　　3、辅助性的，注释类的文字，则可以选用#999999之类的比较浅的颜色。

　　如果，你对颜色驾驭能力比较强，你也可以选择偏公司VI颜色的深色，作为正文字体颜色或者辅助性文字的颜色。

　　了解了网站设计中关于尺寸、字体、字间距的标准常识外，一个网站设计的成功与否，很大程度上决定于设计师的网站的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，只有在制作网页之前把这些方面都考虑到了，才能胸有成竹，设计出来的网页才能有个性、有特色，具有吸引力。