DAVID SIMON在David Simon的网站上你第一眼就能注意到背景颜色之间的不同,很容易区分两个页面。logo作为一个黑色的元素和白色的背景空间形成鲜明的对比。 图像和其它元素都吸引观众的眼球。背景中帖子的信息,全部用大写数据来展示,菜单背景的颜色和当前页面的颜色也是通过对比来吸引观众的注意力,并且传输一些有意义的信息。菜单的链接都是相同的样式,链接都是最近更新的帖子。彼此间用横线隔开。菜单中的每个功能都和其它形成对比,有显著的不同。但是字体自始至终都是一致的。标题和正文的字体是不同的,但是它们的不同又和网站的风格是一致。正文中的链接很显眼,是为了更明确它们的链接出处,尽管设计师可能为了不打断阅读的连贯性从而让们不太显眼。标题也还可以更好的突出, 虽然它很清晰能够看出不是正文的一部分。
MIKE KUS Mike Kus的网站主页主要是侧重于Mike 工作中的不同项目。网页的大部分都是不同的,但需要注意的是它的每个元素都脱颖而出。文本与背景形成了鲜明的对比,画和背景墙的纹理同样也形成了鲜明的对比。注意:在我写这个之后,Mike 已经改变了它的主页。你看到下面的截图是他网站以前的版本。 页面上每幅画都用一种颜色来区分。其它信息都用一个同样的深灰色。同时需要注意的是画的边框,暗示了它们有什么共同之处。在这种情况下,它们代表着项目。也需要注意的是背景通过砖块的样式表达了相似性。图底关系很明确,也很清晰。在Mike的关于页面,如下图,迈克的图片与其它形成对比。蓝色的按钮“get in touch ”是唯一一个有颜色的元素。你也许不会联系迈克,但你不会不知道它的联系方式。网站上还有相同的蓝色按钮。 Mike的将名字作为logo,在页面的主标题上不断重复出现。网页的标题与背景形成对比,菜单中的链接也是同样的形式。顶部社交的图标iocn在尾页依旧重复出现。并且使用一致的字体,标题用无衬线字体,正文用衬线字体,彼此相区别。
ELECTRIC PULP(一个网站) Electric Pulp的网站上的 logo是一个不大不小的红色的圆圈。和其它形成鲜明的对比。注意的是这个颜色在主导航上 一直重复来表明当前页面。 整 个网站是大标题,且用了加粗的大写字母。真个网站的标题和正文也形成了对比,前者用无衬线,后者是衬线字体。点击进入“notes”页面,你会看到下一链 接的背景颜色和先前的主背景形成对比。背景颜色也是用来区分不同的页面。网页上大多数是一个红色(这个颜色常用设置元素)和更改用的蓝色做对比。然而,在 “work”页面第一个按钮恰好相反。这是否是作者有心的还是一个意外很难讲。虽然如此不过依然是遵循着对比原则。