简洁不等于简单:简洁的Web页面设计风格(3)

http://www.itjxue.com  2015-08-07 20:48  来源:未知  点击次数: 

简化的配色方案

在印刷领域,设计方案所用到的颜色数量通常会受到各种现实问题的限制,譬如项目的预算只允许设计师使用两种颜色来设计海报。类似这样的情况是很常见的,设计师们时常会因为这些局限而感到相当的闹不住。

而Web设计领域当中却不存在这类问题,如今,多数显示设备所支持的颜色数量都庞大的不亦乐乎。从技术上讲,我们可以随心所欲地打造各种花里胡哨五彩缤纷的设计方案,然而这样的实践方式显然会与简洁至上的设计目标背道而驰。很多经典的案例当中只会用到两种颜色, 即某个明度的灰色外加一种有彩色。其中的有彩色会用在最为关键的页面元素上,例如重要的链接或页头当中的交互对象。从某种角度来说这种极简的配色方案具有一石二鸟的作用,一方面,它无疑会对简洁视觉风格的构建起到至关重要的作用,同时,这类方案还能有效的提高页面元素之间的对比度,使那些重要元素得到最大程度的突出。

AisleOne的配色方案称得上是这方面的典范:

clean-web-design-elements-tips-a1

Fuzzco则更为极端的只用到一种颜色:

clean-web-design-elements-tips-fuzzco

好么?我个人持保留意见——译者C7210注。

另外一些成功的简洁设计方案当中,虽然用到的颜色数量会超过两种,但整体的配色风格依然趋向于保守,而且用到的颜色多数是比较中性的。我们来看看Solo

clean-web-design-elements-tips-solo

正如文字排印方式与信息传达效果之间的关联作用,配色同样不仅是选取一些好看的颜色那么简单,优秀的配色方案可以通过正确的视觉基调将网站当中的内容更加有效地呈现出来。以Notologist为例,明亮、互补的颜色搭配使得内容信息及它们之间的关联得到了非常自然的体现,页面整体风格非常简洁直白,同时又不失活力。

clean-web-design-elements-tips-notologist

但我不喜欢这个页面中的黑色导航——译者C7210注。

(责任编辑:IT教学网)

更多