|
原作者：Luke Wroblewski
原文地址：http://www.boxesandarrows.com/view/natural_selections_colors_found
_in_nature_and_interface_design
互聯(lián)網(wǎng)充斥著枯燥的設(shè)計(jì)，惠普、IBM、戴爾、微軟，以及其他數(shù)不盡的網(wǎng)站（相似的布局，相似的配色）�？赡苡腥藭�(huì)說(shuō)通過(guò)這樣一種標(biāo)準(zhǔn)化的界面可以使瀏覽更方便，而事實(shí)上這些網(wǎng)站帶給用戶一種很世俗的體驗(yàn)，并不能與訪客產(chǎn)生一種積極的聯(lián)系。
面對(duì)這種單調(diào)的設(shè)計(jì)，有一種解決方法，就是使用顏色�？赡軟]有其他設(shè)計(jì)元素能像顏色一樣能影響人們對(duì)世界（比如網(wǎng)站，比如家居裝潢）的感受。顏色可以瞬間改變我們的情緒和意見。顏色會(huì)讓我們感覺到舒適、敬畏，或者激動(dòng)。在界面設(shè)計(jì)中，自然界的顏色組合對(duì)設(shè)計(jì)非常有用。從復(fù)雜的 Web 應(yīng)用程序到很多信息類 brochure-ware 網(wǎng)站，自然界的顏色可以區(qū)分設(shè)計(jì)（讓用戶更加難忘）、引導(dǎo)用戶（使用戶專注于交互）、吸引用戶（使頁(yè)面布局更舒適，更有魅力），并且?guī)?lái)靈感（給設(shè)計(jì)師配色上的靈感）。
區(qū)分設(shè)計(jì)
在生活中，我們很容易忘記日常的事。我們趨向于記住那些有獨(dú)特體驗(yàn)的或者有情感參與的事件。在網(wǎng)絡(luò)上也是如此。當(dāng)所有網(wǎng)站看上去一樣，我們可能會(huì)產(chǎn)生這個(gè)就是那個(gè)的幻覺。而且當(dāng)在網(wǎng)站之間跳轉(zhuǎn)越來(lái)越快，這樣的幻覺也越容易產(chǎn)生。
所以一旦有機(jī)會(huì)可以讓網(wǎng)站更獨(dú)特，就不能放棄。如果你的網(wǎng)站很“跳”，那么用戶可能會(huì)花更多時(shí)間瀏覽并且想是從哪里訪問(wèn)過(guò)來(lái)的，他們有可能記住這個(gè)網(wǎng)站并且下次再訪問(wèn)�？赡軟]有比顏色更好的元素可以達(dá)到這樣的效果了。人們會(huì)馬上對(duì)顏色產(chǎn)生感覺：激動(dòng)、高興或者枯燥乏味。
自然界的顏色搭配可以馬上讓你跳出互聯(lián)網(wǎng)的顏色（Fig 1），并且設(shè)計(jì)一個(gè)更容易讓人記住的網(wǎng)站。舉個(gè)例子，通過(guò) Fig 2 中自然界的顏色組合設(shè)計(jì)的網(wǎng)站原型（Fig 3）完全區(qū)別于“標(biāo)準(zhǔn)”版本的同一個(gè)網(wǎng)站（Fig 4）。用柔和的顏色作為背景，足以突出頁(yè)面上 4 塊主要的信息區(qū)域。
但是在用“牧場(chǎng)的顏色”到你的設(shè)計(jì)上之前，必須知道顏色選擇也必須和設(shè)計(jì)主題一致。因?yàn)轭伾c用戶的交流非常的直接高效，用正確的顏色也很重要。
引導(dǎo)用戶
“功能決定形式——這是錯(cuò)誤的理解。形式和功能應(yīng)該是一體的，在精神上融合�！� —— Frank Lloyd Wright
自然界中的顏色通常具備較低的飽和度，對(duì)比“人造的數(shù)字顏色”，眼睛看上去更加舒服。這樣可以讓用戶更加專注于交互，不會(huì)被其他亮色調(diào)打擾。當(dāng)你試圖在一個(gè)充滿飽和色調(diào)的頁(yè)面上（Fig 4）瀏覽信息時(shí)，你的眼睛會(huì)不斷地返回那些亮的顏色（比如頁(yè)面頂部的藍(lán)色）。相反地，F(xiàn)ig 3 中使用的藍(lán)色和黃色，創(chuàng)造了一種平衡，從而突出了圖片、導(dǎo)航和內(nèi)容。（這對(duì)信息量大的頁(yè)面尤其有效。）最強(qiáng)的視覺元素是最重要的：導(dǎo)航和 4 塊內(nèi)容區(qū)域，而不是背景色。這可能就是因?yàn)樽匀活伾M合帶來(lái)的效果，我們對(duì)這些顏色很親切熟悉。我們趨向于忘記那些深藍(lán)、黃色和灰色，因?yàn)槊刻於伎吹健?/p>
在那些用戶需要長(zhǎng)時(shí)間在線使用的 Web 應(yīng)用程序中，注意這一點(diǎn)尤為重要。不是很強(qiáng)烈的配色可以使用戶專注于工作和接收重要信息。當(dāng)然完美的 Web 體驗(yàn)不能僅僅依靠顏色，結(jié)構(gòu)、交互、布局等方面也必須協(xié)同工作，來(lái)創(chuàng)建可用、易用的網(wǎng)站和應(yīng)用程序。但是顏色是平衡中的重要部分，不能忽略。
吸引用戶
“自然顏色非常親切并且具有很高的接受度。” —— Edward Tufte, 1989
自然界的顏色組合對(duì)另外一種設(shè)計(jì)思考也很有幫助，那就是情感反饋�？捎眯裕║sability）讓用戶很方便的從 A 點(diǎn)到 B 點(diǎn)，但是有時(shí)降低了有趣的體驗(yàn)，那些人們想重復(fù)體驗(yàn)的或者與人分享的。
考慮一下下圖中兩個(gè)版本的事務(wù)表單。其中一種（Fig 5）使用了寒冷和具有脅迫性的配色。另外一種使用了暖和和更有魅力的顏色，自然，使得表單更有親和力�，F(xiàn)在假設(shè)有一個(gè)書記必須重復(fù)性的填寫這個(gè)表單，那么較少脅迫性的表單可以吸引他在這個(gè)舒適的框架下完成工作。
帶來(lái)靈感
自然界的顏色蘊(yùn)含的另外一個(gè)財(cái)富就是可以帶來(lái)靈感。豐富多彩的自然界，給我們持續(xù)不斷的帶來(lái)新的想法，包括顏色的選擇。舉個(gè)實(shí)例，為了促進(jìn)都柏林的旅游業(yè)，設(shè)計(jì)師并沒有使用橙色、綠色和白色（愛爾蘭國(guó)旗的顏色），而是采用了愛爾蘭海岸的一種顏色組合。這種組合非常生動(dòng)和吸引人，是都柏林看起來(lái)很有游玩的樂(lè)趣，并且廣闊、豪華。非�？上У氖沁@個(gè)配色并沒有被帶到都柏林的網(wǎng)站上，少了很多生動(dòng)和魅力。
當(dāng)然所有上面談到的，自然界的顏色組合并不就是一把尚方寶劍。有時(shí)候你可能想給你的訪客帶來(lái)一種“震驚懼怕”的感覺，你最好的賭注就是那些從來(lái)不在自然界中一起出現(xiàn)過(guò)的顏色組合（所以看上去不舒服）。有時(shí)候你的訪客想要的，或許就是你最喜歡的那種企業(yè)藍(lán)。但是在復(fù)雜的交互和需要?jiǎng)?chuàng)意的時(shí)候，自然界的顏色組合肯定會(huì)是你很重要的一件武器。
出處：
責(zé)任編輯：moby
|
