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

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

 · 提高可讀性和易讀性

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

 · 銳化導航并提高互動

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

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

 · 可辨認性

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

 · 營建氣氛，傳遞心情

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

      挑選正確的顏色有助于讓用戶處于正確的心情傍邊，傳遞正確的信息。舉個比方，假如想要創(chuàng)建自然或園藝相關的產品UI 界面，采用綠色或許藍色的配色可以很好的匹配這一主題，傳遞相應的感覺。

 · 時尚的外觀和風格

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

在UI中運用亮堂的顏色同樣存在問題

 · 亮堂的配色并不簡單調配

      首要配色計劃并不是依靠純粹的感覺來調配出來的，這樣做很簡單出問題。假如你想穿鑿和諧的配色，顏色運用規(guī)則、配色的常識和技巧是必不可少的。

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

單色配色 ：同一顏色色系下不同明暗、飽和度顏色的調配。

相似色配色：色輪上互相相鄰的顏色構成的配色計劃。

互補色配色：色輪上處于相對方位的顏色的配色。

拆分互補色配色：和互補色相似，可是顏色更多。它一般是色輪上一個顏色和相對方位相鄰的兩種顏色調配起來的配色計劃。比方藍色和橙色是相對互補色，選取藍色和橙色兩邊的黃色和紅色，這三種顏色便是拆分互補色。

三元色配色：色輪上互相處于 120 度角的三種顏色構成的配色計劃。

雙互補色配色：兩組互補色構成的四色配色計劃。

 · 短少風格和調性

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

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

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

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

 · 艷麗的顏色在移動端屏幕上會顯得過于刺眼

      正如同咱們在前面所說的，亮堂的顏色會發(fā)生激烈的比照，有助于突出用戶界面中的元素，而且供給杰出的可讀性和易讀性。但是比照度這種東西也應該是適度就好，太過于激烈的比照所帶來的作用你并不會喜愛，尤其是在空間有限、運用場景雜亂的移動端界面上。

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

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