在此,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界面:
每天更新,
全站高品质素材免费下载!
全站高品质素材免费下载!