自然界的顏色與界面設(shè)計(jì)

互聯(lián)網(wǎng)充斥著枯燥的設(shè)計(jì)，惠普、IBM、戴爾、微軟，以及其他數(shù)不盡的網(wǎng)站（相似的布局，相似的配色）。可能有人會(huì)說通過這樣一種標(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ī)盱`感（給設(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)越來越快，這樣的幻覺也越容易產(chǎn)生。

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

自然界的顏色搭配可以馬上讓你跳出互聯(lián)網(wǎng)的顏色（Fig 1），并且設(shè)計(jì)一個(gè)更容易讓人記住的網(wǎng)站。舉個(gè)例子，通過 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合帶來的效果，我們對(duì)這些顏色很親切熟悉。我們趨向于忘記那些深藍(lán)、黃色和灰色，因?yàn)槊刻於伎吹健?br />
在那些用戶需要長(zhǎng)時(shí)間在線使用的 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

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

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

帶來靈感

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

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

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

網(wǎng)站欄目：自然界的顏色與界面設(shè)計(jì)
URL地址：http://www.muchs.cn/news6/318206.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、網(wǎng)站制作、網(wǎng)站建設(shè)、品牌網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)