Web设计原理对比

网页设计是由许多不同的元素，各有不同的重要性水平，比其他一些要求突出。一些元素共享的关系，而其他不相关的。困难之处在于能够将本直观和有效。这就是对比的原则发挥作用的地方。

对比是在两个或多个元素的差异。与此相反，设计师可以创建视觉趣味和直接用户的注意。但想象一下，如果在网页上的所有元素是在风格和外观相同。将没有组织，没有流动，而且肯定没有层次。内容几乎是不可能消化。这使得对比了有效的网页设计的重要组成部分。

在这篇文章中，我们将看到如何对比可以通过建立在三个方面的设计： 颜色，大小和对齐的差异实现。

颜色对比

当大多数人听到这个词相反，他们认为色彩。即使对比原则不仅限于颜色，它可以帮助用户区分彼此的页面元素了漫长的道路。

这是因为几乎所有的网站设计有一个头，一个内容区域，和页脚。这是三个完全不同的领域，应该有一个清晰的视觉分离。使用背景颜色对比度是一个很好的方式实现这一目标。

在这里你会看到Church Media Group’s website 网站是一个很好的例子。页眉和页脚的背景颜色是黑色的，而内容区域为白色。这清楚地确立了作为内容是不同的，甚至比其他领域的重要。如果我们再有一点是另一种的衬托下，在内容区域的水平。在“特色项目”区域有一个淡蓝色背景。由于这一领域之间的其余内容对比量很小，它告诉我们，这两个是相关的。

Phil Renaud’s portfolio有独特的布局和难以置信的配色方案。他用一金黄色之间建立垂直航行和褐色为主的设计其余的对比。

颜色也可以用于在文本创建的对比。 Billy Tamplin 创造一个给予的标题，小标题和段落文本的所有不同的颜色分类和层次的出色工作。对于博客的风格布局，职位之间建立标题和正文的对比是至关重要的。它可以帮助用户很容易看到的文章开始和结束，他们向下滚动页面。

大小对比

另一种方法来创建网页设计对比是利用元素之间的大小差异。换句话说，做一些事情比其他人更大。

通过建立规模对比变得非常重要，当你不能依靠颜色。 Taxi有很多东西在它的布局和具有最小的配色方案。因此，为了建立这三个列的层次结构，设计用于在中间栏一个更大的宽度 – 超过两倍的左，右列。这使得它显然给用户的中间一列是页面的最重要领域。

正如颜色可用于印刷的标题来创建对比，因此可以大小。Big headings 是一个伟大的方式内设立一个网站内容的层次结构。 Imaginaria Creative用大标题捕捉访问者的注意力，使他们在阅读了下文更小的他们。

齐中对比

良好对准了在创造一个优质的网站设计一个大的一部分。只是看东西时更好地排队。这就是为什么我想用不同的路线，创造对比是棘手的，应谨慎使用。但是，如果做得好的，可以非常有效地制造分裂。

LegiStyles 上使用下面每个标题的内容块大型左边距。随着标题的大尺寸，这创造了一个良好的数量对比。如果你要使用这种差别在这种调整，一定要使它成为一个很大的不同。否则，将结束像一个设计欠佳的错误期待。

围绕大段是一个很大的排版禁忌。它使文字非常难以阅读。但是，不要害怕与混合左对齐中心标题段落。这是另一种很好的方式使用不同路线创造的对比。有一个很好的serif字体相结合，它也可以给你一个经典的外观版式。

Simon Collison 使用左对齐中心在每个段落内容盒子配对的标题。自标题字体大小不远大于的段落，这有助于确定的标题分开。

A List Apart 很好的例子，中心使用的标题与左对齐的段落。

现在是不同的

创建学习就像掌握任何其他的设计原则，在您的作品作一比较适量 – 这需要实践。花时间研究的有才华的设计师的工作，看看他们是如何使用其设计的对比。请记住，对比度是所有关于差异。如果两个元素非常不同的性质，一定要作出很明显的视觉差异。

 

英文：The Principle of Contrast in Web Design
翻译：web启点
来源：Web设计原理对比 |web启点