最实用的APP UI配色方案和APP常用的颜色搭配参考

在此,25学堂收集了一套非常实用的APP UI配色方案和一些APP设计常用的颜色搭配参考。

感谢分享设计师onli (武汉 / GUI设计师)和简书作者 Longwide 的分享。

 

第一部分:APP常用的颜色搭配参考

底层背景色,内容背景色   ,两种颜色相近,但能区分

标题背景色   任意花色

标题文字色 通常为黑色或白色黑体

内容文字 通常为黑色或白色宋体

不重要的内容 浅灰色

重要的内容 标题背景色附近的颜色通常比标题色亮,为强调色

彩色颜色组合方式有,互补色,相似色,3角色,4方色

1、什么是3角色?

红、黄、蓝三种颜色在色相环上组成一个正三角形,被称为三原色组合,这种组合具有强烈的动感。

 

 

总结:

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界面:

数据图表设计2

成熟的APP界面设计运用

每天更新,
全站高品质素材免费下载!