規(guī)劃師顏色運(yùn)用心得共享

      無(wú)論是產(chǎn)品規(guī)劃還是網(wǎng)頁(yè)規(guī)劃，顏色的運(yùn)用往往應(yīng)該整體網(wǎng)頁(yè)規(guī)劃關(guān)于用戶(hù)的感官體驗(yàn)，顏色關(guān)于用戶(hù)的心理活動(dòng)也會(huì)有所影響，顏色運(yùn)用妥當(dāng)，有助于提高網(wǎng)站的用戶(hù)轉(zhuǎn)化率。近年來(lái)，網(wǎng)站建造頁(yè)面規(guī)劃也越來(lái)越重視顏色的運(yùn)用，咱們不難發(fā)現(xiàn)扁平化的頁(yè)面規(guī)劃風(fēng)格成為干流，大量斗膽的顏色和漸變作用開(kāi)端被運(yùn)用，這樣的配色計(jì)劃相對(duì)斗膽更具趣味性和娛樂(lè)性，那么今天就和咱們一起討論一下頁(yè)面規(guī)劃中顏色的運(yùn)用。

艷麗的顏色是怎么提高UI規(guī)劃作用的？

 · 提高可讀性和易讀性

      在之前的文章傍邊，咱們討論過(guò)了影響配色計(jì)劃選取的諸多要素�？勺x性和易讀性是規(guī)劃師選取配色時(shí)分需求考慮的基本要素�？勺x性是用戶(hù)閱覽文本內(nèi)容的難易沉痼，易讀性則涉及到特定字母文字之間的區(qū)分度。艷麗的顏色可以供給足夠好的比照度，有助于提高可讀性和易讀性，讓布局中的各個(gè)元素之間的區(qū)分度變得顯著。可是高比照度并不必定總是見(jiàn)效的，假如文本和布景之間的比照度過(guò)大，可能會(huì)發(fā)生暈影從而導(dǎo)致難于閱覽。這也是為什么需求規(guī)劃師創(chuàng)造出相對(duì)溫文、恰當(dāng)?shù)谋日斩�，而高比照度在凸顯展示性元素的時(shí)分是不錯(cuò)的挑選。

 · 銳化導(dǎo)航并提高互動(dòng)

      視覺(jué)層次幾乎是所有的數(shù)字產(chǎn)品中創(chuàng)造導(dǎo)航和交互的核心元素。UI 組件需求以層次分明的方法組織起來(lái)，用戶(hù)的大腦才干經(jīng)過(guò)層次所營(yíng)建的差異區(qū)分對(duì)象，了解優(yōu)先級(jí)。

      顏色是有層次的，可是這種層次是怎么樣被了解，則和用戶(hù)的思維有關(guān)系。紅色和橙色是斗膽鮮亮的顏色，乳白色和奶黃是柔軟的顏色，亮堂的顏色更簡(jiǎn)單被注意到，所以規(guī)劃師會(huì)運(yùn)用它們來(lái)表現(xiàn)他們覺(jué)得需求突出顯示的元素。將同一種顏色運(yùn)用在不同的元素上的時(shí)分，相同的顏色會(huì)使得它們發(fā)生在重要性或許功能上的相關(guān)。

 · 可辨認(rèn)性

      人類(lèi)的大腦關(guān)于艷麗斗膽的顏色反映激烈，這也是為什么艷麗的顏色更簡(jiǎn)單被記住。在數(shù)字產(chǎn)品傍邊，顏色相對(duì)愈加艷麗的UI 會(huì)更簡(jiǎn)單脫穎而出。不過(guò)，一般而言，即便如此，顏色的選取也是要根據(jù)方針受眾和市場(chǎng)調(diào)研的。假如一個(gè)企業(yè)的LOGO、產(chǎn)品和它們的網(wǎng)站都運(yùn)用了高度一致的配色，那么這在必定程度上將品牌的辨認(rèn)度最大化了。經(jīng)過(guò)這種方法，規(guī)劃師借助高度一致的可視化解決計(jì)劃，來(lái)提高品牌的知名度。

 · 營(yíng)建氣氛，傳遞心情

      顏色是會(huì)影響人的心情，而且可以營(yíng)建氣氛的。規(guī)劃師是需求知道顏色是怎么影響咱們的心情和行為的。咱們的大腦關(guān)于不同的顏色有著不同的反映，可是一般都不會(huì)注意到這些反響。顏色心理學(xué)的研究表明，咱們的眼睛感知到一種顏色的時(shí)分，大腦會(huì)向內(nèi)分泌系統(tǒng)釋放對(duì)應(yīng)的激素，影響不同的心情的改變。

      挑選正確的顏色有助于讓用戶(hù)處于正確的心情傍邊，傳遞正確的信息。舉個(gè)比方，假如想要?jiǎng)?chuàng)建自然或園藝相關(guān)的產(chǎn)品UI 界面，采用綠色或許藍(lán)色的配色可以很好的匹配這一主題，傳遞相應(yīng)的感覺(jué)。

 · 時(shí)尚的外觀和風(fēng)格

      亮堂艷麗的顏色和漸變色在 UI 規(guī)劃范疇是最盛行的趨勢(shì)�，F(xiàn)在越來(lái)越多的移動(dòng)端應(yīng)用和網(wǎng)站開(kāi)端運(yùn)用這樣的配色來(lái)吸引人，盡管競(jìng)賽激烈，可是確實(shí)很好的吸引了用戶(hù)的注意力。

在UI中運(yùn)用亮堂的顏色同樣存在問(wèn)題

 · 亮堂的配色并不簡(jiǎn)單調(diào)配

      首要配色計(jì)劃并不是依靠純粹的感覺(jué)來(lái)調(diào)配出來(lái)的，這樣做很簡(jiǎn)單出問(wèn)題。假如你想穿鑿和諧的配色，顏色運(yùn)用規(guī)則、配色的常識(shí)和技巧是必不可少的。

      但是，在UI 界面傍邊，越是艷麗的顏色，越是難為它調(diào)配出優(yōu)質(zhì)的配色計(jì)劃。為了讓用戶(hù)感到高興和舒適，規(guī)劃師需求讓整個(gè)UI界面堅(jiān)持和諧和平衡，和諧的顏色才干讓用戶(hù)感到舒適，給用戶(hù)留下杰出的第一印象。一般而言，規(guī)劃師配色會(huì)選用下面常見(jiàn)的幾種計(jì)劃：

單色配色 ：同一顏色色系下不同明暗、飽和度顏色的調(diào)配。

相似色配色：色輪上互相相鄰的顏色構(gòu)成的配色計(jì)劃。

互補(bǔ)色配色：色輪上處于相對(duì)方位的顏色的配色。

拆分互補(bǔ)色配色：和互補(bǔ)色相似，可是顏色更多。它一般是色輪上一個(gè)顏色和相對(duì)方位相鄰的兩種顏色調(diào)配起來(lái)的配色計(jì)劃。比方藍(lán)色和橙色是相對(duì)互補(bǔ)色，選取藍(lán)色和橙色兩邊的黃色和紅色，這三種顏色便是拆分互補(bǔ)色。

三元色配色：色輪上互相處于 120 度角的三種顏色構(gòu)成的配色計(jì)劃。

雙互補(bǔ)色配色：兩組互補(bǔ)色構(gòu)成的四色配色計(jì)劃。

 · 短少風(fēng)格和調(diào)性

       確實(shí)，亮堂艷麗的顏色可以讓UI 有調(diào)性和風(fēng)格，可是假如太多亮堂的顏色在一起，就毫無(wú)風(fēng)格調(diào)性可言了。這也是為什么那么多規(guī)劃師會(huì)推重6:3: 1 的配色比例了。其間占據(jù)60%的是主色調(diào)，30%是非必須的色調(diào)，只要10%是艷麗的顏色，用來(lái)提高整體調(diào)性的。這樣的配色計(jì)劃可以創(chuàng)造出和諧而有層次的配色，也愈加簡(jiǎn)單讓人感知且感到愉悅。

 · 亮堂的顏色并不適合所有的用戶(hù)群體

      用戶(hù)調(diào)研是產(chǎn)品規(guī)劃的一個(gè)重要環(huán)節(jié)。界定和分析方針受眾才干了解網(wǎng)站和 APP 的規(guī)劃預(yù)期。年齡、性別和文化等要素都影響著潛在用戶(hù)的偏好。比方孩子喜愛(ài)黃色和紫色，可是絕大多數(shù)的成年人并不會(huì)那么偏好這兩種顏色。藍(lán)色和綠色這樣的冷色調(diào)幾乎不分男女都喜愛(ài)，可是女人一般不如男性喜愛(ài)橙色，同時(shí)，男性絕大多數(shù)時(shí)分愈加偏好黑白灰這樣的中性色，女人則不然。

      艷麗的顏色所面臨的情況也是相同。即便你所規(guī)劃的是娛樂(lè)性較強(qiáng)的應(yīng)用或許網(wǎng)站，你同樣需求考慮方針受眾的具體情況。中年用戶(hù)更喜愛(ài)輕量級(jí)的顏色和用戶(hù)界面，亮堂斗膽的顏色并不在他們的偏好傍邊。

 · 艷麗的顏色在移動(dòng)端屏幕上會(huì)顯得過(guò)于刺眼

      正如同咱們?cè)谇懊嫠�說(shuō)的，亮堂的顏色會(huì)發(fā)生激烈的比照，有助于突出用戶(hù)界面中的元素，而且供給杰出的可讀性和易讀性。但是比照度這種東西也應(yīng)該是適度就好，太過(guò)于激烈的比照所帶來(lái)的作用你并不會(huì)喜愛(ài)，尤其是在空間有限、運(yùn)用場(chǎng)景雜亂的移動(dòng)端界面上。

      在小屏幕上，過(guò)于亮堂的字體會(huì)讓眼睛不舒服，這也是為什么要操控比照度。想要讓眼睛感到舒適，規(guī)劃師經(jīng)常需求重復(fù)調(diào)整比照度。

      顏色關(guān)于規(guī)劃師而言是偉大的工具，可是和其他的工具相同，它是有優(yōu)缺點(diǎn)的，清晰了它的優(yōu)缺點(diǎn)才干更好地完結(jié)規(guī)劃作業(yè)。