網(wǎng)頁界面設(shè)計(jì)

[網(wǎng)頁界面設(shè)計(jì)]-之配色前言其實(shí)標(biāo)題最開始取的是:商業(yè)設(shè)計(jì)之配色,但仔細(xì)一想,我也就對網(wǎng)頁界面設(shè)計(jì)和平面設(shè)計(jì)稍有了解,取偌大一個標(biāo)題必然會BUG百出!寫這篇東西不是想討論RGB與CMYK色彩模式之間的關(guān)系,也不是具體配色案例講解。本文旨在改變一些人對配色方面的成見,以及提出一些配色方面?zhèn)€人思路。配色能力可以提高嗎?要談如何提高配色能力,我們還真得反問下一下,配色能力真的可以通過后天努力來提高嗎?

有這么個現(xiàn)象,就是逛論壇時,大家伙經(jīng)?？吹竭@樣的評論,諸如:"色感蠻好的"、"色彩感覺抓的很到位"、"用色很有感覺"等等,就色彩本身而言,我覺得這類評論在說這么倆事兒:其一是說,客觀存在的色彩是人們的主觀感受,也就有了頻出的"感覺"、"色感"等字眼;另外一點(diǎn)就是說作者的配色能力確實(shí)不錯。從慣用評論語當(dāng)中,我們依稀可以解讀出大家對配色的看法,仿佛配色能力很依賴作者的個人感覺、天賦云云。自己跟不少網(wǎng)友也有聊過配色,其結(jié)果也不斷印證著配色能力是很依賴感覺、天賦。不難看出,"色感天賦論"、"色感宿命論"早已深入人心。

或許正是有了"色感天賦論"、"色感宿命論"這樣的觀念,才使得不少"色感"不好的朋友感到失落的同時,也為他們的不作努力以及努力未果提供了堂而皇之的說辭!當(dāng)然,我們也必須承認(rèn)色彩是很主觀性、很感性的東西,因?yàn)樯仕鶐Ыo我們的心理感受,與我們的國度、文化程度、地域、人生經(jīng)歷、心境、社會角色、等因素有著密不可分的關(guān)系,但這是在色彩作為自然界客觀存在之事物層面來講。當(dāng)色彩在技能層面來講,并非那么感性,那么依賴個人天賦,相反,理性分析才是我們需要去做的。我覺得之所以有那么多人愿意相信配色很主觀、很依賴感覺,無非因?yàn)槭巧时旧硭哂械闹饔^性。其實(shí)配色并不玄乎,玄乎的是看配色(設(shè)計(jì))的人!也就是我上一篇提到的一個觀點(diǎn):你的設(shè)計(jì)最終還得回到人的因素上來。至于人是否可以被"研究",非此文的重點(diǎn)!

這里我更想做的一件事就是:改變一些朋友對配色能力(色感)固有的看法,推翻"色感天賦論"、"色感宿命論"。因?yàn)檫@類觀點(diǎn)是很可怕的,它直接否定了配色能力的可塑性!相當(dāng)于在跟現(xiàn)目前色彩感覺不好的朋友說:還是省省吧,努力下去也就那樣!!!我知,要改變你們看法,我還真不能直接說:大伙信我吧,配色能力不是天生的,堅(jiān)持多看多做練習(xí),我們照樣可以做的很棒的!類似的教導(dǎo)已經(jīng)聽得夠多了,但實(shí)際情況呢?對于配色能力遲遲未能提高朋友來說,這不過是名不符實(shí)的安慰罷了!SO,足夠多的廢話在這里是必須的!

好的,既然說配色能力可以提升,但為何很多人努力了,配色能力仍舊沒能提高?此囧況吧,引用孫中山先生的一句話,足矣道盡天機(jī)!此乃:"先知先覺,后知后覺,不知不覺"!

所謂"先知先覺,后知后覺,不知不覺",其意想必不用我多做解釋。就配色能力而言,先知先覺者,有嗎?有,少矣!而所謂后知后覺者,也就是上文中配色能力有很大提升的那一撥,這種后覺(成長)是以后知(學(xué)習(xí))為先覺條件的,而且后知之方式可能不盡相同。部分朋友可能是因?yàn)榇罅吭O(shè)計(jì)實(shí)踐,其過程中,反復(fù)調(diào)色反復(fù)思考,自然而然的掌握了許多配色方面的技巧;部分朋友則可能是通過看大量優(yōu)秀設(shè)計(jì)作品,通過仔細(xì)觀察、分析人家的配色,探出了諸多配色方面的端倪;部分朋友亦或許是兩者的綜合,"白天吃白片,不感冒，晚上吃黑片,不瞌睡,雙管齊下咯"!說了先知先覺者和后知后覺者,最后就是不知不覺者。我了解,說你們是不知不覺多少有些冤枉,或許用"后知不覺者"會貼切幾多。我也多少有了解到,很多做設(shè)計(jì)的朋友,其實(shí)閑時也都會有意識的去看很多設(shè)計(jì)方面的東西,但凡輪到自己做設(shè)計(jì),又開始暈菜了。為什么?因?yàn)樗麄兡X子不夠靈光、眼光不夠敏銳?不,絕對不是!與后知后覺者比較,他們只不過是忽略了某些要點(diǎn),或者說沒找到適合自己的學(xué)習(xí)、分析方法,僅此而已!

要道清楚種種有效的學(xué)習(xí)方法,個人認(rèn)為國內(nèi)設(shè)計(jì)水平跨度較大的那撥人,最后發(fā)言權(quán)。這樣講或許有朋友會詬我,"FK你不想混飯吃了,Y的不想干這行了吧......"冷靜,冷靜!我們不妨站行業(yè)的角度思考一番,情況或許并非所想的那樣糟糕。楊華哥前不久在聯(lián)盟發(fā)的一篇文章給了我?guī)锥鄦l(fā),另外"蛋糕理論"啥的大家也都明白。感覺我們這個行業(yè)想要良性循環(huán),真別指望誰誰誰了,每一份子踏踏實(shí)實(shí)的努力提升自己才是王道,該來的遲早會來!

好的,咱說回配色!下面把大家經(jīng)常遇到配色問題,以及自己的一些配色思路與技巧整理出來,希望對大家有能所幫助。色彩的基本知識色彩方面的基本知識以及名詞術(shù)語我就不說了,不理解的朋友查閱下相關(guān)資料就OK!色調(diào)色調(diào)在商業(yè)設(shè)計(jì)中的重要性不言而喻。一個項(xiàng)目的設(shè)計(jì)開始之前,建議大家事先定好頁面的色彩基調(diào)。多問問下自己,這個頁面我是用冷色調(diào)子、暖色調(diào)子、藍(lán)灰調(diào)子還是灰色調(diào)子更為貼切。我先說說自己定色調(diào)的思路,首先還是分析項(xiàng)目信息,即在充分了解客戶(產(chǎn)品、服務(wù)、理念等)以及客戶產(chǎn)品的終端消費(fèi)人群的基礎(chǔ)上,去確定適合色調(diào)。比如體育運(yùn)動主題方面的項(xiàng)目,我會了解這個體育運(yùn)動項(xiàng)目本身的信息,然后是了解終端瀏覽者的諸多因素,再者就是客戶負(fù)責(zé)人對于配色的意見。通過綜合分析,在幾個因素中去找相似性,找平衡點(diǎn)。你的配色想要獲得認(rèn)同,首先你得搞清楚一點(diǎn):是由哪些人來認(rèn)同(或許是終端客戶認(rèn)同、或許是客戶認(rèn)同、或許是業(yè)內(nèi)認(rèn)同、亦或許是他們的綜合)!接下來就是反思考哪種配色方案更適合產(chǎn)品的定位、適合產(chǎn)品終端客戶以及客戶的審美。具體比如說,一個服飾類設(shè)計(jì)項(xiàng)目,客戶產(chǎn)品目標(biāo)消費(fèi)人群是30歲左右的白領(lǐng)女性,產(chǎn)品定位的關(guān)鍵詞是成熟、典雅、內(nèi)在氣質(zhì),然后讓你給出合適的網(wǎng)頁界面配色方案,咋整?答案就是前面寫的,你需要了解他們的產(chǎn)品風(fēng)格,了解目標(biāo)消費(fèi)人群的審美傾向。我們之所以給不出合適的配色方案,是因?yàn)閷δ承┮蛩亓私獠粔蛲笍?考慮問題不夠全面。所以會有人說,做好商業(yè)設(shè)計(jì)也需要豐厚的社會閱歷,因?yàn)槲覀冃枰獙Σ煌巳河凶銐蚨嗟牧私?OK,關(guān)于確定色調(diào)的思路就說這多,具體操作這里我就不啰嗦了。"授人以魚不如授人以漁",有漁則何患無魚!色彩聯(lián)想色彩會讓人產(chǎn)生聯(lián)想,這個事實(shí)不用我說,我們可以大肆運(yùn)用色彩的這一特性為我們的商業(yè)設(shè)計(jì)服務(wù)!

然而想要運(yùn)用好色彩的這一特性,我們就得明白,同一種顏色對不同的人所產(chǎn)生的聯(lián)想,在特定層面可能相同,也可能大相徑庭。比如說同樣是紅色,從國度層面來講,一個中國人看到紅色很可能會聯(lián)想到自己的祖國,但巴西人聯(lián)想到自己國家的可能性很小;同樣是紅色,從審美層面來講,有人認(rèn)為紅色很喜慶，很適合做周年慶典的主色調(diào),有人卻覺得紅色做主色調(diào)太刺眼、太俗。不管咋地,我只想說我們必須正視這種差異性,學(xué)會分析導(dǎo)致這種差異的內(nèi)因。

另外我們還得多運(yùn)用形狀、質(zhì)感、肌理等與色彩相結(jié)合,這樣可以讓視覺化之后的信息更準(zhǔn)確的被傳遞。亦比如說同樣是乳白色,當(dāng)我們將其形狀塑造圓潤水滴時,我們很容易聯(lián)想到牛奶,但當(dāng)我們將其形塑造成由單點(diǎn)噴射出的運(yùn)動弧線時,鬼知道還會有誰覺得這是牛奶,當(dāng)然,如果人家客戶奶產(chǎn)品定位很Sexy,或許這樣干又是對的。這也解釋了為什么很多朋友剛接觸設(shè)計(jì)時,熱衷于把畫面搞的很個性,將人家的乳白色牛奶搞成綠色、藍(lán)色之流大有人在,其結(jié)果并非你顛覆了傳統(tǒng),而是傳統(tǒng)顛覆了你!畢竟商業(yè)設(shè)計(jì)不是你自己覺得個性就OK,你還得斟酌我的設(shè)計(jì)能否被客戶、終端消費(fèi)者理解并認(rèn)同!這點(diǎn)真的很重要,切記我們做的是商業(yè)設(shè)計(jì),如果你對商業(yè)設(shè)計(jì)的概念還不夠了解,請百度一下!光源色、環(huán)境色、固有色色彩的這三個概念對我們做處理好整體畫面關(guān)系、物體與物體之間的關(guān)系尤為重要。玄的就不多說,就拿大家經(jīng)常遇到的問題,怎么樣讓我們的素材更和諧的融入的畫面,從而不讓別人覺得我們的畫面很奇怪。說怎么樣才能之前,我先說一下很多人為什么沒能?之所以大家覺得你素材處理的怪怪的,大概有幾種可能性:透視有問題、大小比例有問題、常識性錯誤、色彩關(guān)系沒處理到位等等。前面幾點(diǎn)我們不說,這里只說色彩關(guān)系(光源色、環(huán)境色、固有色)層面的問題。還是舉個例子比較容易說明問題,比如說要將一輛紅色賓利跑車處理到一張為藍(lán)天白云綠草地的圖片上去,而且要讓人覺得這車確實(shí)就停在綠色草地之上。很久很久以前,我們會把賓利直接扣出來,調(diào)整好車的大小,找?guī)卓貌莘旁诜N車旁邊,直接扔在草地上...跟浮游生物似的,即便是走超現(xiàn)實(shí)路線,我們?yōu)槭裁床蛔屵@個跑車更有MagicFeeling,更有趣味一點(diǎn)呢!時光荏苒,我們也漸漸聰明了起來,慢慢的,跑車的投影出現(xiàn)在了草地上,后來,我們得知天之藍(lán)、草之綠、車之紅并非孤立存在于畫面,學(xué)會去找它們之間的聯(lián)系。我們知道了紅跑車會影響綠草地,綠草地放過來也會影響紅跑車,大面積的天藍(lán)色同樣會影響車跟草地。再后來,我們畫面的色調(diào)也更加統(tǒng)一,虛實(shí)、前后關(guān)系也更加明確,藍(lán)天的色彩變得更加豐富、更有層次感,鳥兒重返藍(lán)天,草香飄蕩在天地之間,草地上車轍歷歷在目,甚至看見了誰的微笑......OK,我說完了。至于光源色、環(huán)境色、固有色為何物?它們之間的關(guān)系,以及它們?nèi)绾巫饔糜谖矬w?一個是要清楚它們的概念,另外就是要養(yǎng)成仔細(xì)觀察事物的習(xí)慣。結(jié)語我并不期望你們在讀完本文后就可以豁然開朗,配色能力就能立馬提升!我更希望大家明白這樣一個事實(shí):很多理所當(dāng)然的事情,我們只知其然是不夠得,還得知其所以然!雖未能"先