zoukankan      html  css  js  c++  java
  • 《认知与设计——理解UI设计准则》笔记(5) 色觉是有限的

          人类的色彩感知既有强处也有限制,其中不少与用户界面设计数。

    我们的视觉是为检测反差(边缘)优化的,而不是绝对亮度。

    我们辨别颜色的能力依赖于颜色是如何呈现的。

    有些人是色盲。

    用户的屏幕和观看条件会影响对颜色的感知。

    色觉是如何工作的

        视网膜有两类感光细胞:

        视杆细胞:察觉光线强度但感觉不到颜色,在当今的社会我们几乎用不到视椎细胞,它们只在低亮度下工作。

        视椎细胞:察觉颜色,分为三类,分别对红色,绿色,蓝色光敏感。

    视觉是为边缘反差而不是为亮度优化的

         对比鲜明的边缘,比对绝对的亮度水平要敏感得多。

         比如一个绿色的圆,放在一个黑色的背影下,与放在一个灰色的背景下,你会觉得前者的颜色更亮一些。

    clip_image002

    区别颜色的能力取决于颜色是如何呈现的

         有以下三个因素,影响了我们区别颜色的能力

    深浅度:两个颜色越浅(不饱和),就越难将它们区分开。

    色块的大小:对象越小或者越细,就越难辨别它们的颜色

    分隔的距离:两个色块之间离得越远,就越难区分它们的颜色,尤其是当它们之间的距离大到看它们时眼球需要运动。

    clip_image004

    色盲

         在颜色呈现上影响交互系统设计准则的第四个因素是,使用的颜色是否能够被常见类型的色盲用户分开。

         红绿色盲无法区分蓝色和紫色。

    影响色彩区分能力的外部因素

          有如下一些因素

    彩色显示屏的差异:不同的显示屏对于同一种颜色,可能显示的并不是一模一样

    灰度显示器:在灰度显示器上面一些原本不同的颜色,看起来是相同的

    显示器角度:当从一定角度观看液晶屏时,色彩以及色彩之间差别都会发生变化

    环境光线:照射在屏幕上的强光会将色彩“冲洗”掉,将彩色变成灰度屏,接着也会将明暗区域的差别冲洗掉。

          这四种因素不是软件设计者能控制的,因此,设计者们应记住他们并不对用户的观看体验具有完全的控制。

    使用色彩的准则

           用饱和度,亮度以及色相来区分颜色。避免采用轻微差别。确保色彩之间有较高的反差(反差也不要太大,参考准则5)。一个测试颜色差异的办法是灰度模式下观察,如果你不能在灰度模式下区分出不同的颜色,那么这些颜色之间的差别就不够。

           使用独特的颜色。红,绿,黄,蓝,黑和白是三个通道上产生信号,其他的都在不止一个通道上产生信号 ,所以这六种颜色最容易区分。

     
      clip_image006


          避免使用色盲的人无法区分的颜色对。这样的颜色对有深红和黑,深红和深绿,蓝色和紫色以及浅绿和白色。不要在任何深色背景上使用深红色,蓝色或者紫色。

          在颜色之外使用其他提示。不要完全依赖于色彩。如果你用颜色代表某个东西,同时请再用另外一种方式来标记它。

     
      clip_image008

        将强烈的对抗色分开。将对抗色放在一起会产生令人难受的闪烁的感觉,因此也必须避免。

     
      clip_image010
  • 相关阅读:
    009---绑定方法与非绑定方法
    008---封装
    007---多态与多态性
    17.出现fatal signal(SIGSEGV),code 1,fault addr 0x0 in tid 29931的问题
    18.让sublime text3支持Vue语法高亮显示
    PNPoly算法代码例子,判断一个点是否在多边形里面
    5.如何调节ubuntu的分辨率
    4.ubuntu实现linux与windows的互相复制与粘贴
    16.遇到就jar mismatch! Fix your dependencies的问题
    15.遇到window leaked的解决方法
  • 原文地址:https://www.cnblogs.com/xiaoxiangfeizi/p/2456462.html
Copyright © 2011-2022 走看看