利用周六的空閑時(shí)間，學(xué)堂君跟大家聊聊APP主色調(diào)的選擇和APP主色調(diào)的使用。

在這篇文章情感化UI設(shè)計(jì)，APP設(shè)計(jì)師從哪幾個(gè)方面下手呢當(dāng)中，我們談到了APP色彩是影響用戶情感化設(shè)計(jì)的一個(gè)重要的因子。

雖然，之前25學(xué)堂也跟大家分享了很多關(guān)于色彩搭配相關(guān)的知識(shí)。比如：

1、設(shè)計(jì)師的參考書籍：色彩設(shè)計(jì)和版式設(shè)計(jì)【附PDF】

2、不一樣的APP設(shè)計(jì)規(guī)范當(dāng)中的色彩規(guī)范

3、最佳設(shè)計(jì)配色教程：臨摹app界面設(shè)計(jì)色彩搭配

這節(jié)課主要從我們APP設(shè)計(jì)師實(shí)踐的角度出發(fā)，來談下APP主色調(diào)的選擇和APP主色調(diào)的使用。

一般我們都是這樣的：APP設(shè)計(jì)師的第一步就是定主色調(diào)。

我們最常用的配色方案是：Design?Seeds配色方案【https://www.design-seeds.com/】

如下圖所示Design?Seeds方案：

從我們拿到需求開始，首先是定主色調(diào)，腦圖 - 原型圖 - 效果圖— ?APP切圖- 交付設(shè)計(jì)稿……

選擇應(yīng)用圖標(biāo)的顏色是一個(gè)新興公司最重要的品牌決策之一，公司可以開發(fā)和推出新產(chǎn)品的時(shí)候做一個(gè)。每一件產(chǎn)品都不同，圖標(biāo)需要溝通的個(gè)性，使其不會(huì)丟失的手機(jī)屏幕上。

了解每一種顏色的含義：

紅色使人想到興奮，青春，強(qiáng)烈

橙色是一種友好、歡快的顏

黃色色調(diào)并不十分有魅力，但其明亮和愉快的特質(zhì)能向潛在用戶傳遞一些溫暖而樂觀

綠色，健康，自然，新鮮等，平和。綠色與財(cái)務(wù)的關(guān)聯(lián)，財(cái)富“像自然、有機(jī)的東西一樣增長(zhǎng)”。

藍(lán)色是世界上最受歡迎的顏色，代表信任，實(shí)力和可靠性?

紫色偏女性，代表有趣、創(chuàng)新、幽默

等等。

另外：APP?UI講究的是統(tǒng)一規(guī)范性，所有在設(shè)計(jì)的時(shí)候里面的顏色不要太多太亂。

到底如何來選擇我們APP的主色調(diào)呢？

1、從目標(biāo)用戶的角度選取‘

2、從公司或品牌企業(yè)文化的角度選取

3、從產(chǎn)品特有屬性來選取

簡(jiǎn)單的說。冷色偏理性，暖色偏感性。

像知乎APP這種以分享知識(shí)為主題的APP用理性的藍(lán)色是符合的。

像淘寶APP 這種以引導(dǎo)你買買買，買完各種剁手，當(dāng)然是要用曖昧感性的橙色。

其它的APP軟件可以參考這兩個(gè)軟件的用色方案來體會(huì)各公司的定位和訴求。

下面我們舉例來說明一下APP主色調(diào)的選擇和APP主色調(diào)的使用：

案例：Light APP ? 獲得豌豆莢年度設(shè)計(jì)獎(jiǎng)的一個(gè)APP。 網(wǎng)易出品必屬精品！哈哈哈~~~~

相關(guān)APP產(chǎn)品秀：APP產(chǎn)品秀：出自網(wǎng)易團(tuán)隊(duì)的趣資訊APP【light】

Light APP ?主色調(diào)：黃色 #FFD200

Light APP ??輔色調(diào)：白色

light 是網(wǎng)易旗下的閱讀應(yīng)用，它以早報(bào)、、晚報(bào)的形式為用戶推薦互聯(lián)網(wǎng)中的精品內(nèi)容，通過內(nèi)容和設(shè)計(jì)，Light 想傳達(dá)給用戶一種明亮并溫暖治愈的感覺。

下面就是Light APP 的啟動(dòng)頁，特別像早晨的陽光，很溫暖！

Light APP ?相關(guān)點(diǎn)評(píng)：

Light 所有的視覺，全都是圍繞著「點(diǎn)亮」這個(gè)概念來設(shè)計(jì)的。 設(shè)計(jì)師希望用戶看見 Light 的第一感覺就是「眼前一亮」—— 不論是從視覺，還是產(chǎn)品、交互、動(dòng)畫層面來說，都是我們APP設(shè)計(jì)師值得參考和學(xué)習(xí)的案例。

在色相上，黃色是最能發(fā)光的顏色。 在人們的思維中，「點(diǎn)亮燈泡」之后的亮光顏色就是黃色、從 Light 的日?qǐng)?bào)、晚報(bào)出發(fā)，黃色也是太陽和月亮的顏色 ——

這種明亮、、柔和的暖黃色 #ffd200，就是 Light 選擇的主色調(diào)。

從產(chǎn)品氣質(zhì)出發(fā)，作為一款閱讀類產(chǎn)品，首先要考慮的是方便用戶閱讀：白色的背景、灰色的文字，配上精美的圖片，整個(gè)界面很干凈、用戶閱讀起來要順暢，沒有過多干擾色、而黃色作為點(diǎn)睛色，可以最大程度點(diǎn)亮沉悶的閱讀氣氛。 黃色被運(yùn)用在列表頁底部，文章頁底部、、位置，也是一個(gè)結(jié)點(diǎn)，可以提醒用戶你已經(jīng)讀完了一份報(bào)紙。

所以，APP主色調(diào)的選擇非常重要，選好了APP產(chǎn)品的主色調(diào)，設(shè)計(jì)師就要靈活的去使用它。如何使用只能靠設(shè)計(jì)師的悟性和每一位的技能水平啦。只有通過不斷地創(chuàng)作和設(shè)計(jì)來提高自己的配色能力和培養(yǎng)自己的色感。

騷動(dòng)的APP設(shè)計(jì)師們，趕快動(dòng)手吧！