最实用的 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配色的一点，灰白色是白搭的颜色。比如下图的APP界面：

来源：25学堂

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

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！