最實用的APP UI配色方案和APP常用的顏色搭配參考

在此,25學堂收集了一套非常實用的APP UI配色方案和一些APP設計常用的顏色搭配參考。

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

 

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

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

標題背景色 ? 任意花色

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

內容文字 通常為黑色或白色宋體

不重要的內容 淺灰色

重要的內容 標題背景色附近的顏色通常比標題色亮,為強調色

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

1、什么是3角色?

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

 

 

總結:

1、底層背景色 f4f4f4

2、內容背景色 白色

3、引用背景色 dedede

4、標題背景色 如34A2DA

5、標題強調色 如1785C6 比上面小171717左右

6、文字色 一般有多種,黑、白、文字灰、文字強調色

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

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

 

第二部分:傻瓜式的APP UI配色方案,選取你喜歡的色彩來設計APP啟動圖等。

 

 

app%e5%ae%9e%e7%94%a8%e9%85%8d%e8%89%b2%e6%96%b9%e6%a1%88

 

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

數(shù)據(jù)圖表設計2

成熟的APP界面設計運用

每天更新,
全站高品質素材免費下載!