网页设计中的对比原则
网页设计是由许多不同的元素组成的,每个元素都有不同的重要性和一些突出的要求。有些元素共享一种关系,而另一些元素则完全不相关。棘手的部分是能够直观有效地沟通。这就是对比原理的作用。
深圳网站设计比较是两个或两个以上元素之间的差异。相反,设计师可以创造视觉趣味,直接关注用户。但是想象一下,如果网页上的所有元素都具有相同的样式和外观。没有组织,没有流程,没有等级制度。内容几乎无法消化。这使得对比成为有效网页设计的重要组成部分。
在本文中,我们将看到如何通过在设计的三个方面创造差异来实现对比:颜色、大小和对齐。
对比色
当大多数人听到“对比”这个词时,他们会想到颜色。尽管对比度的原理并不局限于颜色,但它可以在很大程度上帮助用户区分页面元素。
这是一个给定的,几乎所有的网页设计都有一个页眉、一个内容区和一个页脚。这三个完全不同的区域应该有清晰的视觉分隔。在背景色中使用对比度是一个很好的方法。
如你所见,church media group网站就是一个很好的例子。页眉和页脚的背景颜色为深色,而内容区域为白色。这清楚地表明,内容不同于其他领域,甚至比其他领域更重要。如果我们再看一点,在内容区域ldquo还有另一个背景对比度;特色工程;该区域有浅蓝色背景。因为这个区域和其他内容之间的对比很小,所以它告诉我们这两者是相关的。
菲尔Renaud的投资组合拥有独特的布局和令人难以置信的配色方案。他使用金**来创建垂直导航和其他主要棕色设计之间的对比。
颜色也可以用于在文本BillyTamplin中创建对比。没有一种颜色可以通过分隔标题和副标题的级别以及段落文本的不同颜色来创建出色的作品。对于博客风格的布局来说,标题和文本的比较是非常重要的。它可以帮助用户在向下滚动页面时轻松查看文章的开头和结尾。
对比大小在网页设计中创建对比的另一种方法是使用元素之间的大小差异。换句话说,做一些比别人更重要的事情。当你不能依赖颜色时,重要的是根据大小来创建对比度。出租车里有很多布局,颜色也很简约。因此,为了在这三列之间创建一个层次结构,设计师在中间的列上使用了更大的宽度——是左右列宽度的两倍多。这让用户清楚地看到,中间列是页面中** 重要的区域。
正如标题可以用颜色来对比,大小也可以。标题是在层次网站imaginaria创意网站中构建内容的一个很好的方式,用标题来吸引他们的注意力,让他们阅读下面更多的小段落。
对比度校准
良好的对齐在创建高质量的网页设计中起着重要的作用。当情况好转时,他们就会排队。这就是为什么我认为很难使用不同的路线来建立比较,应该谨慎使用。做得好,但是,它可以非常有效地创造分离。
这些样式使用每个标题下内容块的大左边缘。由于标题的大小很大,这就形成了很好的对比。如果你想使用这种差异对齐,一定要使它有很大的不同。否则,它** 终会看起来像一个糟糕的设计。
文本的中间段落是一种排版,不会使文本难以阅读。但不要害怕把左对齐的段落和中心标题混在一起。这是使用差分对齐创建对比度的另一个好方法。再加上漂亮的衬线字体,也能给你漂亮的效果。
Simoncollison在每个内容框中使用与左对齐段落匹配的中心标题。由于标题的字体大小不比段落大多少,因此有助于分隔标题。
现在就不一样了
学习在设计中建立正确的对比,就像掌握其他设计原则一样,需要实践。花点时间研究天才设计师的作品,看看他们如何在设计中运用对比。记住,对比就是不同。如果这两种元素在本质上有很大的不同,那么要确保它们在视觉上的差异非常明显。