6.10日(rì)音(yīn)訊,讀(dú)懂(d↔↕ǒng)色彩,創出優美(měi)的(de)視(shì)覺效λσ果

 　　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ī)種視(sγ→πhì)覺元素，色彩是(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)色譜“虹&•§♥rdquo;就(jiù)是(shì)把顔色按照(zhào)“紅(h↑γβóng)橙黃(huáng)綠(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án∑✔™g)色或紅(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ú)果在這(zhè)樣的(d♠÷∑ e)環境中等人(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)說(shuō•∏☆")，這(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ǐ)，在時(shí©&)下(xià)非常流行(xíng)的(de)休閑運動潛水(s∞♦huǐ)中，人(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í)間(jiān)過得(de)很(€£hěn)快(kuài)，這(zhè)是(shì)原因之一(yī)。更重要×β≤☆(yào)的(de)是(shì)，海(hǎi)底是≈♠​(shì)被海(hǎi)水(shuǐ)包圍的(de)一(yī♥∑★∑)個(gè)藍(lán)色世界。正是(shì)藍(lán)色麻痹了(l​€e)潛水(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òn✔​↑g)戶判斷的(de)。既然色彩潛意識在影(yǐng)響這ε★©δ(zhè)著(zhe)我們，那(nà)設計(j☆♠σì)師(shī)必須學會(huì)善用(yòng)色彩♠∞，在設計(jì)的(de)時(shí)候，用φε•≤(yòng)色彩去(qù)正确傳達産品的(de)本質和(hé)內(nè×'i)涵。當色彩被正确傳達後，便能(nén≤≥♠¥g)與用(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)似的(de)産品色≠"‌±彩傾向性

　　大(dà)部分(fēn)知(zhī)ε'​名品牌的(de)logo傾向于用(yòng)色彩相(x£₹ià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)新思考&mΩ$←dash;—曉千）

　　1.原生(shēng)關鍵詞選擇

　　首先，通(tōng)過對(duì)産品的(de)理(lǐ)解與認識，以及‍'用(yòng)戶調研等得(de)出體(tǐ)驗關鍵詞（Experi☆↔™≠enceKeywords）。

　　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)關鍵詞&↑♥≈☆rdquo;，通(tōng)過網絡渠道(dào)，收集了(l×±e)大(dà)量的(de)對(duì)應的(de)素材圖并配β★¥合定性訪談。

　　4.衍生(shēng)關鍵詞的(de)分(fēn)析&mdas≈≈h;—分(fēn)維诠釋

　　5.對(duì)情緒版進行(xíng)&ldquo‌α;色彩分(fēn)析”和(hé)>>∞ “質感分(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én&πg)做(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)的(de)分(fēn)享總結，同時( λshí)結合了(le)自(zì)我的(de)一(yī)些(xiē)觀點£ ∞。總之，多(duō)看(kàn)，多(duō)想≤↑ 以及多(duō)臨摹，都(dōu)可(kě)以幫助設↓♦$計(jì)師(shī)在色彩感覺訓練上(shàng"₹©)事(shì)半功倍。成功的(de)配色方案，一(yī)定是¥>(shì)理(lǐ)性+感性的(de)結合，所以設計(jì®≤≥♠)師(shī)要(yào)做(zuò)個(gè)感¶ 情細緻，情感豐富的(de)感性之人(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ǒn‌ ₩‍g)色彩，其樂(yuè)無窮。