原作者：Luke Wroblewski
　　原文地址

　　互聯(lián)網(wǎng)充斥著枯燥的設(shè)計(jì)，惠普、IBM、戴爾、微軟，以及其他數(shù)不盡的網(wǎng)站（相似的布局，相似的配色）?？赡苡腥藭f通過這樣一種標(biāo)準(zhǔn)化的界面可以使瀏覽更方便，而事實(shí)上這些網(wǎng)站帶給用戶一種很世俗的體驗(yàn)，并不能與訪客產(chǎn)生一種積極的聯(lián)系。

　　面對這種單調(diào)的設(shè)計(jì)，有一種解決方法，就是使用顏色?？赡軟]有其他設(shè)計(jì)元素能像顏色一樣能影響人們對世界（比如網(wǎng)站，比如家居裝潢）的感受。顏色可以瞬間改變我們的情緒和意見。顏色會讓我們感覺到舒適、敬畏，或者激動。在界面設(shè)計(jì)中，自然界的顏色組合對設(shè)計(jì)非常有用。從復(fù)雜的 Web 應(yīng)用程序到很多信息類 brochure-ware 網(wǎng)站，自然界的顏色可以區(qū)分設(shè)計(jì)（讓用戶更加難忘）、引導(dǎo)用戶（使用戶專注于交互）、吸引用戶（使頁面布局更舒適，更有魅力），并且?guī)盱`感（給設(shè)計(jì)師配色上的靈感）。

　　區(qū)分設(shè)計(jì)

　　在生活中，我們很容易忘記日常的事。我們趨向于記住那些有獨(dú)特體驗(yàn)的或者有情感參與的事件。在網(wǎng)絡(luò)上也是如此。當(dāng)所有網(wǎng)站看上去一樣，我們可能會產(chǎn)生這個就是那個的幻覺。而且當(dāng)在網(wǎng)站之間跳轉(zhuǎn)越來越快，這樣的幻覺也越容易產(chǎn)生。

　　所以一旦有機(jī)會可以讓網(wǎng)站更獨(dú)特，就不能放棄。如果你的網(wǎng)站很“跳”，那么用戶可能會花更多時間瀏覽并且想是從哪里訪問過來的，他們有可能記住這個網(wǎng)站并且下次再訪問?？赡軟]有比顏色更好的元素可以達(dá)到這樣的效果了。人們會馬上對顏色產(chǎn)生感覺：激動、高興或者枯燥乏味。

　　自然界的顏色搭配可以馬上讓你跳出互聯(lián)網(wǎng)的顏色（Fig 1），并且設(shè)計(jì)一個更容易讓人記住的網(wǎng)站。舉個例子，通過 Fig 2 中自然界的顏色組合設(shè)計(jì)的網(wǎng)站原型（Fig 3）完全區(qū)別于“標(biāo)準(zhǔn)”版本的同一個網(wǎng)站（Fig 4）。用柔和的顏色作為背景，足以突出頁面上 4 塊主要的信息區(qū)域。

　　但是在用“牧場的顏色”到你的設(shè)計(jì)上之前，必須知道顏色選擇也必須和設(shè)計(jì)主題一致。因?yàn)轭伾c用戶的交流非常的直接高效，用正確的顏色也很重要。

　　引導(dǎo)用戶

　　“功能決定形式——這是錯誤的理解。形式和功能應(yīng)該是一體的，在精神上融合?！?—— Frank Lloyd Wright

　　自然界中的顏色通常具備較低的飽和度，對比“人造的數(shù)字顏色”，眼睛看上去更加舒服。這樣可以讓用戶更加專注于交互，不會被其他亮色調(diào)打擾。當(dāng)你試圖在一個充滿飽和色調(diào)的頁面上（Fig 4）瀏覽信息時，你的眼睛會不斷地返回那些亮的顏色（比如頁面頂部的藍(lán)色）。相反地，F(xiàn)ig 3 中使用的藍(lán)色和黃色，創(chuàng)造了一種平衡，從而突出了圖片、導(dǎo)航和內(nèi)容。（這對信息量大的頁面尤其有效。）最強(qiáng)的視覺元素是最重要的：導(dǎo)航和 4 塊內(nèi)容區(qū)域，而不是背景色。這可能就是因?yàn)樽匀活伾M合帶來的效果，我們對這些顏色很親切熟悉。我們趨向于忘記那些深藍(lán)、黃色和灰色，因?yàn)槊刻於伎吹健?/P>

　　在那些用戶需要長時間在線使用的 Web 應(yīng)用程序中，注意這一點(diǎn)尤為重要。不是很強(qiáng)烈的配色可以使用戶專注于工作和接收重要信息。當(dāng)然完美的 Web 體驗(yàn)不能僅僅依靠顏色，結(jié)構(gòu)、交互、布局等方面也必須協(xié)同工作，來創(chuàng)建可用、易用的網(wǎng)站和應(yīng)用程序。但是顏色是平衡中的重要部分，不能忽略。

　　吸引用戶

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

　　自然界的顏色組合對另外一種設(shè)計(jì)思考也很有幫助，那就是情感反饋?？捎眯裕║sability）讓用戶很方便的從 A 點(diǎn)到 B 點(diǎn)，但是有時降低了有趣的體驗(yàn)，那些人們想重復(fù)體驗(yàn)的或者與人分享的。

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

　　自然界帶來的靈感

　　自然界的顏色蘊(yùn)含的另外一個財(cái)富就是可以帶來靈感。豐富多彩的自然界，給我們持續(xù)不斷的帶來新的想法，包括顏色的選擇。舉個實(shí)例，為了促進(jìn)都柏林的旅游業(yè)，設(shè)計(jì)師并沒有使用橙色、綠色和白色（愛爾蘭國旗的顏色），而是采用了愛爾蘭海岸的一種顏色組合。這種組合非常生動和吸引人，是都柏林看起來很有游玩的樂趣，并且廣闊、豪華。非?？上У氖沁@個配色并沒有被帶到都柏林的網(wǎng)站上，少了很多生動和魅力。

　　當(dāng)然所有上面談到的，自然界的顏色組合并不就是一把尚方寶劍。有時候你可能想給你的訪客帶來一種“震驚懼怕”的感覺，你最好的賭注就是那些從來不在自然界中一起出現(xiàn)過的顏色組合（所以看上去不舒服）。有時候你的訪客想要的，或許就是你最喜歡的那種企業(yè)藍(lán)。但是在復(fù)雜的交互和需要創(chuàng)意的時候，自然界的顏色組合肯定會是你很重要的一件武器。