今天學(xué)堂君跟大家聊聊如何通過顏色搭配的不同來進行移動端APP界面的布局和排版設(shè)計。

眾所周知，每一種顏色帶給用戶的視覺感受也是不同的。而在移動端UI界面中通常是需要選取主色，標(biāo)準(zhǔn)色，點晴色。

也就是之前25學(xué)堂分享的：APP色彩搭配方案是由主色、輔助色和點綴色構(gòu)成和手機APP界面設(shè)計規(guī)范之標(biāo)準(zhǔn)色彩規(guī)范

在這里，25學(xué)堂再來啰嗦一下下主色，標(biāo)準(zhǔn)色，點晴色各自代表的含義：

主色雖然是決定了畫面風(fēng)格的色彩但是往往不會被大面積的使用。通常在導(dǎo)航欄/部分按鈕/icon/特殊頁面等地方出現(xiàn)，會有點晴，定調(diào)的作用。

統(tǒng)一的主色調(diào)也能讓用戶找到品牌感的歸屬，例如網(wǎng)易紅/騰訊藍/京東紅/阿里橙等等。

標(biāo)準(zhǔn)色：指的是整套移動界面的色彩規(guī)范，確定文本/線段/圖標(biāo)/背景等等的顏色。

點晴色：通常會用在標(biāo)題文本/按鈕/icon等地方，通常起強調(diào)和引導(dǎo)閱讀的作用。

常見的移動端UI界面的顏色搭配設(shè)計方案有：

1、鄰近色配色法則：(色相環(huán)上鄰近的顏色)

換句話說就是：選取色相環(huán)上鄰近的幾種顏色來搭配設(shè)計。

2、同色系配色法則

主要是指同色系配色(色相一致，飽和度不同)的配色方案：

主色和點晴色都在統(tǒng)一的色相上，給用戶一種一致化的感受。

追波網(wǎng)上最常見的一些APP界面設(shè)計作品：都是采用這樣的顏色搭配。

第三種是點亮色配色法則

主色用相對沉穩(wěn)的顏色，點晴色采用一個高亮的顏色，起帶動頁面氣氛，強調(diào)重點的作用。

比如之前追波網(wǎng)設(shè)計漂亮的APP界面設(shè)計：

第四種是中性色配色法則

用一些中性的色彩為基調(diào)搭配，弱化干擾。這種方法在移動端是最常見的方法。

由黑色、白色及由黑白調(diào)和的各種深淺不同的灰色系列，稱為無彩色系，也稱為中性色。中性色不屬于冷色調(diào)也不屬于暖色調(diào)。黑白灰是常用到的三大中性色。

第五種是漸變色與純色配色法則

這種大膽的配色方案也是2017年值得關(guān)注的一個風(fēng)向標(biāo)。也是2017年移動端APP設(shè)計的一個趨勢。學(xué)會更大膽地使用色彩會是一個不錯的選擇。

以上就是25學(xué)堂的小編跟大家一起交流學(xué)習(xí)的五種移動端UI界面設(shè)計顏色搭配設(shè)計方案。

值得大家去好好學(xué)習(xí)和參考。