网页设计的基本原则

设计网页时，要使你的页面平衡，当页面有了平衡感，用户浏览这个页面的时候就会感觉它们是一个整体，看得时候目光的跳转也会更自然。下面介绍网页设计的基本原则，希望对您有帮助。

一、平衡

要使你的页面平衡，当页面有了平衡感，用户浏览这个页面的时候就会感觉它们是一个整体，看得时候目光的跳转也会更自然。但是在看起来像一个整体的同时，构成页面的元素仍然是彼此独立的，你不需要用线用颜色将它们直接地串接起来，这是为什么呢?因为它们彼此之间是平衡的。这就好比跷跷板，即便你看不到连接两端的人的木板，你也能感觉到他们是一个整体，就是因为这个“平衡”感!

1、平衡对称是最常见、最自然的平衡手段，这种方式通常用来设计比较正式的页面，不过也还需要和下面介绍的多种方式结合起来使用。

2、非对称平衡非对称其实并不是真正的“不对称”，而是一种层次更高的“对称”，如果把握不好页面就会显得乱，因此使用起来要慎重，更不可用的过滥。

3、辐射平衡页面中的元素以某一个点为中心展开就可以构成辐射平衡。

二、对比

如果说平衡搭起了一个稳定的页面框架，那么对比就是这个框架中的动态点缀。这里说动态并不是说要真的让元素动起来，而是要有“变化”。可以变化的因素包括：大小、颜色、字体、重心、形状、纹理等等。

三、连贯

前面谈到了对比，对比离不开变化，然而如果对比太多，变化也会太多，页面就会显得零乱，因此我们现在来谈“连贯”。在一个成功的页面设计中，有很多要素是必须保持一致的，这些要素通常包括：

1、布局页面的上下、左右，页面与页面中间要保持布局一致。比如如果页面上方的表格居中对齐而页面下方的表格却左对齐，那么整个页面就会很难看。

2、字体字体的大小、颜色应当基本保持一致。

3、导航栏导航栏应当保持完全一样，通常应单单独为导航栏建立一个框架页，这样就可以保证更新导航栏的时候，所有网页都会被自动更新。

四、留白

国画中“画鱼不画水”的妙处就是留白的妙处。留白可以让访问者有更大的想象空间，就好像就如一个没有过多摆设的房间一样。上上下下、里里外外都塞得满满当当就是很糟糕的设计。留白的原则包括：

1、元素之间的留白不能太大 这是基本的原则，留白过多，叶面会变得零碎。

2、文本中间的间隔不能太大 文本应当紧凑，尤其汉字文本，如果字与字之间或者行与行之间空白太大页面就会非常难看。总的来说平衡、对比、连贯和留白设四条原则是在网页设计中必须始终牢记，但绝不是教条，应当结合自己的实际需要灵活的应用。

从多个设计中吸收灵感

设计的基本原则

重点

对比

平衡

对齐

重复

流

重点：选出重点最有效的做法就是列举页面所有的要素并按照重要性编号，可以重点突出最新的一片文章、表明网站用途的大字号标题或按照从上到下的顺序设置重点内容

对比 ：对比起到突出强调的作用，可以有颜色上的对比，排版上的对比(一般来说越往下文本越密集)

平衡：平衡指的是使网页左右两部分的视觉重量相当，实现方式可以通过对称平衡或不对称平衡，对称平衡几乎就是中轴对称图形，非常传统，而不对称平衡，也能够达到视觉重量平衡，但是通过中轴左右双方的不同元素来相互抵销效果来达成，也可以两种方式并用，但只有一个目的，那就是保证网页浏览的视觉稳定性

对齐： 对齐更多地体现了网页要素在视觉上的统一性，可以有多种方式，比如说logo设计与内容设计宽度一致等

重复：重复我们注重将同样的元素以不同的形式表现出来，具体可以通过颜色、形状、线条、字体、图像以及整体的风格等

流：流主要解决人们在浏览网页时候的顺序问题，在浏览过程中，人的视线会本能地分散开来，如果有合适的流来引导用户的话，就能让用户按照既定的一个通道来浏览网页，一般会形成一个回路，让用户感到很舒适

对于网站来说，其最核心的部分无疑就是网站中的内容，也就是以文字呈现给用户并供其提取信息的文本。所以在设计网站的装饰、图片、图标、按钮等部分的同时，也一定不能忽视文本的排版设计问题。清晰的排版和合适的字体、字号等都可以提升阅读体验，这也是保证用户粘度和用户使用体验的一个重要的办法。那网站在建设时文本该如何排版?

一、不要让页面中出现过多的字体类型

虽然正文和标题很多时候不会使用同样的字体，但是我们仍然不建议大家在建设网站时使用三种或是更多的字体，因为如果使用字体过多的话就会使网站的结构显得非常混乱，这样会给用户的阅读带来极大地困扰。所以站长在建站时通常不会选择使用太多的字体。

如果可以的话，使用同一种字体也不会显得不好，只要通过字号的调整就可以很好的区分出每个结构间的区别。如果同一种字体真的无法满足网站的需求的话，那么我们建议不同的字体之间也不要太过跳跃，最好是较为相近，而又能够进行区分的字体。因为如果字体间的差距过大，也会严重的影响页面的美观。

二、使用标准的字体

一些字体服务商会经常做出一些有趣的字体来供大家选择，但值得注意的是，虽然这些字体在一定程度上可以让用户产生新鲜的感觉，但是并不是每一位访客都会为此买账。事实上，一些字体确实会在某些字的辨认上给人带来困难，甚至可能会因为使用设备的不同导致一些字符无法正常的显示，如果真的出现这种问题的话，后果是十分严重的。

所以，为了保证每一位用户都能够得到良好的阅读体验，我们建议大家在进行网站建设时还是以标准字体为主，而选用哪一种标准字体，就可以按照目标群体的阅读习惯来决定了。

三、控制好行高

页面排版中一个比较重要的概念就是要控制行高。行高代表文字的行间距，这个距离如何能够做到最好需要站长通过经验来进行调整，不过在一般情况下，行间距大致等于文本高度的30%，这样的设置在大部分情况下都会给用户带来最为舒适的阅读体验。

如果行高过小，就会使文本十分拥挤，阅读时很容易产生眼花的感觉;而如果行高过大，会使页面显得非常空荡，十分影响整体的美观。还有一项研究数据表明，良好的行高设置会使网站的阅读效率提高20%，这意味着用户可以从你的文章中提取到更多有用的信息。

四、控制每一行的文本长度

当然，在注意了行高的问题之后，每一行文本的字符数也是需要用心设计的。如果文本太短，就需要用户来回扫视，对阅读造成影响;而如果文本过长，又容易让用户无法集中注意力。

关于每一行文本的长度，也有具体的数据可供参考，针对PC端网站来说，每一行中文字符控制在35-45个字，英文字符控制在60左右是最为合适的。而对于移动端来说，由于屏幕较小，所以文本长度也应该相应的缩短。

可能很多人在浏览网站时，会发现这样一个问题：有非常多的网站都选择使用蓝色作为他们的logo或者UI的颜色，并且蓝色的出现频率要远远高于其他的任何一种颜色，那为什么大部分设计师和网站都对蓝色偏爱有加?

蓝色是大多数人喜欢的颜色

根据一项调查结果显示，蓝色是绝大多数人最喜欢的颜色，在男性中，最喜欢蓝色的人群占到调查总人数的57%，而在感性的女性群体中，同样也有35%的人最喜欢蓝色，而排在第二的紫色仅占23%，可以看出，蓝色在受人群喜爱的较量中以压倒性的优势获胜。同时，蓝色也被认为是全球范围内最安全的设计用色。

蓝色的适用性更强

从设计的角度来看，蓝色确实也是适用性最为广泛的颜色，没有之一。蓝色可以用在任何场景、任何地方。而其他的颜色如红色、黄色、绿色都有着很严重的情绪倾向，这也许与多年来在国际上通用的警示符号有一定的关系，如人们在看见红色时，往往会联想到愤怒、危险，而黄色也时常代表着警告的意思。所以，在众多的颜色之中，也只有蓝色可以使用在最多的场合。

蓝色可以让用户对产品产生信赖的感觉

当你的产品的主色调为蓝色时，很容易让用户产生共鸣，并让他们觉得，这就是我要的产品。当你的产品同时具备很高的质量的时候，品牌的可信度以及知名度也就同时得到了提升。

这与一些知名品牌在早期对于蓝色的使用有一定的关系，如戴尔、英特尔等公司的logo以及主色调都是蓝色，这也让人们在多年的使用过程中潜移默化的累积了对于蓝色的信任感。同时，结合上文的调查结果，蓝色是大多数人们最喜欢的颜色，所以当他们看到产品的主色调为蓝色时，也会对产品产生一种亲切的感觉。

蓝色代表大自然的颜色

虽然人们通常会认为绿色代表自然，绿色也是各种官方活动在宣传自然时使用的最多的颜色。但不可否认的是，看到蓝色，人们很难不会联想起蓝天或者是大海——地球的绝大部分都是蓝色的。所以蓝色本身就拥有一种潜在的亲和感，这也大致可以解释为什么大部分人都对蓝色如此偏爱。

蓝色对于色盲人群非常友好

为了使更多的人能够良好的使用产品，所以就要照顾到一些特殊人群的使用体验，如色盲群体。在色盲群体中，最为常见的是红绿色盲，而绝大部分色盲的人对于蓝色都有很高的辨识度。