自然界的色彩搭配與界面設(shè)計(jì)(3)_網(wǎng)頁配色教程
“功能決定形式——這是錯(cuò)誤的理解。形式和功能應(yīng)該是一體的,在精神上融合�!� —— Frank Lloyd Wright
自然界中的顏色通常具備較低的飽和度,對(duì)比“人造的數(shù)字顏色”,眼睛看上去更加舒適。這樣可以讓用戶更加專注于交互,不會(huì)被其他亮色調(diào)打攪。當(dāng)你試圖在一個(gè)布滿飽和色調(diào)的頁面上(Fig 4)瀏覽信息時(shí),你的眼睛會(huì)不斷地返回那些亮的顏色(比如頁面頂部的藍(lán)色)。相反地,F(xiàn)ig 3 中使用的藍(lán)色和黃色,創(chuàng)造了一種平衡,從而突出了圖片、導(dǎo)航和內(nèi)容。(這對(duì)信息量大的頁面尤其有效。)最強(qiáng)的視覺元素是最重要的:導(dǎo)航和 4 塊內(nèi)容區(qū)域,而不是背景色。這可能就是因?yàn)樽匀活伾M合帶來的效果,我們對(duì)這些顏色很親切熟悉。我們趨向于忘記那些深藍(lán)、黃色和灰色,因?yàn)樘焯於伎吹健?/P>
在那些用戶需要長時(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ì)思考也很有幫助,那就是情感反饋�?捎眯裕║sability)讓用戶很方便的從 A 點(diǎn)到 B 點(diǎn),但是有時(shí)降低了有趣的體驗(yàn),那些人們想重復(fù)體驗(yàn)的或者與人分享的。
考慮一下下圖中兩個(gè)版本的事務(wù)表單。其中一種(Fig 5)使用了嚴(yán)寒和具有脅迫性的配色。另外一種使用了暖和和更有魅力的顏色,自然,使得表單更有親和力�,F(xiàn)在假設(shè)有一個(gè)書記必須重復(fù)性的填寫這個(gè)表單,那么較少脅迫性的表單可以吸引他在這個(gè)舒適的框架下完成工作。
- 網(wǎng)站配色指南-互聯(lián)網(wǎng)的色彩心理學(xué)
- 網(wǎng)頁設(shè)計(jì)配色基礎(chǔ)分析:RGB與HSB
- 網(wǎng)頁設(shè)計(jì)色彩搭配寶藍(lán)色的介紹
- 看圖學(xué)配色藝術(shù),學(xué)習(xí)設(shè)計(jì)
- 學(xué)習(xí)HTML的一些關(guān)于顏色方面的參考
- 網(wǎng)頁配色:正文中國傳統(tǒng)色彩名錄
- 韓國在線配色網(wǎng)頁
- 網(wǎng)頁設(shè)計(jì)配色:原色
- 網(wǎng)頁設(shè)計(jì)配色:和色
- 網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例剖析——黑色系
- 主流web2.0網(wǎng)站的配色參考方案
- 網(wǎng)站設(shè)計(jì)中的對(duì)比配色和相近配色
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁配色教程-自然界的色彩搭配與界面設(shè)計(jì)(3)
。
