在此,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配色的一點,灰白色是百搭的顏色。比如下圖的APP界面:
每天更新,
全站高品質素材免費下載!
全站高品質素材免費下載!