網(wǎng)頁界面設計

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

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

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

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

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

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

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

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

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

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