平顶山网页设计是由良多个不同的元素构成的,这些元素的重要性都不同,有些元素需要特别凸起、有些元素彼此之间存在着联系,而另外的元素之间则一点联系关系性都没有。比较难办的是如何有效的在视觉上来传递元素之间的关系。这就该用到对比原则了。
对比就是两个或更多个元素之间的不同。通过对比,设计师就可以创造出视觉趣味性,同时引导用户的留意力。想象一下,假如页面上所有的元素都是一个样子容貌,那就会觉得这些内容没有组织,没有"(视线)流",没有明确的结构,也很难去理解和接受。因此在平顶山网页设计中,对比是很重要的一部门。
在这篇文章中,我们将会看到如何通过颜色、尺寸、对齐方式这三个方面的对比原则来设计更优秀的网页。
颜色对比
大多数人听到“对比”这个词,他们首先想到的就是颜色。尽管对比原则中不只包含颜色,但是颜色对于匡助用户识别页面中不同的元素有很大的匡助。
一般页面都包含页头,内容区,页脚。那么我们就需要从视觉上清楚的区分中这三个不同的部门。很好的方法就是: 使用不同的背景色。
churchmedia网站是一个很好的例子。页头和页脚都使用较深的背景色,内容区是白色。通过这种差异,可以很显著的凸起内容,并表现出它的重要性。假如我们再深入点看,在内容区域也有不同的背景色对比:“案例”部门使用了浅蓝色。正由于它与其他内容部门的对比很小,表示两个部门是有联系关系的。
Phil Renaud’s portfolio 这个网站使用了一个独特布局和极其漂亮的配色方案。网站整体使用了棕色来设计,他使用了一种金黄色来增加垂直导航区域和其他区域的对比。
文本之间也可以使用颜色来形成对比。在Billy Tamplin中,标题,副标题,文章段落分别使用了不同的颜色,将各部门公道的区分并建立视觉结构,终极获得了很好的效果。作为博客的界面来说,在文章标题和主体内容之间建立对比是很重要的。这样在用户动弹页面的时候,就可以让他们清晰的看到文章的从哪开始和到哪结束。
尺寸对比
在页面设计中另外一种对比方式就是不同的元素使用不同的尺寸。换句话说,让一部门内容比其他的更大。
在不能依赖颜色的时候,通过尺寸建立对比则变得非常重要。Taxi的配色很少,而它的页面中有良多的新闻。因此,为了建立三列布局的结构,设计师在中间列使用了大得多的宽度-比左侧和右侧列的两倍还大。让用户一眼就能看出来,中间那列是页面中最重要的部门。
正如标题可以使用颜色来建立对比,尺寸也可以。在网站内容中,大标题是建立视觉结构很好的方法。Imaginaria Creative的网站中,使用了大标题来吸引用户的留意力并且留住他们,这样用户就会阅读下面那些稍小的段落中更多内容。
对齐方式的对比
在高品质平顶山网页设计中,好的对齐方式占了很大的比重。当物品排成一行时,通常看上去感觉更好。因此,我觉得使用不同的对齐方式来建立对比是较难的而且要更谨严的使用。但是假如做的好的话长短常有效的。
LegiStyles在标题下面的内容块左侧使用了一个很大的留白。再加上大尺寸的标题,形成了一个很好的对比效果。假如你想使用不同的对齐方式,那么一定要将这种不同的标准做大,否则最后会看起来像一个糟糕的设计中的失误。
居中的大段文字是一个排版中的禁忌。由于会造成文本很难阅读。但是,可以尝试将左对齐的文本段落和居中对齐的标题来混合起来。这是使用不同的对齐方式建立对比的另外一个好办法。再结合使用一种漂亮的衬线字体,这样也能获得很漂亮的效果。
Simon Collison的每个内容块中,都使用了居中对齐的标题,左对齐的文本。尽管标题的文字并没有比段落的文字大良多,但是已经能看出差别了。
A List Apart是另外一个居中标题左对齐段落的很好的例子。