谈一下网站制作设计规范都有哪些标准

网站设计中需要了解的几大要素： 

网页的设计尺寸、常用的字体、字体间距舒适范围、字体颜色设计技巧 

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

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

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

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

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

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

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

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

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

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

二、中文建议使用微软雅黑字体，英文则建议使用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颜色的深色，作为正文字体颜色或者辅助性文字的颜色。 

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

网站的设计风格要做到简单明了并风格一致，既可以突出企业的品牌，也可以传递品牌信息，提高用户的好感度和信任度，而好的网站设计可以避免页面信息凌乱，提高用户体验感。页面的设计要大方得当，布局要合理，尽量满足不同的用户需求和舒适度。网站的色彩调配要合理，要有冲击力，好的色彩搭配可以提供网站的吸引力。 

如何才能规划一个好的网站，首先就要对客户的公司情况有所了解，他们是属于哪个行业，有什么样的市场地位，愿景是什么，他们公司的品牌特色，竞争力，优势，产品信息等，通过这些信息的大概了解，然后再跟负责人沟通下，他们的具体栏目、都要展示哪些内容，提供相关的资料等，做到知己知彼，才能设计出客户满意的网站。 

网站设计要综合美学、心理学、大数据等，从多个方面进行对比分析，可以多多参考竞品网站是怎么做的，为什么别人要这样设计，越是效果好的网站，越能让我们捕捉到不同的东西，我们可以选择几个行业不错的网站，来进行参考设计。 

一个好的网站设计，一定是简约的，高端的，具体视觉冲击力的，让人看起来舒服的。

上一篇：网站制作如何设置及优化网站栏目？

下一篇：企业网站制作有什么潜在价值