自然界的色彩搭配與界面設計(3)_網頁配色教程

引導用戶

　　“功能決定形式——這是錯誤的理解。形式和功能應該是一體的，在精神上融合。” —— Frank Lloyd Wright

　　自然界中的顏色通常具備較低的飽和度，對比“人造的數字顏色”，眼睛看上去更加舒適。這樣可以讓用戶更加專注于交互，不會被其他亮色調打攪。當你試圖在一個布滿飽和色調的頁面上（Fig 4）瀏覽信息時，你的眼睛會不斷地返回那些亮的顏色（比如頁面頂部的藍色）。相反地，Fig 3 中使用的藍色和黃色，創造了一種平衡，從而突出了圖片、導航和內容。（這對信息量大的頁面尤其有效。）最強的視覺元素是最重要的：導航和 4 塊內容區域，而不是背景色。這可能就是因為自然顏色組合帶來的效果，我們對這些顏色很親切熟悉。我們趨向于忘記那些深藍、黃色和灰色，因為天天都看到。

　　在那些用戶需要長時間在線使用的 Web 應用程序中，注重這一點尤為重要。不是很強烈的配色可以使用戶專注于工作和接收重要信息。當然完美的 Web 體驗不能僅僅依靠顏色，結構、交互、布局等方面也必須協同工作，來創建可用、易用的網站和應用程序。但是顏色是平衡中的重要部分，不能忽略。

　　吸引用戶

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

　　自然界的顏色組合對另外一種設計思考也很有幫助，那就是情感反饋。可用性（Usability）讓用戶很方便的從 A 點到 B 點，但是有時降低了有趣的體驗，那些人們想重復體驗的或者與人分享的。

　　考慮一下下圖中兩個版本的事務表單。其中一種（Fig 5）使用了嚴寒和具有脅迫性的配色。另外一種使用了暖和和更有魅力的顏色，自然，使得表單更有親和力。現在假設有一個書記必須重復性的填寫這個表單，那么較少脅迫性的表單可以吸引他在這個舒適的框架下完成工作。