当我们评价一款 APP 时,配色应该是仅次于其功能性的另一主要因素。现如今人机交互主要通过 GUI 来实现,色彩在交互过程中扮演着重要的角色。良好的色彩搭配会帮助用户发现页面中的重点,找到他们急于寻找的元素,更好的了解 APP 的操作流程。每款 APP 都会有一套其独有的配色方案。

建立一套 APP 的配色方案是件很困难的事情,因为理论上有无数种的组合方式。APP 中的色彩应用究竟有哪些重点呢?配色方案的建立又有着哪些套路呢?

色彩的数目

在 APP 的界面中,尽量不要使用过多的颜色。诚然,过少的颜色搭配很难第一眼就能吸引住用户。但是你的 APP 毕竟不是一锤子买卖,把用户吸引来就完事了。特别现在很多 APP 都是偏工具类的,用户会经常使用 APP,那么页面中过多的颜色会让用户抓不到重点,影响用户体验。

多伦多大学曾经做过一项调查,发现大部分用户都倾向于一个 APP 页面中只有 2—3 款颜色。

配色原则

好吧,我们已经知道了用户只喜欢2到3款颜色。那么我们怎么才能正确的挑出那2到3款颜色呢?色轮可以帮助我们。

单色搭配( Monochromatic )

单色搭配就是单一色系的搭配,在颜色的深浅、明暗或饱和程度上有所调整来形成明暗的层次关系。

单色搭配在 APP UI 设计中一直都是一个不错的选择,特别是蓝色系和绿色系。

类比色搭配( Analogous )

类比色搭配是指选用一款颜色作为主色调,色轮中临近的颜色作为辅色。因为在色轮中相互靠的很久,所以搭配起来不会有很突兀的感觉。

这种配色方案看起来很容易操作,但是实际上主色与辅色的挑选却是很伤脑筋的。主色和辅色在色轮中的距离如果过远,那么整个页面就会显得用力过猛。当然挑选的好则另当别论。

Clear 是一款管理行程的 APP,在这里设计师通过从橘黄色到红色的一个渐变来给用户提供不同任务优先级顺序的视觉提示。

Clam 是一款音乐播放软件。该软件专门播放一些让人放松的音乐能让你平静,冥想、睡眠、放松、改善情绪!当你失眠时静静 Calm 能帮你很快的进入梦乡。设计师主要采用了蓝色和绿色来帮助用户放松身心。

补色搭配( Complement )

在色轮上直线相对的两种颜色称为互补色。互补色因为互相处于对方的对立面,所以搭配起来会形成强烈的对比效果,进而吸引用户的注意力。

比如,当我们的眼睛看到一大块绿色区域时,一小块红色就会显得特别突出。

自定义配色方案(Custom Color Scheme)

创建一套新的配色方案并不是想象之中那么难的。最简单的方法就是挑选一款明亮欢快的颜色(比如企业色)作为主色,然后挑选几款中性色作为辅色。这样一套配色方案就完成了,而且效果也相当不错。

蓝色、白色、深灰、浅灰和黑色就是Dropbox页面里出现的所有颜色。就是这么简单

配色神器——Adobe Color CC

Adobe Color CC 是由 Adobe 公司开发的是一款动态的配色识别工具,通过摄像头的实时拍摄,它会自动识别出当前图像中几个主要的配色组合。如果不想让应用随机挑选,便可以点击屏幕锁定,然后手动调节。

你也可以自己创建新的配色组合保存到library中。此外Adobe Color CC还提供了很多现成的配色方案。

对比度的应用

通常,页面的元素都不是单独出现的。比如你不可能看到一个页面中只有一个按钮,没有任何文字,图标。页面面中的任何一个元素都是整个系统的一个部分,不同的元素共同构成了一个页面。页面中的元素有优先级之分,有的元素更加重要,我们希望用户看到或者诱导用户进行操作。我们可以通过形状,颜色来产生视觉上的一个对比。我们这里主要讨论颜色使用带来的对比。

视力障碍用户群体

当你在设计一款app的时候,你有没有考虑到视力障碍的用户群体呢?

当我们谈到色盲的时候,通常会想到红绿色盲。其实色盲是指不能分辨自然光谱中的各种颜色或者某种颜色,红绿色盲是最常见的一种。据统计,全世界范围内,8%的男性和0.5%的女性都患有不同程度的色盲。

因为色盲对颜色的感知具有不确定性,有红绿色盲,蓝黄色盲更有单色色盲。这意味在设计中,我们无法完全规避色盲用户。所以为了更多的考虑色盲用户群体,我们在设计中应该降低颜色的依赖。我们可以使用图案,文字,形状这些元素来构建页面。

总结

提升自己色彩的使用技巧是一个需要不断努力和积累的过程。你需要了解基础的色彩理论,更需要大量的实践,创新与用户测试。

转载请注明:本文来自APP开发设计公司http://www.czwew.com/case/!

一款手机App的配色方案如何建立美观度?相关推荐

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

    在此,25学堂收集了一套非常实用的APP UI配色方案和一些APP设计常用的颜色搭配参考. 感谢分享设计师onli (武汉 / GUI设计师)和简书作者 Longwide 的分享. 第一部分:APP常 ...

  2. 在电脑上体验了 16 款手机 App 后,我很失望

    Windows 11 的发布会上,未来可使用 Android app 作为一大升级引起了大家的广泛讨论:如果你使用的是搭载 Apple Silicon 的 Mac,也可以在 App Store 的搜索 ...

  3. 怎么DIY快速制作一款手机App软件?

    随着APP软件的普及,越来越多的企业以及个人都加入创建自己的APP应用软件,现在我们来分享一下如何DIY快速制作一款手机App软件. 市面上有很多DIY App制作工具,它们普遍使用的是拼装式.这样的 ...

  4. iPhoneX上必须要有的几款手机APP

    虽然苹果8系列已经上市了几天了,但是显得有些冷清,原因是大家都在等待着iphoneX的发布,只有iphoneX才是真正意义上的革命性产品,而且外观也是最大的改变,搭载OLED全面屏和面容ID识别,足够 ...

  5. 我最喜欢的五款手机APP 简直就是生活的小帮手

    我们在手机上下载各种各样的APP软件,目的就是为了方便我们的生活.满足我们的需求,今天给大家透露一下小编最喜欢的APP软件. AcFun 二次元ACG爱好者们亲切的称之为a站app,可以让二次元爱好者 ...

  6. 五款手机APP黑科技,好用到爆炸

    大家手机上都安装了不少手机APP吧,但有些却是不常用的,这里我就向大家推荐几款非常好用的手机APP,希望你们不要错过了. 一.清爽视频编辑器 这是一款视频编辑软件,你在里面可以将你下载或者自拍的视频进 ...

  7. 相比较QQ与微信,我更钟意这几款手机APP!

    Xender Xender是一个电脑手机文件传输工具.只需要扫描电脑上的二维码就可以连接,可以用电脑访问手机上的图片,视频,音乐等各种文件,当手机上有很多应用可以直接选择删除应用,而且这些所有操作都不 ...

  8. 知乎强烈推荐的5款手机APP,每一个都十分受用,你确定真的不需要吗

    对于一个长期在各种手机APP中遨游的人来说,喜新厌旧已经是一件正常到不能再正常的事情了.每过一段时间就要清理卸载一遍,留下的自然都是精华.今天就带大家来看看,哪些才是好用又好看的APP. 1.keep ...

  9. 必须强烈推荐的五款手机APP,十万人已安装

    现在是信息时代,手机已经成为了人们不可离开的一部分,手机中有着各种各样的.为我们的生活提供便利的APP应用.这里就向大家介绍几款非常热门的手机APP,不知道的可以看一下. 1.清爽视频编辑器 一款非常 ...

最新文章

  1. 原创 | 清华开源迁移学习算法库
  2. Lombok框架集成与原理解析
  3. android点击获得坐标,android点击MapView任意一点获得坐标
  4. HDU2049 不容易系列之(4)——考新郎【递推】
  5. 论文笔记_S2D.35-2017-IROS_利用CNNs联合预测RGB图像的深度、法线和表面曲率
  6. 网络安全笔记-信息安全工程师与网络安全工程师考试大纲(附:Web安全大纲)
  7. FishC02 讲:用 Python 设计第一个游戏
  8. [内附完整源码和文档] 基于JSP实现的网上商城系统
  9. S7-1200做智能IO设备
  10. 【数据库原理及应用】——基本表更新(INSERT、UPDATE、ALTER、DELETE)与视图VIEW(学习笔记)
  11. 密码疑云 (3)——详解RSA的加密与解密
  12. 5-网站日志分析案例项目回顾与点击流数据分析项目介绍
  13. 国内流行的需求管理工具比较
  14. mysql error 1236_MySQL Error 1236 错误解决办法
  15. Flash媒体服务器
  16. 统驭科目(Reconciliation account)
  17. 【allegro 17.4软件操作保姆级教程二】布局前准备
  18. 微信中接收的word文件怎样保存到电脑
  19. IDEA(IntelliJ IDEA)
  20. 如何用动态网页生成静态网页?

热门文章

  1. google app engine 错误解决记录
  2. 一篇解决List,Set,Map的实际运用(含demo)
  3. 手机APP-小米手机无障碍功能开启失败
  4. MySQL设置密码和免密登陆
  5. PDF怎么转换成PPT?三步教你免费搞定PDF转PPT
  6. 汽车以太网-SOME/IP之字节序(Network Byte Order-Big Endian)
  7. Postman联合IntelliJ IDEA 中Debug进行接口调试
  8. C语言,根据阶梯水费计算应交水费。
  9. 关于unity ET框架Nlog的控制台Log不出来的问题
  10. HMAC 算法的使用