交互设计应先选择对的颜色,而不是喜欢的颜色

 

  中国有一句成语叫做「白纸黑字」,白纸上写了黑字,阅读起来是再清楚也不过了。形容了明确的文字凭据,不容许抵赖或悔改。一直到现在,白纸依然是我 们最常用到的纸张类型,书写的工具跟色彩也越来越多样,但我们最常用的书写颜色还是离不开黑色、蓝色、红色等色彩。试着拿荧光笔写字看看?那岂不是给自己找麻烦吗。

  其实、颜色是否能够被清楚辨识,取决在于其明度的差异:

  1.颜色的呈现效果与底色有直接的关系:

  颜色本身具有不同的明度,在不同底色的上会有不同的效果,在下图这张图中我们可以清楚看到不同色彩在不同明度的底色上、会呈现出不同的效果。


  2.颜色的明度差异影响字体的可阅读性

  我们将以上的颜色转换成灰阶就可以清楚的了解到不同色彩其明度上的差异,并且依照其明度强度将其重新排列如下:


  如下图左,由于黄色的明度很接近白色,因此在白色底色上使用黄色字体会使得字体难以阅读。同样的原因,虽然绿色与橘色 、红色与紫色的色相并不相同,但由于他们的明度都很接近,因此在这样的搭配上也会使得文字非常难以阅读。

  而右边我们在相同底色上,选用与其完全不同明度色彩的文字颜色,阅读性就提高许多。


  现在你知道为什么色盲分析图总是看起来这么辛苦了吧:)

时间: 2024-10-30 09:42:34

交互设计应先选择对的颜色,而不是喜欢的颜色的相关文章

产品交互设计选择最正确而不是最前卫

通常是鼓励交互设计师团队,试着做一些新玩意儿出来,而且要能对产品迭代提供现实帮助.所以团队内某优秀设计筒子,总能拿出一些很前卫的交互设计.但在讨论是否运用到具体产品的时候,会被我要求:我们往后退一步,后退一步比较安全.他会引出世上最先进公司的产品,也都用了这种方式,于是我们开始了团队讨论. 首先团队提出了一个问题:谁是用户?要去改善他们的体验,我们必须要先清楚这一点.每一个用户群,他们的物理属性或社会属性都不一样,生活方式.态度也不尽相同.因此,他们去体验的交互方法也都不相同.如果你特定的用户群

隐藏在AIRBNB网站里的9项体验与交互设计

  如果你曾使用Airbnb预订过地方,那么你会在这个过程中,逐步发现这个企业拥有着顶尖的产品设计团队.这个正在改变整个行业的企业,正在为用户提供着顺滑无缝的体验,而这也是今天我撰写这篇文章的初衷. 作为一个喜欢研究用户体验.交互设计.UI的产品设计师,我尤其喜欢剖析成功的产品,寻找其中隐藏的交互和用户体验设计.无论这些设计是用来提升整体的用户体验,还是激励产品增长,你会发现这些设计都非常有意思,并且值得分享. 事不宜迟,一起来看看我从Airbnb中发现了什么吧: 1. 情绪感染(用户体验) 


交互设计实例:电商B2C优惠券选择需求

文章描述:B2C站购物流程中优惠券的交互设计优化方案. 我们在互联网上经常买东西,也会经常收到优惠券,最近有空做了一个小调研,在一个网站上,有30%的用户拥有超过10张的生效优惠券,但是,当我们使用优惠券的时候,我们发现一个问题,很多网站在购物结算页面只能显示10张优惠券,那么,如果多于10张优惠券后,我们怎么选择使用呢? 我模拟一个用户,当我去一家超市,我购买了很多或者单件商品后,我发现我包包里有N张优惠券,我开始纠结了,我该使用那张呢?于是,我开始翻包里的优惠券,看看哪张快过期了,哪张是我这

交互设计案例:设计要达到简洁清晰自然易懂

文章描述:交互设计实用指南系列(4)-简洁清晰,自然易懂. 我们生活在信息繁杂的社会,尤其是在互联网时代,人们开始通过网络开始接触越来越多的信息,那么,如何获取/传递有效而准确的信息将非常重要.在网页交互设计中,我们提出:信息获取和传达的过程必须是简洁清晰,自然易懂.这样用户才能够有效的获取这些信息,并迅速作出决定. 1.什么是"简洁自然,清晰易懂"? 简洁清晰:使信息最简化 "少即是多".提倡使用最少的元素来表达最多的信息.如果信息繁杂,将使用户承担大量的信息负担

网页按钮交互设计:按钮的位置和分组

网页制作Webjx文章简介:网站交互设计中的按钮位置与分组. 按钮分组 按钮的分组可以让一个界面变得具有自我描述能力.在复杂的布局中,组织良好的各组按钮用以选择,而且因为很明显,这样可以很快告诉用户有哪些功能可以使用. 几个按钮放在一起,因为它们可能完成类似的功能.我们可以看范例iTunes的主窗口,四个角分别放置了一组按钮,界面中间的歌曲也有很多的行动点.加上滚动条,该界面只有有14个按钮.确实有很多的功能,不过因为视觉上和语言上的巧妙组合,并不会给用户很乱的感觉. 制定"阿里助手"

交互设计:简洁清晰,自然易懂的设计

我们生活在信息繁杂的社会,尤其是在互联网时代,人们开始通过网络开始接触越来越多的信息,那么,如何获取/传递有效而准确的信息将非常重要.在网页交互设计中,我们提出:信息获取和传达的过程必须是简洁清晰,自然易懂.这样用户才能够有效的获取这些信息,并迅速作出决定. 1.什么是"简洁自然,清晰易懂"? 简洁清晰:使信息最简化"少即是多".提倡使用最少的元素来表达最多的信息.如果信息繁杂,将使用户承担大量的信息负担,造成信息过载,影响效率,不能帮助用户解决问题. 自然易懂:使

网页交互设计中的模块标签

简介 这是一篇对于网页中交互设计运用的文章. 本文以翻译为主,由于俺英语水平有限,有些专业名词也不甚明了,所以有些东西都是俺凭着对此效果的理解,加入了自己的思想,如果有什么不对的地方望评点,先谢谢. 如果用户想要浏览一个或多个堆叠窗格的内容而不需要刷新页面应该怎么实现呢? 例如下面的例子: 首先我们应该考虑我们什么时候会使用模块标签呢? 当有多个窗格的内容,而每次只能显示一个窗格. 不同的窗格的内容不需要互相参照. 你可以通过改变窗格来切换网页内容. 为了浏览一个网站的不同网页,而使用导航标签代

视觉设计师应该修炼的五个交互设计技能

  2016年,视觉+交互兼通的设计师就业价值会更高,虽然大多数视觉设计师都没有经过正式的交互基础训练,不过别急,今天@IrioLee 翻译的这篇Smashingmagazine 好文,分享了5个能提高你交互技能的方法,一起来试试. 现在,所有基于Web进行设计的人都需要对交互设计原则有一个基本的了解.即使你没有在人机交互.用户体验设计或人性因素等方向的正式学习训练,但只要你了解这些学科的基本原理,依然会大大提高了你设计的成功机会.这一点对视觉设计师尤为明显.大多数视觉设计师都在艺术学校或者在培

交互设计实用指南(四):简洁清晰自然易懂

我们生活在信息繁杂的社会,尤其是在互联网时代,人们开始通过网络开始接触越来越多的信息,那么,如何获取/传递有效而准确的信息将非常重要.在网页交互设计中,我们提出:信息获取和传达的过程必须是简洁清晰,自然易懂.这样用户才能够有效的获取这些信息,并迅速作出决定. 1.什么是"简洁自然,清晰易懂"? 简洁清晰:使信息最简化 "少即是多".提倡使用最少的元素来表达最多的信息.如果信息繁杂,将使用户承担大量的信息负担,造成信息过载,影响效率,不能帮助用户解决问题. 自然易懂: