总的来说这是一本讲原理的书。它主要讲了人是怎样认知事物的,以及这些原理在ui设计上的应用,它能够帮助我们更好的认识一些交互设计的准则。非常值得一读,私以为只有把顶层架构不断完善,底层架构才能有序完成。
下面说说一些我觉得印象深刻,以前却很少注意到的点。
一.格式塔原理
1.接近性:相互靠近的物体看起来属于一组。
2.相似性:如果物体看起来相似,就感觉属于一组
3.连续性:人类视觉倾向于看到连续的形式,必要时甚至会填补遗漏
4.封闭性:人类视觉倾向于看到整个物体,即使它们是不完整的
5.对称性:人类的视觉系统试图将复杂的场景解析为简单和对称形状的组合
6.背景/主体:当物体重叠时,我们把小的那个看成是背景之上的主体
7.共同命运:一起运动的物体看起来是一组的或者相关的
顺便做了一个视频小练习
二.色觉是有限的
1.色觉系统对对比度敏感而不是对绝对亮度敏感
图中看起来右边的颜色比做边的颜色要浅,但是实际中间的矩形灰度是相同的。这说明我们的视觉系统对差异十分敏感,因为外部矩形块的左边颜色较浅,右边颜色较深,这才使我们感觉,内部色块的左边较深,右边较浅。
这个理论让我想到,在设计稿被吐槽颜色不够亮的时候,我们修改的时候其实不应该只听建议人说的让我们改哪块颜色我们就改哪块颜色。我们应该根据我们自己的分析,调整背景颜色,通过对比来凸显亮色或者暗色。同时让共事的小伙伴了解到这一点也很有必要,这样我们还能提高沟通的效率。
2.色盲
世界上有大约8%的男性和稍低于0.5的女性有颜色感知障碍,难以区分某些颜色对比。最常见的是红绿色盲。这让我想到很多交通app都不使用红绿色做为主色。
想要知道这些颜色在色盲的眼中是什么颜色的,我们可以使用色盲滤镜或模拟器来测试一下图像。
想要知道我们的设计稿在色盲眼中是什么样的,我们可以通过在线色觉障碍模拟器来检查网页和图像,看它们在有不同色觉障碍的人眼中看起来是什么样子的。
书中给了这个网址:http://www.color-blindness.com/coblis-color-blindness-simulator/
大家可以上传自己的设计稿查看。
当然在我们做设计的时候最快捷的方式就是把设计稿直接黑白,通过明度的区分来避免视觉障碍人群无法区分。第二个方法是使用颜色加文字的方式进行区分,即使人们分辨不出来颜色,也可以通过文字进行区分。
3.视觉边界
当我们专注于一个物体时,人们的视觉是有焦点的,而焦点以外的事物则会被模糊。当然我们在阅读的时候会注意不到这一点,这是因为我们的眼球每秒转动3次,扩大了注意范围。
而那些模糊到的视觉边界也是有它自己的作用的。1.觉察运动 2.引导视觉中心3.让我门在黑暗中看的更清除
这一点在视觉设计上可以对应到一些让信息可见的方法。比如边缘处的移动动画,红色的警示等。
4.短期记忆并不一定是7+-2
之前看了基本交互相关的书,里面都提到人的短期记忆是7+-2个事物,也就是说人一次在短时间内只能记住7个左右的事物。
然而本书中提到短期记忆的工作量更可能是3到5个,但短期记忆的容量仍然在研究。我也将关注。
5.人机交互的时间底线
总结的很到位的表格