android 配色方案,最实用的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界面：

android 配色方案,最实用的APP UI配色方案和APP常用的颜色搭配参考相关推荐

Android 目前最稳定和高效的UI适配方案
Android系统发布十多年以来,关于Android的UI的适配一直是开发环节中最重要的问题,但是我看到还是有很多小伙伴对Android适配方案不了解.刚好,近期准备对糗事百科Android客户端设计 ...
android自动化测试unity,基于Unity3D引擎的UI自动化测试方案
一.基本思路熟悉Unity3D开发后就会发现,游戏的每个场景都有一个UI树,而通过这个UI树的根节点可以遍历整个UI树的所有UI对象.而Unity3D是通过挂载脚本的方式来控制游戏逻辑的,因此我们可 ...
android app ui如何切图,APP切图详细规范终极指南
我们都知道一套完整的 App 通常会有很多张切图,不管是 iPhone 需要 1x.2x.3x 图档,Android 需要至少 3 种 hdpi.xhdpi.xxhdpi.在庞大的切图数量下如何让负责 ...
android ui 切图工具,APP切图标注教程：UI设计切图标注的小工具实用技巧
分享关于一篇UI设计师必须要懂的切图标注的小工具实用技巧,让你在跟开发工程师协作的时候更加得心应手. 设计师必备的UI切图小工具如下3大常用工具: 1.切图工具 Assistor PS 也是一款PS的 ...
android好看的配色方案,APP界面常用的五种颜色搭配
众所周知,每一种颜色带给用户的视觉感受也是不同的.现在人们对手机的依赖程度,就能看到手机中APP的发展前景,那今天就跟大家聊聊如何通过颜色搭配的不同来进行移动端APP界面的布局和排版设计. 移动端UI ...
9款好看又实用的手机APP UI模板
一款优秀的界面设计,最重要的两点应该是产品本身的UI和用户体验(UX),唯有将二者完美结合才能称作优秀的设计作品.但随着智能手机及各类设计工具的发展,用户对手机界面设计的要求也与日俱增.这也就解释了为 ...
vivo官网APP全机型UI适配方案
vivo 互联网客户端团队- Xu Jie 日益新增的机型,给开发人员带来了很多的适配工作.代码能不能统一.apk能不能统一.物料如何选取.样式怎么展示等等都是困扰开发人员的问题,本方案就是介绍不同机 ...
一款手机App的配色方案如何建立美观度？
当我们评价一款 APP 时,配色应该是仅次于其功能性的另一主要因素.现如今人机交互主要通过 GUI 来实现,色彩在交互过程中扮演着重要的角色.良好的色彩搭配会帮助用户发现页面中的重点,找到他们急于寻找 ...
android APP UI设计图标注、换算
作为一名 Androider,能遇到一个优雅的设计屎也得靠运气.唉,说多了都是泪啊. 狼哥特地贴上一篇关于UI设计的文章,你可以拿去BS你们的设计屎了. -------------- 众所周知,对追求 ...

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

android 配色方案,最实用的APP UI配色方案和APP常用的颜色搭配参考相关推荐

最新文章

热门文章