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

最实用的 APP UI 配色方案和 APP 常用的颜色搭配参考
在此,25学堂收集了一套非常实用的APP UI配色方案和一些APP设计常用的颜色搭配参考。感谢分享设计师onli (武汉 / GUI设计师)和简书作者 Longwide 的分享。第一部分: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配色的一点,灰白色是白搭的颜色。比如下图的APP界面:

来源:25学堂

关键字:设计, 设计文章, 景色, UI设计