自然界的色彩搭配与界面设计(3)_网页配色教程

引导用户

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

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

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

　　吸引用户

　　“自然颜色非常亲切并且具有很高的接受度。” —— Edward Tufte, 1989

　　自然界的颜色组合对另外一种设计思考也很有帮助，那就是情感反馈。可用性（Usability）让用户很方便的从 A 点到 B 点，但是有时降低了有趣的体验，那些人们想重复体验的或者与人分享的。

　　考虑一下下图中两个版本的事务表单。其中一种（Fig 5）使用了严寒和具有胁迫性的配色。另外一种使用了暖和和更有魅力的颜色，自然，使得表单更有亲和力。现在假设有一个书记必须重复性的填写这个表单，那么较少胁迫性的表单可以吸引他在这个舒适的框架下完成工作。