6.10日(rì)音(yīn)訊✔"←,讀(dú)懂(dǒng)色彩,創出優美(měi)的(de)∑≥視(shì)覺效果。色彩是(shì)一(y♠↕ €ī)個(gè)網站(zhàn)的(de)靈魂，是(shì)一(yī)個↓↕✔π(gè)網站(zhàn)的(de)水(shuǐ)平的(deφλ♣×)重要(yào)體(tǐ)現(xiàn)和÷Ω↕(hé)表現(xiàn)方式，直接決定著(zhe)用(yòng)戶的♠δπ(de)浏覽意向，所以在把握色彩上(shà↓§ng)，很(hěn)多(duō)設計(jì)師(shī)也(yě)是(shì)∏Ω 煞費(fèi)苦心，其實每種顔色都(dōu ®)有(yǒu)著(zhe)屬于自(zì)ε©π∑己的(de)聲音(yīn)。作(zuò)↓©為(wèi)一(yī)種視(shì)覺元素，色彩是(shì)很(hěn)難被量' 化(huà)被衡量的(de)，也(yě)很$(hěn)難用(yòng)理(lǐ)性的(de)角度去(qù)β∞>γ分(fēn)析和(hé)闡述它，我現(xiàn)在試著(zhe)用(yò ♥ng)另外(wài)一(yī)個(gè)角度去(qù)試圖衡量>Ω¥¶網頁的(de)色彩，一(yī)種嘗試。從(cóng)最基礎的(de)色彩♣™•本質、色彩搭配形式、及色彩對(duì)用(yòng)戶的(de)潛在影×∞¶✘(yǐng)響和(hé)心理(lǐ)暗(àn)示等著(ε♦δzhe)手，去(qù)分(fēn)析色彩，讀(§∑≈dú)懂(dǒng)色彩，讓色彩幫設計(jì)師(shī)說(shuō)話(εhuà)。
一(yī)、色彩的(de)基礎知(zhī)識
色彩的(de)三大(dà)要(yào)素
1.色相(xiàng)
我們最常見(jiàn)的(de)色譜&★₽£ldquo;虹”就(jiù)₩ 是(shì)把顔色按照(zhào)“紅(hóng)橙黃(huán≈∑g)綠(lǜ)青藍(lán)紫”依次過渡漸變，色相(xiàng)✘ ∑™兩端分(fēn)别是(shì)暖色、冷(lěng)色中間(jiān)為(w ←èi)中間(jiān)色或中型色。
2.明(míng)度
明(míng)度就(jiù)是(shì)色彩的(de)明(míng)暗£Ω(àn)差别，如(rú)深紅(hóng)、大(dà)紅(hóng)以↕≈及粉紅(hóng)等。
3.飽和(hé)度
飽和(hé)度是(shì)指色彩的(de)鮮豔程度，₩αγ<也(yě)稱色彩的(de)純度。
二、不(bù)可(kě)思議(yì)的(de)色彩魔力
1.色彩有(yǒu)魔力，選色需謹慎！
快(kuài)餐店(diàn)給我們的(de)印象÷€©一(yī)般是(shì)座位很(hěn)多(duō)，效™↑¶☆率很(hěn)高(gāo)，顧客吃(chī)完就(jiù)走，©∑不(bù)會(huì)停留很(hěn)長(cháng)ε∞時(shí)間(jiān)。有(yǒu)人(rén)喜歡和₽♦≤σ(hé)朋(péng)友(yǒu)約在快(kuàσ✔₩✔i)餐店(diàn)碰面，但(dàn)其實快(kuài)餐店(diàn)并不☆★(bù)适合等人(rén)。這(zhè)是(shì)因↕₽為(wèi)很(hěn)多(duō)快(kuài)餐店(diàn)的(de"¥™∞)裝潢以桔黃(huáng)色或紅(hóng)色φ¥β為(wèi)主，這(zhè)兩種顔色雖然有(yǒu)使人(rén)心Ω♦±情愉悅、興奮以及增進食欲的(de)作(zuò)用(yòng)，但(dàn)也(✘≠<yě)會(huì)使人(rén)感覺時(shí)間♥(jiān)漫長(cháng)。如(rú)果在這(z••★hè)樣的(de)環境中等人(rén)，會(huì)™↑φ越來(lái)越煩躁。
請(qǐng)兩個(gè)人(rén)做(zuò)一(yī)"™個(gè)實驗，讓其中一(yī)人(rén)進入粉紅(hóng)色壁紙(zhǐ↔← )、深紅(hóng)色地(dì)毯的(de)紅(hóng)色系房(fá☆♣ng)間(jiān)，讓另外(wài)一(yī)人(rén£☆)進入藍(lán)色壁紙(zhǐ)、藍(lán)色地(dì)毯的(de)π>§ 藍(lán)色系房(fáng)間(jiān)。不(bù)給他(tā)們↔±₩任何計(jì)時(shí)器(qì)，讓他(tā)們憑感覺在一(yī)Ω&↑小(xiǎo)時(shí)後從(cóng)房(fáng)間(jiān) φ£中出來(lái)。結果，在紅(hóng)色∏↕γ∏系房(fáng)間(jiān)中的(de)人(rén ₽)在40~50分(fēn)鐘(zhōng)後便 π出來(lái)了(le)，而藍(lán)色系→>房(fáng)間(jiān)中的(de)人(rén$©)在70~80分(fēn)鐘(zhōng)後還(hái)沒有(yǒu)出★"來(lái)。有(yǒu)人(rén)說(sh☆≥∑δuō)，這(zhè)是(shì)因為(wèi)紅(hóng)色的(de)房(f¥₩áng)間(jiān)讓人(rén)覺得(de)不(bù)舒服，₹±<所以感覺時(shí)間(jiān)特别漫長(ch₹>✔áng)。确實有(yǒu)這(zhè)個( gè)原因，但(dàn)也(yě)不(bù)盡然。最主要(yàγ↓$φo)的(de)原因是(shì)人(rén)♥>÷的(de)時(shí)間(jiān)感會(huì↑> )被周圍的(de)顔色擾亂。同樣道(dào)理(lǐΩ₽)，高(gāo)血壓的(de)人(rén)忌紅(hóng)色。
再舉個(gè)例子(zǐ)，在時(s"< hí)下(xià)非常流行(xíng)的(de)休閑運動潛水(shuǐ)中 <，人(rén)需要(yào)攜帶氧氣瓶。一(yī)個(gè)氧氣♦↕&瓶大(dà)約可(kě)以持續40~50分(fēn)鐘(zhōng)供氧，但€♣ (dàn)是(shì)大(dà)多(duō)數(shù∑&<)潛水(shuǐ)者将一(yī)個(gè)氧氣瓶的(de)氧氣用(y↕ε★×òng)光(guāng)後，卻感覺在水(shuǐ)中隻下(xià)潛了λ✔←(le)20分(fēn)鐘(zhōng)左右。海(hǎi)洋裡(π'λ<lǐ)的(de)各色魚類和(hé)漂亮(liàng)珊瑚可(kě)以吸引←♠<潛水(shuǐ)者的(de)注意力，因此會(huì)感覺時(shí)間(jδ≤÷iān)過得(de)很(hěn)快(kuài)，這(zhè)是≈≈& (shì)原因之一(yī)。更重要(yào)的(de)是(s≈₽® hì)，海(hǎi)底是(shì)被海(hǎi)水(shuǐ)包圍的(de)✘§一(yī)個(gè)藍(lán)色世界。正是(shì)藍(lán)✘≥§色麻痹了(le)潛水(shuǐ)者對(duì¥δ≈)時(shí)間(jiān)的(de)感覺，使他(tā)♣λ₹§感覺到(dào)的(de)時(shí)間(jiān)比實際的(de)時(sh¶©í)間(jiān)短(duǎn)。
2.聽(tīng)見(jiàn)色彩的± (de)聲音(yīn)
以上(shàng)故事(shì)和(hé)實驗都(dōu★→∑)證明(míng)了(le)，顔色是(shì)可(kě✘ )以左右用(yòng)戶的(de)情緒，也(yě)可(kě)以影(yǐ♥€×©ng)響用(yòng)戶判斷的(de)。既然≤εγ☆色彩潛意識在影(yǐng)響這(zhè)著(zhe)我們，那(nà)♥設計(jì)師(shī)必須學會(huì)善用(yòng)色彩，πε在設計(jì)的(de)時(shí)候，用(yòng)色彩去(÷qù)正确傳達産品的(de)本質和(hé)內(n ×™èi)涵。當色彩被正确傳達後，便能(néng)與用(yòng)戶産生(shēδ'ng)心靈共鳴，産品也(yě)就(jiù)能(néng)更深入♣♦人(rén)心。
黃(huáng)色：青春、樂(yuè)觀、豁達。常被作(zuò)為(wè£εi)點睛之筆(bǐ)。
紅(hóng)色：活力、速度、緊迫感，常用(yòng)Ω¥于促銷打折甩賣等。
藍(lán)色：信任、安全、有(yǒu)底蘊， ®←常用(yòng)于企業(yè)、銀(yín)行(xíng)↕™✔、安全中心等行(xíng)業(yè)機(jī)構。
綠(lǜ)色：生(shēng)命力、輕松、天然、無污染，常用∏α♦(yòng)于保健品等行(xíng)業(yè)。
橙色：積極、進取、活力，阿裡(lǐ)巴↕€↑巴色也(yě)是(shì)橙色，常用(yòng)于喚起≥ ∑π行(xíng)動，如(rú)button的(de)顔色也(yě)常用(βΩyòng)橙色。
粉色：浪漫、女(nǚ)人(rén)，常用(yòng)于女(nǚ)λ≤♣♥性消費(fèi)行(xíng)業(yè)，女✔σ™(nǚ)性産品等。
黑(hēi)色：影(yǐng)響力、時(shí)髦、嚴肅，常用♣≤(yòng)于奢侈品營銷等。
紫色：安撫、冷(lěng)靜(jìng)、神秘，常用(yòng <✘)于美(měi)妝或抗老(lǎo)的(de)女(nǚ)性₹✘←産品設計(jì)中等。
當我們了(le)解了(le)顔色後，就(jiù)能(néng)更加準确& 的(de)掌握我們的(de)頁面風(fēng)格的(de)定位，用(yò★≠✘ng)顔色去(qù)闡述你(nǐ)的(de)産π"品。經常做(zuò)“腦(nǎo)部運動”，聯↕&≠想遊戲等。
3.色彩與營銷、品牌
每種特定的(de)行(xíng)業(yè)，♦♣都(dōu)有(yǒu)相(xiàng)似的(d↕✘'₩e)産品色彩傾向性
大(dà)部分(fēn)知(zhī)名品牌£♠的(de)logo傾向于用(yòng)色彩相(xiàng)近(jì¥☆n)的(de)色調
三、色彩搭配
以下(xià)以banner為(w∑∑èi)例，簡單剖析下(xià)色彩的(de)搭配技(jì≥¥γ∑)巧及色彩搭配組合方式以及搭配呈現(xiàn)的(de)視(shì)覺效果γ↑✘。
單色搭配：由一(yī)種色相(xià>★<₩ng)的(de)不(bù)同明(míng)度組成的(de)®≥α搭配，這(zhè)種搭配很(hěn)好(hǎo)的(de)體(tǐ)驗了∏↓∑σ(le)明(míng)暗(àn)的(de)層次感。
近(jìn)似色搭配：相(xiàng)鄰的±₩πσ(de)兩到(dào)三個(gè)顔色稱職為(¥φβwèi)近(jìn)似色。如(rú)下(xià)圖（橙色/褐色/黃(β"≠huáng)色），這(zhè)種搭配比較✘↔&讓人(rén)賞心悅目，低(dī)對(duì)比度，較和(hé)諧&÷☆。
補色搭配：色環中相(xiàng)對(duì)的(de★€)兩個(gè)色相(xiàng)搭配。顔色對(duì)比強烈，傳達±®γ↔能(néng)量、活力、興奮等意思，補色中最δ≠好(hǎo)讓一(yī)個(gè)顔色多(φ₩♦duō)，一(yī)個(gè)顔色少(shǎo)。如(rú)下(xià)圖（紫₩≥↔色和(hé)黃(huáng)色）。
分(fēn)裂補色搭配：同時(shí)用(yòng)補色及類比色的&±♠(de)方法确定顔色關系，就(jiù)稱為(wèi)分(fēn)裂補色。這÷© (zhè)種搭配，既有(yǒu)類比色的(de)低(dī)對(duì)比度，<→又(yòu)有(yǒu)補色的(de)力量感，形成一(yī)種即和(hé)諧₹↔☆又(yòu)有(yǒu)重點的(de)顔色關系，如(rú)下®¶'(xià)圖，紅(hóng)色文(wén)字就(jiù)顯得(de)特别的(★"de)铿锵有(yǒu)力，特别突出。
原色的(de)搭配：大(dà)部分(fēn)是(shì)在∞™✔兒(ér)童産品上(shàng)，色彩明(mγíng)快(kuài)，這(zhè)樣的(de)搭配在歐美(měi₩✔)也(yě)非常流行(xíng)，如(rú)藍(lán)紅(hóng£₹α)搭配，frickr的(de)logo以及麥當勞的(de)logo色與主¶&&色調紅(hóng)黃(huáng)色搭配等。
四、如(rú)何準确定位你(nǐ)的(de)✘Ω♣色彩
前面分(fēn)析的(de)是(shì)通(tōng)過∏顔色去(qù)感覺情緒。這(zhè)裡(lǐ)簡單寫，如(rú)何根≠₽φ據産品去(qù)捕捉色彩，也(yě)就(jiù)是(sh♦&↑ì)所謂的(de)MOODBOARD(情緒版₹αα∞)。
情緒版是(shì)指對(duì)要(×↓↑yào)設計(jì)的(de)産品以及相(xiàng☆ <✔)關主題方向的(de)的(de)色彩，影(yǐng)β£像，圖片等其他(tā)材料的(de)收集，從(cóng)✔✘♦而引起某些(xiē)情緒反應，以此作(zuò)為&&∏(wèi)設計(jì)方向或者是(shì)形≤∑式的(de)參考。（具體(tǐ)請(qǐng)α≠→參考情緒版(Moodboard)操作(zuò©•→)流程的(de)新思考——曉千）
1.原生(shēng)關鍵詞選擇
首先，通(tōng)過對(duì)産品的(de)理↕↑☆ε(lǐ)解與認識，以及用(yòng)戶調研等得(de)出♦φ↔體(tǐ)驗關鍵詞（ExperienceK♠↓eywords）。
2.衍生(shēng)關鍵詞
針對(duì)所得(de)到(dào)的(de)關鍵詞，擴容信↕÷α★息，通(tōng)過頭腦(nǎo)風(fēng)暴畫(huà)出關γ¶鍵詞的(de)思維導圖，尋找擴展關鍵詞。
3.收集相(xiàng)關圖片，提取圖片生(shēng)成λ£λ情緒版
通(tōng)過“原生(shēng↔£ε)關鍵詞”和(hé)“衍生(shēng$γ₽)關鍵詞”，通(tōng)過網絡渠道(dào•♦÷)，收集了(le)大(dà)量的(de)對(duì)應的π♣♣'(de)素材圖并配合定性訪談。
4.衍生(shēng)關鍵詞的(de)分(fēn)析—&md<®₹ash;分(fēn)維诠釋
5.對(duì)情緒版進行(xíng)&ldquα₩ o;色彩分(fēn)析”和(hé)&ld"£quo;質感分(fēn)析”
色彩是(shì)一(yī)種藝術(sh₹•πù)，也(yě)是(shì)一(yī)種美(měi)φ§₹，隻有(yǒu)我們看(kàn)懂(dǒng)、聽(tīng)懂(dǒng)、φ↑≤讀(dú)懂(dǒng)色彩時(shí)，才能(néng€≈÷ )做(zuò)到(dào)心神領會(huì)，★β>才能(néng)做(zuò)到(dào)熟能(néng)生(shēng)巧， ₹≤跟随著(zhe)流行(xíng)的(de)趨勢去(qù)遊刃有(yǒu)餘'↕→α的(de)駕馭它。我的(de)見(jiàn)解大(dà)多(duō)也(y ✔ě)是(shì)基于前人(rén)的(d∞∏e)分(fēn)享總結，同時(shí)結合了(le)自(zì)我的(de©>±↑)一(yī)些(xiē)觀點。總之，多(duō)看(kàn)，多(φ£duō)想以及多(duō)臨摹，都(dōu>•)可(kě)以幫助設計(jì)師(shī)在色彩感覺訓練上(shàng)事(sΩ©∞εhì)半功倍。成功的(de)配色方案，一(yī)定是(shì)理(lǐ)性+感β'← 性的(de)結合，所以設計(jì)師(shī)$$₹₽要(yào)做(zuò)個(gè)感情細緻，情感豐富的(dφ¥e)感性之人(rén)，把每一(yī)種色彩都(dōu)用 ₩≠(yòng)到(dào)别緻其實是(shì)不(bù)容易的(de)，π÷ 但(dàn)我們要(yào)學會(huì)♦•去(qù)觀察、去(qù)體(tǐ)會(huì)才能(nλ↑★™éng)有(yǒu)所發現(xiàn)， ±β讀(dú)懂(dǒng)色彩是(shì)一(yī)種心靈的(de)體(tǐ♥↕λ)會(huì)，是(shì)一(yī)種人(rén)的(de)感知→←£(zhī)的(de)升華、讀(dú)懂(dǒng)色彩，其樂(y£÷uè)無窮。
