美文网首页设计书:Designote
读《认知与设计》

读《认知与设计》

作者: 钟旭钟旭钟旭 | 来源:发表于2017-06-05 00:46 被阅读28次

总的来说这是一本讲原理的书。它主要讲了人是怎样认知事物的,以及这些原理在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.人机交互的时间底线

总结的很到位的表格

人机交互的时间底线

相关文章

  • 读《认知与设计》

    总的来说这是一本讲原理的书。它主要讲了人是怎样认知事物的,以及这些原理在ui设计上的应用,它能够帮助我们更好的认识...

  • 《认知与设计》——用认知心理学解密设计准则的基础和源头

    认知与设计——理解UI设计准则》书名初见,以为是模式总结类书籍,小读一二,惊喜连连。本书非罗列设计规则,而...

  • 认知与设计

    第一章 我们的感知存在偏差 熟悉的感知模式或者框架 “控件摆放要一致“比如,在寻找某个物品时,如果不在老地方或者有...

  • 认知与设计

    我觉得这本书是目前市面上交互设计相关不错的书了,结构脉络清晰,以心理学、认知理论等切入,引导读者对设计的思考,最后...

  • 认知与设计

    第一次写跟职业相关的读书笔记,为巩固之前所学知识,也希望可以分享出来,或许存在众多不足,请多多指教,如果能帮助到...

  • 认知与设计

    《认知与设计》理解UI设计准则 Jeff Johnson 著作 (美) 我不知道在没有写书之前,这些设计师是怎么做...

  • 建构对话的学习——佐藤学《走向对话,学习的快乐》读书札记

    1、走向不断修正的自我认知、自我设计与自我拓展 走向不断修正的自我认知、自我设计与自我拓展,或许,这就是初中研究性...

  • 【笔记】认知与设计

    近期读完了《认知与设计:理解UI设计准则》,从人类认知的角度阐述了很多界面设计准则的深层原理,进一步说明了界面设计...

  • 读书《认知与设计》

    阅读本身相关 据我所知挺多人(举例说中文的人)看花体字或全大写的字很困难,比如菜单,新闻标题。但字母国家的人似乎没...

  • 今日精进(57天)学习:以慢为快

    第57天打卡 1.设计史读至437页 2.40个单词 3.上网课《室内陈设设计》并整理笔记 4.读《吴伯凡认知方法...

网友评论

    本文标题:读《认知与设计》

    本文链接:https://www.haomeiwen.com/subject/xhwbfxtx.html