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

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

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

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

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

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

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

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

常見(jiàn)的移動(dòng)端UI界面的顏色搭配設(shè)計(jì)方案有：

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

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

2、同色系配色法則

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

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

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

第三種是點(diǎn)亮色配色法則

主色用相對(duì)沉穩(wěn)的顏色，點(diǎn)晴色采用一個(gè)高亮的顏色，起帶動(dòng)頁(yè)面氣氛，強(qiáng)調(diào)重點(diǎn)的作用。

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

第四種是中性色配色法則

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

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

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

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

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

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