自然界的色彩搭配与界面设计

原作者：Luke Wroblewski
　　

　　区分设计

　　在生活中，我们很轻易忘记日常的事。我们趋向于记住那些有独特体验的或者有情感参与的事件。在网络上也是如此。当所有网站看上去一样，我们可能会产生这个就是那个的幻觉。而且当在网站之间跳转越来越快，这样的幻觉也越轻易产生。

　　所以一旦有机会可以让网站更独特，就不能放弃。假如你的网站很“跳”，那么用户可能会花更多时间浏览并且想是从哪里访问过来的，他们有可能记住这个网站并且下次再访问。可能没有比颜色更好的元素可以达到这样的效果了。人们会马上对颜色产生感觉：激动、兴奋或者枯燥乏味。

　　自然界的颜色搭配可以马上让你跳出互联网的颜色（Fig 1），并且设计一个更轻易让人记住的网站。举个例子，通过 Fig 2 中自然界的颜色组合设计的网站原型（Fig 3）完全区别于“标准”版本的同一个网站（Fig 4）。用柔和的颜色作为背景，足以突出页面上 4 块主要的信息区域。

　　但是在用“牧场的颜色”到你的设计上之前，必须知道颜色选择也必须和设计主题一致。因为颜色与用户的交流非常的直接高效，用正确的颜色也很重要。

引导用户

　　“功能决定形式——这是错误的理解。形式和功能应该是一体的，在精神上融合。” —— Frank Lloyd Wright

　　自然界中的颜色通常具备较低的饱和度，对比“人造的数字颜色”，眼睛看上去更加舒适。这样可以让用户更加专注于交互，不会被其他亮色调打搅。当你试图在一个布满饱和色调的页面上（Fig 4）浏览信息时，你的眼睛会不断地返回那些亮的颜色（比如页面顶部的蓝色）。相反地，Fig 3 中使用的蓝色和黄色，创造了一种平衡，从而突出了图片、导航和内容。（这对信息量大的页面尤其有效。）最强的视觉元素是最重要的：导航和 4 块内容区域，而不是背景色。这可能就是因为自然颜色组合带来的效果，我们对这些颜色很亲切熟悉。我们趋向于忘记那些深蓝、黄色和灰色，因为天天都看到。

　　在那些用户需要长时间在线使用的 Web 应用程序中，注重这一点尤为重要。不是很强烈的配色可以使用户专注于工作和接收重要信息。当然完美的 Web 体验不能仅仅依靠颜色，结构、交互、布局等方面也必须协同工作，来创建可用、易用的网站和应用程序。但是颜色是平衡中的重要部分，不能忽略。