网站的设计规范（网站的设计规范怎么写）

大家好！今天让创意岭的小编来大家介绍下关于网站的设计规范的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀企业，服务客户遍布全国，相关业务请拨打175-8598-2043，或微信：1454722008

本文目录:

• 1、网站首页设计有什么标准?

• 2、网页设计字体设计规范

• 3、网站设计要遵循哪些原则？

• 4、网站建设的标准是什么？

一、网站首页设计有什么标准?

1、颜色匹配

首页对用户来说是最具吸引力的。因此，主页设计标准必须有明确的主题和吸引人的色彩。最后，颜色要统一，属于同一色系。不超过三种颜色。如果颜色过多，会导致人们审美疲劳，从而失去一定数量的客户，导致PV下降。

2、在主页的设计中，要注意细节，细节决定了网站的成败

细节的数量将是令人耳目一新和愉快的。在美化我们的网站的时候，我们应该尽力去提炼每一个小细节，不要认为图片的每一个小角落都是不重要的。如果你不注意你的界面的小细节，你的访问者将有理由认为你的内容不好，这对你的网站不好。

3、首页内容丰富

首页列的数量可以大大提高你的域名质量。另一方面，来自主页的流量在整个网站中占有绝对优势，所以优化主页丰富度也是SEO的一个必要优化要求。

4、网站设计应遵循行业特点，有自己的风格

网站主页设计标准应符合行业特点。一个网站就像你的衣服，它有自己的风格和个性。但这种个性需要与一个人的身份工作相匹配。同样的网站也应该适合你的行业。例如，娱乐网站擅长使用橙色，科技网站擅长使用蓝色，政府门户大多是红色的。

二、网页设计字体设计规范

网页设计需要将图片和文字相结合，达到融合的境界，当然文字的设计也是有一定的规范的，下面是关于网页设计字体设计规范，欢迎参考！

网页设计常用字号

最好用偶数字号

1、Header导航文字12号或14号;

2、Menu导航文字14—18号;

3、Sidebar文字12号或14号，

4、一级菜单使用14号、二级菜单使用12号

或一级菜单使用12号加粗、二级菜单使用12号

5、Footer 文字12号或14号

6、正文：大标题文字24—32号;标题文字16或18号;正文文字12号或14号

7、标题文字字号，18px，20px，24px，28px，32px， 尽可能使用双数

8、按钮文字：比如登录、注册页面按钮或其他按钮，文字14—16号，可根据实际情况调整大小或加粗。

9、同一层级的字号搭配应该保持一致。比如，同一层级的版块中标题文字和内容文字大小的一致性

在苹果官网中，产品展示文字以64号和32号搭配，文字内容简短有力，可读性强，同时非常具有视觉冲击力，突出显示了品牌特征。

字体排版规范

一、最佳易读性规范

1.行宽

传统图书排版每行最佳字符数是55—75，实际在网页上每行字符75—85更流行。中文在14号字体时，建议35—45个文字

2.行高

网页设计中，文字间距一般根据字体大小选1—1.5倍作为行间距，1.5—2倍作为段间距

比如12号字体，行间距是12px—18px，段落间距则是18px—24px。

另外，行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。

3.行对齐

通常情况下，建议在页面上只使用一种文本对齐，尽量避免两端对齐

4.文字留白

在排版文字时，在版面需要留出空余空间，留白面积从小到大应该遵循的顺序是：字间距、行间距、段间距。此外，在排版内容区之前，需要根据页面实际情况给页面四周留出余白。

5、CRAP原则(carp)

对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity)

字体选择

字体：中文：宋体，微软雅黑，方正系列(无状态)

字号：网页中正文/导航字号在12px-18px之间

英文可以偏小一些 10px-16px

再小识别性就不是特别好了

中规中矩，经典通用

中易宋体

Win最常见的'字体，小字体点阵，大字体TrueType，但是大字体并不好看，所以最好别做标题。

微软雅黑

大段的微软雅黑字体排列略显厚重，如果是在网页上长时间浏览，会让人的眼睛产生不适。相比而言，衬线字体装饰性强，具有易读性，所以宋体更适合知乎网站这种大段文字网站

微软雅黑给人的感受包括平和、干净、简单、平静、专业

华文细黑

Mac下的默认中文。

英文

Helvetica:

被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体，在Windows下由于Hinting的原因显示很糟糕。

Arial:

Helvetica的「克隆」，和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。Win和Mac显示都正常

Lucida Family:

Lucida Grande是Mac OS UI的标准字体，属于humanist风格，稍微活泼一点。Mac下的显示要比Win下好。

Verdana:

专门为了屏显而设计的字体，humanist风格，在小字号下仍可以清楚显示，但是字体细节缺失严重，最好别做标题。

Tahoma:

也是humanist风格，字体和Verdana有点像，但是略窄一些，counter略小，曾经是Windows的标准字体，Mac 10.5之后默认也有安装。

Verdana：

是一套无衬线字体，由于它在小字上仍有结构清晰端整、阅读辨识容易等高品质的表现，因而在1996年推出后即迅速成为许多领域所爱用的标准字型之一。

Georgia:

基本上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还算OK。

有些偏艺术类的网站的大字会使用lobster。更艺术的网站就搜索free font，或者font freebie吧

Trebuchet、Georgia、Times New Roman、Arial、Lucida等字体在26px或更大像素时效果是比较好的，非常适合作为正文的标题。

网页banner字体

网页banner的字体选用方法是要根据banner的主题，去挑选字体，因为字体本身也是有性格的

第一类，稳定型(协调，齐全，稳定，高质)

微软雅黑、冬青黑体、宋体、华文细黑、方正正中黑、方正兰亭系列

第二类，刚硬，锐利，清晰，强烈

造字工坊力黑体、造字工坊版黑体、造字工坊劲黑体、锐字逼格锐线体简、张海山锐线体、华康俪金黑、蒙纳超刚黑体

(更适用大气，热烈，权威，声明等主题)

第三类，轻松，手写，可爱，童趣，亲切

方正经黑、华康海报、汉仪小麦、方正稚艺、新蒂下午茶、汉仪歪歪体、新蒂小丸子

(适用于，游戏娱乐活动海报，h5广告页面，儿童/女性主题)

第四类，灵动，清新，秀雅，精致，古韵

方正清刻本悦宋简体、方正宋刻本秀楷体、方正宋刻本、秀楷体、汉仪全唐诗、简康熙字典体、祥南行书体、造字工房、刻宋

(适用于复古，典雅，传统，品质，灵动等主题)

三、网站设计要遵循哪些原则？

如何才可以设计出一款 合格的网站。都明白，设计的特色化呈现得十分突出，每位设计师都具有自个的设计概念，而企业也有自个的需要，所以这两者之间时常会存在争议。故此，网页设计中需要遵从相应的基本原则。

1.网页设计实施方案观点鲜明

为了能确保观点鲜明突出，要点清晰，并且将遵从客户的需求，以简洁清晰的语言和画面突显网站的主题;充分调动所有方法多方面呈现网站点的个性化和趣味性，办出网站的优势特点。

2.网站的版面设计

网页设计用作1种视觉语言，尤其是重视编排和布局，虽说首页的设计不等同平面设计，但它们之间有很多相似之处。多页面网站页面的编排设计需求把页面间的巧妙联系展现出，尤其是要正确处理好页面间和页面内的公共秩序与主要内容的密切关系。学平面设计的同学们可能明白为了能实现极佳的视觉呈现效果，将反复研究总体布局的合理原则，使来访人拥有流畅的视觉体验。

3、网页设计主要形式与主要内容相统一

灵活利用比较与调配、对称与平衡、节奏与韵律还有留白等方法，可以通过空间、文字内容、图形间的密切关系构建总体的均衡状态，发生融洽的审美感受。

四、网站建设的标准是什么？

很多人做网站都是凭自己的爱好来做的，很多细节都没注意到，导致用户体验度不高。那么老yu哥认为，网站建设的标准至少有四点：

1、网站设计要整洁、实用、方便浏览。

2、网站打开的适度要快，很多用户因为打开速度慢就会走掉。

3、网站要能兼容所有浏览器和不同屏幕的分辨率，因为用户的浏览习惯不一样，浏览器的选择多样。

4、网站的内容要丰富，文章内容要通俗易懂，能直接解决用户痛点。

以上就是关于网站的设计规范相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

设计一套网站多少钱？设计与制作网站的费用

最好用的浏览器排行榜（能打开各种网站的浏览器）

网站的优化从哪里进行（网站的优化从哪里进行设置）

腹肌高清背景图男（腹肌高清背景图男动漫）

三大仿真软件（仿真模拟软件）