平面构成有形式美的规律：统一与变化，对称与平衡，节奏与韵律，对比与和谐。和大家分享了对比和留白在广州网页设计中的应用。今天，我们继续分享网页中这么多元素是如何统一和一致的。

　　1.统一图片

　　画面的统一就是画面大小、色彩、风格的统一。

　　无论是JD.COM还是天猫淘宝，这些商场都是用这样一个统一的原理在自己的网站上进行图像处理。不同的场景对画面的要求不同。比如在JD.COM商城首页，每个区块都有一定的导航作用。在这样的场景中，需要的图片是简单的，而不是背景复杂的。下面我举一个错误的例子给你看：

　　左图为官网图片，右图为错误演示。显然，左图显示和可读性强，视觉效果好。右边的图片之所以不好看，是因为图片大小不一致，背景颜色不一致，所以看起来特别不协调。

　　好了，现在可能有人要问，JD.COM或者天猫淘宝搜索后进入的页面上的产品图片是不是很丰富多彩，看起来并不觉得不协调。

　　这些界面的统一性和一致性体现在产品块的大小和整体风格上。除了产品图不同，其他布局样式和块大小都是一样的，和首页正好相反。首页每个块大小不一致，所以图片一致协调，内页块样式一致，图片不一致。但是无论哪种协调方式，界面都起到了很好的协调作用。

　　画面风格的统一主要体现在网页中画面的选择上，不适合写实风格网页中的漫画画面，也不适合刷新界面中的酷炫画面。

　　2.统一的颜色

　　颜色统一是指网页中颜色体系应用的统一，可以体现在网页中整体的颜色体系，网页中所有块标题的颜色，甚至整个网页界面中按钮的配色。一般情况下，如果你不知道在网页上设置什么颜色系统，你的建议和意见就是跟着你的logo颜色走。

　　3.统一字体

　　大家都知道界面中的字体显示特别重要，所以字体一定不能让查看者感到混乱，一定要统一。

　　字体可以在变化中统一，无论是字体、大小还是颜色的统一。不要做太多突出字体的效果，反而削弱文字的可读性。

　　在一个网站中，在处理字体统一时，最好在设置界面时统一设置。可以借助一些网站建设系统来设置，也可以通过编写css样式来确定界面的字体大小。标题和文本的字体大小应该一致。需要避免第一页的字体大小为14px，进入子页面时字体大小变成16px，容易让查看者感觉不舒服。另外，字体的选择要统一。现在字体库的字体很多，所以在选择字体的时候，最好选择与网页整体风格一致的字体。

　　4.块统一

　　街区的统一主要体现在街区的高度、边框颜色、标题风格或者整体风格上。当然，不是所有的统一都是好的，但需要具体分析。还是上面的天猫产品界面，这么多块，风格边框统一，看起来整洁有序。下图显示了一个错误。块的边框用不同的颜色处理，使得它们在界面中一起出现时显得凌乱。

　　5.统一布局

　　布局的统一主要是网页中的一些布局设置要统一，这个导航条目的侧边栏不要在左边，下一个导航条目的侧边栏要在右边。这样的界面会让人感到迷茫，用户需要重新适应新的界面布局。

　　顶部导航和Logo的位置是否一致？行距和文字与图像的间距是否一致？所有这些都反映了网站对细节的考虑。我们可能很难发现有些网页在设计上有多好，但如果有些细节做得不好，很容易让人在使用中感到不舒服。所以建议布局统一，设计师在写风格布局的时候可以统一设置。同一类型的操作应该有相似的结果反馈，同一功能界面也应该有相似的布局风格。

　　6.统一的视觉元素

　　这里的视觉元素包括网页中各种元素的大小、大小和颜色。这些元素可以是按钮、图标、动画等。在网站设计中，也要考虑不同页面之间的一致性。虽然功能不同，但我们一般要(略有灵活性)保持不同页面之间视觉风格的一致性。

　　7.互动与统一

　　互动的统一性也很重要。除了视觉表象之外，还要在“互动”和“行为”上做一些努力。页面之间的交互性也很重要，最好保持大致相同，以免太乱。比如市面上有的按钮是设计出来的，有的按钮按下就开，有的按钮按下就关。这样的交互设计不一样，会让用户感到困惑，使用起来不方便。生活中也是如此，交互的统一性在网页设计中是不可忽视的。如果同一个界面的同一个元素被用户触发，这个元素会给用户两种不同的显示效果，只会让用户感觉到和这个网站的距离。