[網(wǎng)頁(yè)界面設(shè)計(jì)]-之配色

1、前言其實(shí)標(biāo)題最開始取的是:商業(yè)設(shè)計(jì)之配色,但仔細(xì)一想,我也就對(duì)網(wǎng)頁(yè)界面設(shè)計(jì)和平面設(shè)計(jì)稍有了解,取偌大一個(gè)標(biāo)題必然會(huì)BUG百出!寫這篇東西不是想討論RGB與CMYK色彩模式之間的關(guān)系,也不是具體配色案例講解。本文旨在改變一些人對(duì)配色方面的成見(jiàn),以及提出一些配色方面?zhèn)€人思路。 配色能力可以提高嗎? 色彩的基本知識(shí)色彩方面的基本知識(shí)以及名詞術(shù)語(yǔ)我就不說(shuō)了,不理解的朋友查閱下相關(guān)資料就OK! 色調(diào)色調(diào)在商業(yè)設(shè)計(jì)中的重要性不言而喻。一個(gè)項(xiàng)目的設(shè)計(jì)開始之前,建議大家事先定好頁(yè)面的色彩基調(diào)。多問(wèn)問(wèn)下自己,這個(gè)頁(yè)面我是用冷色調(diào)子、暖色調(diào)子、藍(lán)灰調(diào)子還是灰色調(diào)子更為貼切。我先說(shuō)說(shuō)自

2、己定色調(diào)的思路,首先還是分析項(xiàng)目信息,即在充分了解客戶(產(chǎn)品、服務(wù)、理念等)以及客戶產(chǎn)品的終端消費(fèi)人群的基礎(chǔ)上,去確定適合色調(diào)。比如體育運(yùn)動(dòng)主題方面的項(xiàng)目,我會(huì)了解這個(gè)體育運(yùn)動(dòng)項(xiàng)目本身的信息,然后是了解終端瀏覽者的諸多因素,再者就是客戶負(fù)責(zé)人對(duì)于配色的意見(jiàn)。通過(guò)綜合分析,在幾個(gè)因素中去找相似性,找平衡點(diǎn)。你的配色想要獲得認(rèn)同,首先你得搞清楚一點(diǎn):是由哪些人來(lái)認(rèn)同(或許是終端客戶認(rèn)同、或許是客戶認(rèn)同、或許是業(yè)內(nèi)認(rèn)同、亦或許是他們的綜合)!接下來(lái)就是反思考哪種配色方案更適合產(chǎn)品的定位、適合產(chǎn)品終端客戶以及客戶的審美。具體比如說(shuō),一個(gè)服飾類設(shè)計(jì)項(xiàng)目,客戶產(chǎn)品目標(biāo)消費(fèi)人群是30歲左右的白領(lǐng)女性,產(chǎn)品定

3、位的關(guān)鍵詞是成熟、典雅、內(nèi)在氣質(zhì),然后讓你給出合適的網(wǎng)頁(yè)界面配色方案,咋整?答案就是前面寫的,你需要了解他們的產(chǎn)品風(fēng)格,了解目標(biāo)消費(fèi)人群的審美傾向。我們之所以給不出合適的配色方案,是因?yàn)閷?duì)某些因素了解不夠透徹,考慮問(wèn)題不夠全面。所以會(huì)有人說(shuō),做好商業(yè)設(shè)計(jì)也需要豐厚的社會(huì)閱歷,因?yàn)槲覀冃枰獙?duì)不同人群有足夠多的了解!OK,關(guān)于確定色調(diào)的思路就說(shuō)這多,具體操作這里我就不啰嗦了。"授人以魚不如授人以漁",有漁則何患無(wú)魚! 色彩聯(lián)想色彩會(huì)讓人產(chǎn)生聯(lián)想,這個(gè)事實(shí)不用我說(shuō),我們可以大肆運(yùn)用色彩的這一特性為我們的商業(yè)設(shè)計(jì)服務(wù)!然而想要運(yùn)用好色彩的這一特性,我們就得明白,同一種顏色

4、對(duì)不同的人所產(chǎn)生的聯(lián)想,在特定層面可能相同,也可能大相徑庭。比如說(shuō)同樣是紅色,從國(guó)度層面來(lái)講,一個(gè)中國(guó)人看到紅色很可能會(huì)聯(lián)想到自己的祖國(guó),但巴西人聯(lián)想到自己國(guó)家的可能性很小;同樣是紅色,從審美層面來(lái)講,有人認(rèn)為紅色很喜慶，很適合做周年慶典的主色調(diào),有人卻覺(jué)得紅色做主色調(diào)太刺眼、太俗。不管咋地,我只想說(shuō)我們必須正視這種差異性,學(xué)會(huì)分析導(dǎo)致這種差異的內(nèi)因。另外我們還得多運(yùn)用形狀、質(zhì)感、肌理等與色彩相結(jié)合,這樣可以讓視覺(jué)化之后的信息更準(zhǔn)確的被傳遞。亦比如說(shuō)同樣是乳白色,當(dāng)我們將其形狀塑造圓潤(rùn)水滴時(shí),我們很容易聯(lián)想到牛奶,但當(dāng)我們將其形塑造成由單點(diǎn)噴射出的運(yùn)動(dòng)弧線時(shí),鬼知道還會(huì)有誰(shuí)覺(jué)得這是牛奶,當(dāng)然,

5、如果人家客戶奶產(chǎn)品定位很Sexy,或許這樣干又是對(duì)的。這也解釋了為什么很多朋友剛接觸設(shè)計(jì)時(shí),熱衷于把畫面搞的很個(gè)性,將人家的乳白色牛奶搞成綠色、藍(lán)色之流大有人在,其結(jié)果并非你顛覆了傳統(tǒng),而是傳統(tǒng)顛覆了你!畢竟商業(yè)設(shè)計(jì)不是你自己覺(jué)得個(gè)性就OK,你還得斟酌我的設(shè)計(jì)能否被客戶、終端消費(fèi)者理解并認(rèn)同!這點(diǎn)真的很重要,切記我們做的是商業(yè)設(shè)計(jì),如果你對(duì)商業(yè)設(shè)計(jì)的概念還不夠了解,請(qǐng)百度一下! 光源色、環(huán)境色、固有色色彩的這三個(gè)概念對(duì)我們做處理好整體畫面關(guān)系、物體與物體之間的關(guān)系尤為重要。玄的就不多說(shuō),就拿大家經(jīng)常遇到的問(wèn)題,怎么樣讓我們的素材更和諧的融入的畫面,從而不讓別人覺(jué)得我們的畫面很奇怪。說(shuō)

6、怎么樣才能之前,我先說(shuō)一下很多人為什么沒(méi)能?之所以大家覺(jué)得你素材處理的怪怪的,大概有幾種可能性:透視有問(wèn)題、大小比例有問(wèn)題、常識(shí)性錯(cuò)誤、色彩關(guān)系沒(méi)處理到位等等。前面幾點(diǎn)我們不說(shuō),這里只說(shuō)色彩關(guān)系(光源色、環(huán)境色、固有色)層面的問(wèn)題。還是舉個(gè)例子比較容易說(shuō)明問(wèn)題,比如說(shuō)要將一輛紅色賓利跑車處理到一張為藍(lán)天白云綠草地的圖片上去,而且要讓人覺(jué)得這車確實(shí)就停在綠色草地之上。很久很久以前,我們會(huì)把賓利直接扣出來(lái),調(diào)整好車的大小,找?guī)卓貌莘旁诜N車旁邊,直接扔在草地上.跟浮游生物似的,即便是走超現(xiàn)實(shí)路線,我們?yōu)槭裁床蛔屵@個(gè)跑車更有Magic Feeling,更有趣味一點(diǎn)呢!時(shí)光荏苒,我們也漸漸聰明了起來(lái),慢

7、慢的,跑車的投影出現(xiàn)在了草地上,后來(lái),我們得知天之藍(lán)、草之綠、車之紅并非孤立存在于畫面,學(xué)會(huì)去找它們之間的聯(lián)系。我們知道了紅跑車會(huì)影響綠草地,綠草地放過(guò)來(lái)也會(huì)影響紅跑車,大面積的天藍(lán)色同樣會(huì)影響車跟草地。再后來(lái),我們畫面的色調(diào)也更加統(tǒng)一,虛實(shí)、前后關(guān)系也更加明確,藍(lán)天的色彩變得更加豐富、更有層次感,鳥兒重返藍(lán)天,草香飄蕩在天地之間,草地上車轍歷歷在目,甚至看見(jiàn)了誰(shuí)的微笑.OK,我說(shuō)完了。至于光源色、環(huán)境色、固有色為何物?它們之間的關(guān)系,以及它們?nèi)绾巫饔糜谖矬w?一個(gè)是要清楚它們的概念,另外就是要養(yǎng)成仔細(xì)觀察事物的習(xí)慣。 色相、純度、明度待續(xù)! 色彩的對(duì)比(色相(補(bǔ)色、冷暖)、明度、純度、面積)待續(xù)! 調(diào)色心得待續(xù)! 結(jié)語(yǔ)我并不期望你們?cè)谧x完本文后就可以豁然開朗,配色能力就能立馬提升!我更希望大家明白這樣一個(gè)事實(shí):很多理所當(dāng)然的事情,我們只知其然是不夠得,還得知其所以然!雖未能"先知先覺(jué)",但"后知后覺(jué)"是