在此，25學(xué)堂收集了一套非常實用的APP UI配色方案和一些APP設(shè)計常用的顏色搭配參考。

感謝分享設(shè)計師onli （武漢 / GUI設(shè)計師）和簡書作者?Longwide 的分享。

第一部分：APP常用的顏色搭配參考

底層背景色，內(nèi)容背景色 ? ,兩種顏色相近，但能區(qū)分

標題背景色 ? 任意花色

標題文字色 通常為黑色或白色黑體

內(nèi)容文字 通常為黑色或白色宋體

不重要的內(nèi)容 淺灰色

重要的內(nèi)容 標題背景色附近的顏色通常比標題色亮，為強調(diào)色

彩色顏色組合方式有，互補色，相似色，3角色，4方色

1、什么是3角色？

紅、黃、藍三種顏色在色相環(huán)上組成一個正三角形，被稱為三原色組合，這種組合具有強烈的動感。

總結(jié):

1、底層背景色 f4f4f4

2、內(nèi)容背景色 白色

3、引用背景色 dedede

4、標題背景色 如34A2DA

5、標題強調(diào)色 如1785C6 比上面小171717左右

6、文字色 一般有多種，黑、白、文字灰、文字強調(diào)色

7、特殊色 禁用的顏色、無法編輯的顏色

8、標簽色 類似bootstrap的幾種不同按鈕

第二部分：傻瓜式的APP UI配色方案，選取你喜歡的色彩來設(shè)計APP啟動圖等。

記住APP配色的一點，灰白色是百搭的顏色。比如下圖的APP界面：