<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>心理学 on Victor42</title><link>https://victor42.eth.limo/tags/%E5%BF%83%E7%90%86%E5%AD%A6/</link><description>Recent content in 心理学 on Victor42</description><generator>Hugo -- gohugo.io</generator><language>en</language><managingEditor>hi@victor42.work (Victor42)</managingEditor><webMaster>hi@victor42.work (Victor42)</webMaster><lastBuildDate>Tue, 03 Jun 2025 12:53:00 +0000</lastBuildDate><atom:link href="https://victor42.eth.limo/tags/%E5%BF%83%E7%90%86%E5%AD%A6/index.xml" rel="self" type="application/rss+xml"/><item><title>操控记忆</title><link>https://victor42.eth.limo/post/memory-enhancement/</link><pubDate>Tue, 03 Jun 2025 12:53:00 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post/memory-enhancement/</guid><description>&lt;img src="https://cdn.victor42.work/posts/2025-06/inception-263477293847592384.jpg" alt="Featured image of post 操控记忆" /&gt;&lt;p&gt;这是以前在公司内部做过一次设计分享，其实和设计关系不大，末尾那点属于硬蹭了。&lt;/p&gt;
&lt;p&gt;¯\&lt;em&gt;( ツ )&lt;/em&gt;/¯&lt;/p&gt;
&lt;p&gt;把PPT整理成文章，分享出来。&lt;/p&gt;
&lt;h2 id="记忆挑战"&gt;记忆挑战
&lt;/h2&gt;&lt;p&gt;发现自己的记忆潜力。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/d62428dd2690a20896f6da480b5b7941.webp"
loading="lazy"
alt="记忆挑战幻灯片封面展示数字网格背景"
&gt;&lt;/p&gt;
&lt;h3 id="两组随机数"&gt;两组随机数
&lt;/h3&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/c88e4452c9e4ed2512569eafae3f01eb.webp"
loading="lazy"
alt="记忆挑战幻灯片标题页两组随机数"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/8b772b9d247a32f163498a4b282521f4.webp"
loading="lazy"
alt="记忆挑战幻灯片展示7位随机数2518280"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/64718a22bac98c8eaddff347ac150411.webp"
loading="lazy"
alt="记忆挑战幻灯片展示7位随机数中2和8用蓝红色标注"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/14f5a1e904a4dd46817b0d1f092681d3.webp"
loading="lazy"
alt="记忆挑战幻灯片展示五线谱状数字规律图"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/4b986aaeab65d7d68e175d2a8a3e4f7e.webp"
loading="lazy"
alt="记忆挑战幻灯片展示五线谱数字折线形成骆驼形状"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/7ad50cfe75874b922167a4ad5a8fa4d9.webp"
loading="lazy"
alt="记忆挑战幻灯片展示8位随机数97034728"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/02049e06255d5ed8c063391563bee7a0.webp"
loading="lazy"
alt="记忆挑战幻灯片展示五言七言九言诗对比"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/c1e3bb59cc5d5f850975fdb32ae87022.webp"
loading="lazy"
alt="记忆挑战幻灯片展示明代杨慎九言诗梅花诗"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/3ab9ad48213869b8fc65ba909d6c4755.webp"
loading="lazy"
alt="记忆挑战幻灯片展示三国演义片头曲画面"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/2ca590aaca7fd44000e49078182df3dc.webp"
loading="lazy"
alt="记忆挑战幻灯片展示五言七言九言诗九言被红叉划掉"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/3543354f63d313132a779944db2fa696.webp"
loading="lazy"
alt="记忆挑战幻灯片再次展示8位随机数97034728"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/cf9a395d1b83b99ecfe81c5f68e85c10.webp"
loading="lazy"
alt="记忆挑战幻灯片展示键盘数字小键盘区域将数字拆成4&amp;#43;4"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/b99577bffedef02eed527d07eea66ac4.webp"
loading="lazy"
alt="记忆挑战幻灯片展示数字键盘上用红色箭头连接数字形成形状"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/2619fe137ad8159c0ad22ce427988bf6.webp"
loading="lazy"
alt="记忆挑战幻灯片展示数字键盘上红色蓝色箭头形成瘸腿N形状"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/9130301ed49ebd920484d278846a61bb.webp"
loading="lazy"
alt="记忆挑战幻灯片展示数字键盘和两个形状说明记数字变成记形状"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/d236b5f11d13c9741e802934c6ac04d3.webp"
loading="lazy"
alt="记忆挑战幻灯片展示文字这是3个月前的数字和随机数当密码比生日安全"
&gt;&lt;/p&gt;
&lt;h3 id="五次中东战争年份"&gt;五次中东战争年份
&lt;/h3&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/649e6f118c2cd3faa3b0a1a90c1440b5.webp"
loading="lazy"
alt="记忆挑战幻灯片标题页五次中东战争"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/1d2a51536200dd813449a8bf8bf8111d.webp"
loading="lazy"
alt="记忆挑战幻灯片展示五次中东战争年份1948至1982"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/08c179c567db5bd95909a250e659fcef.webp"
loading="lazy"
alt="记忆挑战幻灯片展示五个年份中19变淡后两位加粗"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/7f30d18e8a93a13e7d3a29352853b59c.webp"
loading="lazy"
alt="记忆挑战幻灯片展示五个年份十位数4至8用红色标注递增"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/8bebbd7c3dc0b83febbc4a27e202a8ec.webp"
loading="lazy"
alt="记忆挑战幻灯片展示五个年份中个位和十位最大数字8出现在头尾"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/c4a3fe1de4fbb111b5b2d1e3c33c126e.webp"
loading="lazy"
alt="记忆挑战幻灯片展示牛角面包图片两头标注8"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/13a30885b5e5fd30fa831a640312dd0d.webp"
loading="lazy"
alt="记忆挑战幻灯片展示牛角面包下方数字尺4至8"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/7cc2b96618bc41bdec4b847f3854423e.webp"
loading="lazy"
alt="记忆挑战幻灯片展示牛角面包和红色弧线标注后四位个位数"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/422e1db31b1853aa72c6419dc5df541e.webp"
loading="lazy"
alt="记忆挑战幻灯片展示牛角面包和加减数标注很有规律"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/5dab8dc2985852bf1b01a716ae5c2b59.webp"
loading="lazy"
alt="记忆挑战幻灯片展示五个年份变成牛角面包和4个加减数"
&gt;&lt;/p&gt;
&lt;h2 id="记忆力是什么"&gt;记忆力是什么
&lt;/h2&gt;&lt;p&gt;不是一种单一的能力。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/41203ddd43f3c0212285dc9b224bdccd.webp"
loading="lazy"
alt="记忆力是什么幻灯片展示软木板上红色图钉固定黄色便签纸灯泡图案"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/9a1b40e0ceffba4f2ba1afc796334440.webp"
loading="lazy"
alt="记忆力是什么幻灯片展示大脑分区图标注各叶功能"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/55505ae11c7712ac4ebd138a97dbf67b.webp"
loading="lazy"
alt="记忆力是什么幻灯片展示视觉处理过程视网膜到枕叶神经信号传递"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/e53594b0da4abaf733cb9529b87bdd61.webp"
loading="lazy"
alt="记忆力是什么幻灯片展示苹果图片和神经元网络标注球形红色光滑属性"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/df0bdbb5498394b11e1677e0f6c1157c.webp"
loading="lazy"
alt="记忆力是什么幻灯片展示猴子图片和神经元网络标注棕色像人毛茸茸属性"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/2133b1bbe1664f871aba020a6dbdbe11.webp"
loading="lazy"
alt="记忆力是什么幻灯片展示神经元网络图"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/f74eff3c34512052d3041cc494f4daae.webp"
loading="lazy"
alt="记忆力是什么幻灯片展示猴子图片和神经元网络标注属性"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/2600af70f77a60cbb5ebae9a619fa69e.webp"
loading="lazy"
alt="记忆力是什么幻灯片展示神经元网络图"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/93c87b47f6156b65f7c7c08d88338cc0.webp"
loading="lazy"
alt="记忆力是什么幻灯片展示猴子图片和神经元网络标注反复激活就记住了"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/4ec5dbf96710f519b10b28c1c41b413e.webp"
loading="lazy"
alt="记忆力是什么幻灯片展示猴子图片等于神经元网络三个灯泡亮起"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/764c15852889e60e2dfff1e5a63d234f.webp"
loading="lazy"
alt="记忆力是什么幻灯片展示猴子图片等于神经元网络多个灯泡白线连接"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/deeb007aadefd8d0b4cdd66da5d0245f.webp"
loading="lazy"
alt="记忆力是什么幻灯片展示猴子图片等于神经元网络多个灯泡红线连接"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/0b0b5d115992545d09ed8815b9ec1220.webp"
loading="lazy"
alt="记忆力是什么幻灯片展示记忆力不是单一能力公式"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/1b8e87a41caa5ce6a4d71fdea3d9065b.webp"
loading="lazy"
alt="记忆力是什么幻灯片展示公式中专注力标注因人而异因场景而异"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/0b3fb3c06208699ee9f5c8b44217af00.webp"
loading="lazy"
alt="记忆力是什么幻灯片展示公式中联想力标注可以锻炼专注力标注因人而异"
&gt;&lt;/p&gt;
&lt;h2 id="提高记忆力"&gt;提高记忆力
&lt;/h2&gt;&lt;p&gt;原理一点也不难。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/740b2494a76401e21f6096a2d3d65736.webp"
loading="lazy"
alt="提高记忆力幻灯片展示古希腊圆形剧场记忆宫殿素描图"
&gt;&lt;/p&gt;
&lt;h3 id="调动感官"&gt;调动感官
&lt;/h3&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/e234486fd422be56ccdd352b7c08c914.webp"
loading="lazy"
alt="提高记忆力幻灯片标题页"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/aa5539697b98e9e37bd08e44da140ec0.webp"
loading="lazy"
alt="调动感官幻灯片标题页"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/272e7784148c45582a569c86f3e0ab61.webp"
loading="lazy"
alt="提高记忆力幻灯片展示5大感官儿童照片"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/439c0b08efa8c2f1bb7aa1edc25aca56.webp"
loading="lazy"
alt="提高记忆力幻灯片展示五感接受外部信息占比图"
&gt;&lt;/p&gt;
&lt;p&gt;补充一点：较前沿的量子生物学研究表明，嗅觉可能也是一种物理感官。嗅觉系统感应的并不是化学分子结构，而是分子键的振动频率。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/6cefb8344072e3a725c76aec9a6a4bcd.webp"
loading="lazy"
alt="提高记忆力幻灯片展示阿富汗战争孤儿照片讲述嗅觉故事"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/8729cebe45a06256d235b072c413ada9.webp"
loading="lazy"
alt="提高记忆力幻灯片展示单词Fundamental和中文释义"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/cb5d3f5ee1b420f9abd191a2f1a975c4.webp"
loading="lazy"
alt="提高记忆力幻灯片展示红色文字方的馒头"
&gt;&lt;/p&gt;
&lt;p&gt;下面，来运用感官完成一个记忆任务。我小时候就是这么背这个单词的：&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/2ce870103028764e7c39d5ad788876e2.webp"
loading="lazy"
alt="提高记忆力幻灯片展示方的馒头为中心五感辐射图"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/f549f1222326591549a89ce2d0ddb2a2.webp"
loading="lazy"
alt="提高记忆力幻灯片展示砖墙图片解释为什么是基本的重要的必要的"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/25d0da273f850e4d74ce60d9d15d0b94.webp"
loading="lazy"
alt="提高记忆力幻灯片展示砖墙图片解释为什么是基本的重要的必要的"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/00f63fd48ffb20a5bbc152579116caa8.webp"
loading="lazy"
alt="提高记忆力幻灯片展示Fundamental和没什么好羞耻这就是大脑的工作方式"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/84ed3fdd8e462794d6acce841d1971c6.webp"
loading="lazy"
alt="记忆宫殿幻灯片标题页"
&gt;&lt;/p&gt;
&lt;h3 id="记忆宫殿"&gt;记忆宫殿
&lt;/h3&gt;&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/12b887ce95e0194443008f6482eb80ad.webp"
loading="lazy"
alt="提高记忆力幻灯片展示神探夏洛克Mind Palace场景"
&gt;&lt;/p&gt;
&lt;p&gt;第一次听说这个词，是在《神探夏洛克》里。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/ae428b0de18e8e98d8da4dc8482f908e.webp"
loading="lazy"
alt="提高记忆力幻灯片展示卧室照片标注10个红色圆圈编号"
&gt;&lt;/p&gt;
&lt;p&gt;假设这是你最熟悉的自家卧室的样子。你要记10件事，先在房间里找到10个具体的位置。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/3225197087251c3a278f83a84226c739.webp"
loading="lazy"
alt="提高记忆力幻灯片展示卧室中放置各种荒诞图像的记忆宫殿"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/d6b7540448a1adea70b6bcd42d2d4179.webp"
loading="lazy"
alt="提高记忆力幻灯片展示文字记忆宫殿也可以是虚拟场景中国历史年代速记法"
&gt;&lt;/p&gt;
&lt;p&gt;这样的方法看似复杂，我日常生活中真的会用。我会这样记忆家务琐事，防止遗漏：&lt;a class="link" href="https://victor42.eth.limo/post/3620/" target="_blank" rel="noopener"
&gt;当效率魔爪伸向家务领域……&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/795d87706f4bd47f118e11435d410a9a.webp"
loading="lazy"
alt="提高记忆力幻灯片展示超级马里奥游戏画面底部中国历史朝代时间轴"
&gt;&lt;/p&gt;
&lt;p&gt;历史故事和脉络容易记，但冷冰冰的历史年份却很难记。而记住年份好处很多，当我研究一些全球的历史事件时，我能知道当时的中国大概处在什么时代，对整个世界的历史格局有一个整体的认识。&lt;/p&gt;
&lt;p&gt;比如很多人会吃惊于一个事实：爱因斯坦提出狭义相对论时，中国仍在清朝。广义相对论提出时，距离清朝正式灭亡才3年。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/bd4caf402f560ba5d2d16ce28f9fbebc.webp"
loading="lazy"
alt="提高记忆力幻灯片展示手绘浙江省行政区划简化地图"
&gt;&lt;/p&gt;
&lt;p&gt;汉朝公元前后各200年左右，像是个对称图形。马里奥一步大概跳300年，但元朝时为了踩蘑菇提前落下了。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/952e891cf43d30ae6c1370c2cdd8bf9f.webp"
loading="lazy"
alt="设计干预记忆幻灯片展示男人坐椅子上头顶书本纸张飞舞"
&gt;&lt;/p&gt;
&lt;p&gt;有一天上班午休，闲来无事看浙江省地图看了半小时，然后就画出了我自己的简化版浙江地图。从此我对浙江省各地级市的方位了如指掌。&lt;/p&gt;
&lt;h2 id="设计干预记忆"&gt;设计干预记忆
&lt;/h2&gt;&lt;p&gt;不止提高自己的记忆力，还能提升别人的。&lt;/p&gt;
&lt;p&gt;啊，尬蹭的部分开始了。谁让分享主题最好要和设计有关系呢。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/bbfcdd20052ac165424663f6ef3b3ef1.webp"
loading="lazy"
alt="设计干预记忆幻灯片展示Mac垃圾桶图标丰富感官"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/1b98b763e5c33d729d7ca87c1da72fb4.webp"
loading="lazy"
alt="设计干预记忆幻灯片展示高德地图App截图绑定原有记忆"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/f1413046dde5a9dac8c22f608b9aa49d.webp"
loading="lazy"
alt="设计干预记忆幻灯片展示Panda Cheese广告创造荒诞"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/11594c7570cab9f993e2c067e5706a37.webp"
loading="lazy"
alt="设计干预记忆幻灯片展示Panda Cheese广告创造荒诞"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/45caad19beea4820b84fc4fa04e27b7d.webp"
loading="lazy"
alt="设计干预记忆幻灯片展示盗梦空间陀螺设计把你的信息塞进别人的脑子里"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://www.bilibili.com/video/BV1Px411K7fo/" target="_blank" rel="noopener"
&gt;熊猫奶酪的广告&lt;/a&gt;，看一遍记一辈子。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/4b0482002f70f252b19089b304300e22.webp"
loading="lazy"
alt="设计干预记忆幻灯片展示谢谢"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2025-06/7667211e06ba5f1f7480cc86d21efff3.webp"
loading="lazy"
alt="设计干预记忆幻灯片展示谢谢"
&gt;&lt;/p&gt;</description></item><item><title>短期记忆与用户体验</title><link>https://victor42.eth.limo/post/3562/</link><pubDate>Sun, 23 Jul 2017 00:01:35 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post/3562/</guid><description>&lt;p&gt;&lt;strong&gt;[国外设计第179期]&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-07/07-21/1.jpg"
loading="lazy"
alt="戴眼镜人头剪影脑中齿轮周围环绕多学科知识图标气泡"
&gt;&lt;/p&gt;
&lt;p&gt;**摘要：**人类大脑不适于抽象思考和记忆数据，但网站常常要求我们这么做。许多可用性指南都取决于认知局限。&lt;/p&gt;
&lt;p&gt;人的短期记忆无法保留许多信息，尤其当人们不断被大量抽象或不寻常的数据轰炸时。设计师不能忘记用户是多么的健忘，为此我们来回顾一下大脑如此无力的原因。&lt;/p&gt;
&lt;p&gt;人类极度善于猎杀长毛象。我们的祖先仅凭燧石这种水准的武器，轻松灭绝了从澳洲到北美的许多大型动物。（从今天的环保角度来说，我们可能会哀叹这些物种灭绝的方式，但史前人类对抓住晚餐更感兴趣。）&lt;/p&gt;
&lt;p&gt;使用计算机时需要的许多技能，对于猎杀长毛象并没什么用。这些技能包括记住一个接一个界面中的晦涩代码，并且要理解极其简略的表单标签。人们不擅长这些技能一点也不意外，因为在史前环境下，这些对生存并不重要。&lt;/p&gt;
&lt;p&gt;今天的人类大脑，和一万年前的大脑没有区别。的确，我曾经想过使用这个名称**“为穴居人而设计”**，作为我们的新课程，&lt;a class="link" href="http://www.nngroup.com/courses/human-mind/" target="_blank" rel="noopener"
&gt;《用心理学解释可用性规范》&lt;/a&gt;的标题，以此指导有效的网页设计。但是，这么做又违反了&lt;a class="link" href="http://www.nngroup.com/courses/writing-1/" target="_blank" rel="noopener"
&gt;文案规范&lt;/a&gt;，故意制造花哨的标题，却无法真正解释网页（或者像本例中，一场研讨会）内容。&lt;/p&gt;
&lt;p&gt;取而代之的标题是，&lt;strong&gt;“可用性和人类大脑：顾客的思考方式”&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;如果我使用了第一个标题，它就会勾起你的长期记忆，来激活与“穴居人”相关的术语——可能包含了诸如食人恐龙盘踞地这样的概念，如果你&lt;a class="link" href="https://www.nngroup.com/articles/movies-usability-top-10-bloopers/" target="_blank" rel="noopener"
&gt;B级片&lt;/a&gt;看多了的话。它绝对无法激活与提升网站业务表现相关的概念。相比之下，我们最终选择的标题包含了“顾客”一词，以一种更恰当的方式唤醒记忆，它是关于吸引更多点击、以业务导向引导用户的心态。&lt;/p&gt;
&lt;h2 id="为脑力的局限而设计"&gt;为脑力的局限而设计
&lt;/h2&gt;&lt;p&gt;当涉及到抽象思维时，人的脑力极其有限。比如说很著名的，长期记忆可以&lt;strong&gt;保留7&lt;a class="link" href="https://www.nngroup.com/articles/chunking/" target="_blank" rel="noopener"
&gt;块&lt;/a&gt;信息&lt;/strong&gt;，而且这些&lt;strong&gt;大概在20秒后就会被大脑忘记&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;有一种常见的误解是，短期记忆意味着&lt;strong&gt;菜单&lt;/strong&gt;应该限定在7项之内。其实&lt;strong&gt;菜单更长也没有问题&lt;/strong&gt;（如果需要的话），因为用户不必记住所有的菜单项。整个菜单的概念依靠的是&lt;strong&gt;认知，而不是回忆&lt;/strong&gt;（UI设计的&lt;a class="link" href="https://www.nngroup.com/articles/ten-usability-heuristics/" target="_blank" rel="noopener"
&gt;10条基本启发&lt;/a&gt;之一）。还有许多其他&lt;a class="link" href="https://www.nngroup.com/courses/ia-2/" target="_blank" rel="noopener"
&gt;关于菜单可用性设计的研究&lt;/a&gt;表明，短菜单当然更易于&lt;a class="link" href="https://www.nngroup.com/articles/right-justified-navigation-menus/" target="_blank" rel="noopener"
&gt;浏览&lt;/a&gt;。但是菜单太短，选择就变得很抽象和模糊。&lt;/p&gt;
&lt;p&gt;短期记忆的局限决定了一系列其他的网页设计准则：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a class="link" href="http://www.nngroup.com/articles/website-response-times/" target="_blank" rel="noopener"
&gt;&lt;strong&gt;响应时间&lt;/strong&gt;必须足够快&lt;/a&gt;，用户才不会在等待下一页加载时忘记自己在做什么。&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="https://www.nngroup.com/articles/change-the-color-of-visited-links/" target="_blank" rel="noopener"
&gt;改变已访问链接的颜色&lt;/a&gt;，用户就不必记住他们点过哪里。&lt;/li&gt;
&lt;li&gt;简化&lt;strong&gt;产品对比&lt;/strong&gt;，在最初的&lt;a class="link" href="http://www.nngroup.com/reports/ecommerce-ux-homepages-and-category-pages/" target="_blank" rel="noopener"
&gt;分类页面&lt;/a&gt;以及特殊的对比界面中，高亮显示产品的主要区别。如果需要用户在不同的产品页面之间来回切换，推测区别，他们就容易迷惑——尤其是不同页面的信息以不同方式呈现时。&lt;/li&gt;
&lt;li&gt;不要使用&lt;strong&gt;优惠码&lt;/strong&gt;，而是在你的&lt;a class="link" href="http://www.nngroup.com/reports/newsletters/" target="_blank" rel="noopener"
&gt;邮件&lt;/a&gt;中放入特殊链接，自动把优惠加入到用户的购物车中。这有两点好处：
&lt;ol&gt;
&lt;li&gt;让计算机来承担记住这些晦涩代码的责任，并寻找合适的时机使用。&lt;/li&gt;
&lt;li&gt;去除了“输入优惠码”输入框，这会吓跑那些并没有优惠码的用户（这些人会拒绝在&lt;a class="link" href="http://www.nngroup.com/reports/ecommerce-ux-shopping-carts-checkout-registration/" target="_blank" rel="noopener"
&gt;付款流程&lt;/a&gt;中支付，如果你公然表示其他用户能享受优惠的话）。&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;在用户需要的地方，&lt;strong&gt;依据环境提供帮助&lt;/strong&gt;，他们就不必前往一个独立的帮助页面，记住步骤再回来处理。（请看我们的&lt;a class="link" href="http://www.nngroup.com/courses/apps-1/" target="_blank" rel="noopener"
&gt;App可用性&lt;/a&gt;课程，了解更多关于用户帮助的内容。）&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="个体区别"&gt;个体区别
&lt;/h2&gt;&lt;p&gt;虽然人类大脑的平均水平更适于猎杀长毛象，而不是使用网站，但我们不是&lt;a class="link" href="https://www.nngroup.com/articles/are-users-stupid/" target="_blank" rel="noopener"
&gt;完全平均&lt;/a&gt;的。实际上，存在巨大的&lt;a class="link" href="https://www.nngroup.com/articles/variability-in-user-performance/" target="_blank" rel="noopener"
&gt;个体用户表现差异&lt;/a&gt;：前25%的用户比末尾的25%用户&lt;strong&gt;快2.4倍&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;更极端一点，只有&lt;strong&gt;4%的人&lt;/strong&gt;有足够的脑力处理复杂的认知任务，例如运用专业背景知识产生高级联想。很可能你就在这个精英群体中。而且糟糕的是，你所处的互联网团队中许多成员也是。（剩下的人也绝对是前25%，仍然远远优于其他用户。）&lt;/p&gt;
&lt;p&gt;这就代表，你的短期记忆可以比许多用户多保留2项信息。这看起来不算多，但如果你的网站阻挡了这些短期记忆较差的群体，需要用户记住不相关的信息，哪怕就差这么一点点额外的短期记忆能力，可用性就会翻天覆地。&lt;em&gt;你&lt;/em&gt;甚至还有富余的脑力来思考产品线，但如果你的用户已经耗尽了脑力，你的网站会让他们产生挫败感。&lt;/p&gt;
&lt;p&gt;尽管&lt;strong&gt;为穴居人而设计&lt;/strong&gt;是个很糟糕的标题，却很有助于记忆，很到位地形容了有限的脑力。毕竟，向你付钱的顾客其实才走出洞穴没有多久。&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;作者信息：Jakob Nielsen&lt;/p&gt;
&lt;p&gt;原文链接：&lt;a class="link" href="https://www.nngroup.com/articles/short-term-memory-and-web-usability/" target="_blank" rel="noopener"
&gt;https://www.nngroup.com/articles/short-term-memory-and-web-usability/&lt;/a&gt;&lt;/p&gt;</description></item><item><title>记忆的工作原理与设计诀窍</title><link>https://victor42.eth.limo/post/3560/</link><pubDate>Sun, 16 Jul 2017 22:42:54 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post/3560/</guid><description>&lt;p&gt;&lt;strong&gt;[国外设计第178期]&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-07/07-12/1-8Mj6MMsN1n5vRXbEV5vq-Q.jpeg"
loading="lazy"
alt="设计师在木质桌面上用笔记本绘制手机应用线框图，手机显示健康饮食应用界面"
&gt;&lt;/p&gt;
&lt;p&gt;我们日常生活中最重要的信息处理器，是看不见摸不着的。它无法买卖或从别人那里索取，但是它可以通过许多方式来提升和加强。这种东西难以描述，却是人类最宝贵的特征之一，它可能决定了我们的每一步行动和每一次决策。它是一种奇迹，我们很少深入思考它。这就是人类的记忆。&lt;/p&gt;
&lt;p&gt;记忆体现了数据存储与处理天然且惊人的复杂性。它在人的一生中能保存海量的信息，并且可以用对它主人有利的方式组织信息。它甚至负责设定信息的轻重缓急，让我们时刻记得一些重要细节，同时抹掉其他似乎不必要和很久没用的信息。人类记忆是一种机制，决定了人与外部世界的互动方式。&lt;/p&gt;
&lt;p&gt;显然，在用户体验设计领域，所有的界面设计都需要对这方面加以研究和考虑。了解记忆的工作原理，设计师可以创造出以人为本的界面，迎合用户这种与生俱来的能力，节约他们的精力，提升可用性。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-07/07-12/0--VS8oYlTdDk9gTrb.png"
loading="lazy"
alt="手持智能手机展示健康饮食应用界面，红色主题显示素食浆果冰沙碗食谱"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;a class="link" href="https://dribbble.com/shots/2790457-Tubik-Studio-Healthy-Food-App" target="_blank" rel="noopener"
&gt;健康饮食类应用&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;h2 id="记忆的基本要点"&gt;记忆的基本要点
&lt;/h2&gt;&lt;p&gt;总的来说，人类的记忆是大脑中天生的数据存储能力。它会响应外界的刺激，收集数据，加以处理，并以不同方式组织。而且，它还让人根据需要调取它收集的数据。但是，它并非一种完美的机制，因为它会受大量物理和情绪因素的影响。&lt;/p&gt;
&lt;p&gt;基本上，心理学家谈论的是3种类型的记忆：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;感官记忆&lt;/strong&gt;。当我们接收到听觉、视觉或触觉这些物理感官信息时，它能短时间存储数据。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;短期记忆&lt;/strong&gt;（工作记忆）。它可以让人在不重复某个行为的情况下，短时间记住一些数据。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;长期记忆&lt;/strong&gt;。它能长时间存储大量多种多样的数据，可能一生都会保持记忆。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;重复和建立关联，是获取长期记忆的有效方法。请看下图，它来自Learning Solutions Magazine的&lt;a class="link" href="https://www.learningsolutionsmag.com/articles/1684/brain-science-testing-testing-the-whys-and-whens-of-assessment/page2" target="_blank" rel="noopener"
&gt;这篇文章&lt;/a&gt;，我们可以看到这个基本流程，数据如何从外部刺激转化为长期记忆。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-07/07-12/0-MFxYF9ihjsT8bqcP.jpg"
loading="lazy"
alt="人类记忆工作流程图，展示外部刺激通过感官记忆进入短期记忆转化为长期记忆的过程"
&gt;&lt;/p&gt;
&lt;p&gt;用户体验设计师在创建网站或移动应用的交互流程时，应该考虑这个因素。当然，他们的目标是让用户形成应用的长期记忆，使得用户能够轻松地反复使用应用界面。了解数据的存储过程，设计师可以制定出有效的策略，改善用户认知，进行必要的重复。而且，它有助于合理组织屏幕上的信息，优化产品的&lt;a class="link" href="http://tubikstudio.com/information-architecture-basics-for-designers/" target="_blank" rel="noopener"
&gt;信息结构&lt;/a&gt;。&lt;/p&gt;
&lt;h2 id="记忆的基本定律"&gt;记忆的基本定律
&lt;/h2&gt;&lt;p&gt;心理学专家提出的记忆的3个核心方面，其实非常简单：&lt;/p&gt;
&lt;p&gt;**1. 专注。**人需要保持专注，才能记住某件事情或者大量信息。否则，很有可能信息会被忽略，仅仅停留在短期记忆层面。&lt;/p&gt;
&lt;p&gt;**2. 关联。**记忆是一种庞大的数据网络连接。如果一个人把新信息与广为人知的信息或自己的长期记忆关联起来，就更容易把它记住。&lt;/p&gt;
&lt;p&gt;**3. 重复。**在数据处于工作记忆阶段时，反复多次激活它，是一种能够将它转移到长期记忆的有效方法。&lt;/p&gt;
&lt;p&gt;依据这3点来组织界面上的内容，表现出视觉层次和认知，可以突出需要记忆的重要元素，使界面更易懂。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-07/07-12/1-HeH9rHBxokxnNCW4NrzS6Q.gif"
loading="lazy"
alt="电影院应用界面设计，红色背景展示电影海报列表和放映时间表"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;a class="link" href="https://dribbble.com/shots/3461602-Cinema-App-Interactions" target="_blank" rel="noopener"
&gt;电影院应用&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;h2 id="深入探索记忆"&gt;深入探索记忆
&lt;/h2&gt;&lt;p&gt;还有其他的研究、实验和实用测试总结了一些定律和准则。我们从中选择米勒定律和席克定律来介绍一下。&lt;/p&gt;
&lt;h3 id="米勒定律"&gt;米勒定律
&lt;/h3&gt;&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;人在工作记忆中平均最多能记住的事物数量是7个。&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;这项探索是基于乔治米勒在1956年的心理学报告&lt;a class="link" href="http://psychclassics.yorku.ca/Miller/" target="_blank" rel="noopener"
&gt;《神奇数字7±2：我们处理信息能力的极限》&lt;/a&gt;。一般概括就是，它说明了人类的短期记忆平均能保持和处理最多7个事物或信息，这个数字会上下浮动2。显然，这条准则是一般化的规律，真实情况取决于许多因素，包括信息本身。&lt;/p&gt;
&lt;p&gt;后来的研究，比如Richard Shiffrin和Robert Nosofsky的报告《7±2：关于能力上限的论述》，关于工作记忆的原理提供了更深刻的洞见。作者特别提出，人一次可以记住的事物数量，取决于事物本身。人平均可以记住&lt;strong&gt;7个数字&lt;/strong&gt;、&lt;strong&gt;6个字母&lt;/strong&gt;、&lt;strong&gt;5个词&lt;/strong&gt;。它赋予了大脑快速处理信息、识别字符、与长期记忆形成关联、以及最终形成记忆的能力。&lt;/p&gt;
&lt;p&gt;在设计方面，信息在构造清晰可用的界面时扮演了重要角色。需要用户一次记住太多内容的界面，会制造不安，让用户恼怒，甚至他们自己都不知道这些负面情绪从哪来。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-07/07-12/0-7o3OVl3gQGu8Nd_x.gif"
loading="lazy"
alt="Magic.co品牌着陆页设计，黄色背景上流动的多色抽象图形渐变"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;a class="link" href="https://dribbble.com/shots/2719343-magic-co-landing-page-concept" target="_blank" rel="noopener"
&gt;Magic.co的欢迎页面&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;h3 id="席克定律"&gt;席克定律
&lt;/h3&gt;&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;选择越多，越难做出选择。&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;乍一看，这条定律似乎和记忆没有关系，但其实仍然存在一定联系。记忆是一种保护人类免受糟糕体验的机制。选项越多，他们就会想起越多相关连的事物，越容易分心——在这样的情景下不可能预知结果好坏。而且，一次给出太多选项，其数量超出了工作记忆能处理的范畴，超出了用户承受范围。在电商平台中，这个因素尤其需要慎重考虑，应该找到一种平衡，给予用户所有必要信息，同时避免给Ta过多选择。找到这种协调是体验设计师的主要挑战。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-07/07-12/1--I72lnUsswOU-8iRcSAf1A.gif"
loading="lazy"
alt="咖啡团购优惠券应用界面，橙色背景展示汉堡优惠券卡片和加入订单按钮"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;a class="link" href="https://dribbble.com/shots/2660900-Cafe-Coupon-App" target="_blank" rel="noopener"
&gt;咖啡团购应用&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;h2 id="创造利于记忆的用户体验的诀窍"&gt;创造利于记忆的用户体验的诀窍
&lt;/h2&gt;&lt;p&gt;基于上面提到的因素和探索研究，我们来讨论一些运用以上知识提升用户体验的诀窍。&lt;/p&gt;
&lt;h3 id="1-不要让用户一次记忆太多事情"&gt;1. 不要让用户一次记忆太多事情
&lt;/h3&gt;&lt;p&gt;这当然不是说所有的界面都只能保留5-9个元素。不过代表核心操作的元素数量，应该要符合这条规律。设计师把界面中少数元素设计得突出且吸引人，就能遵循专注原则，让人注意到关键区域，例如菜单、行动指令、产品图片等。视觉层次是最关键的策略之一，界面设计可以包含许多划分成组的元素，易于人类记忆消化。&lt;/p&gt;
&lt;p&gt;这对于界面中的文案内容同样有效。在这篇谈论此问题的&lt;a class="link" href="http://tubikstudio.com/tips-on-applying-copy-content-in-user-interfaces/" target="_blank" rel="noopener"
&gt;文章&lt;/a&gt;中，我们提到了一些调研：根据最受欢迎的社交媒体分享平台Buffer的&lt;a class="link" href="https://blog.bufferapp.com/the-ideal-length-of-everything-online-according-to-science" target="_blank" rel="noopener"
&gt;研究&lt;/a&gt;，标题的理想长度是6个词。Jacob Nielsen提供了一项&lt;a class="link" href="https://www.nngroup.com/articles/worlds-best-headlines-bbc-news/" target="_blank" rel="noopener"
&gt;研究&lt;/a&gt;显示，5-6个词的标题最有效，不亚于一个能表述所有信息的长句。其原因之一，显然和工作记忆的能力极限有关，它能更快更有效地处理这个数量的信息。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-07/07-12/0-Op8QgO4N60cq75Zr.gif"
loading="lazy"
alt="摄影旅行与工作坊网站设计，雪山风景大图搭配简洁导航菜单和黄色预订按钮"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;a class="link" href="https://dribbble.com/shots/3064556-Photography-Workshops" target="_blank" rel="noopener"
&gt;摄影工作室&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;h3 id="2-不要一次提供太多选择"&gt;2. 不要一次提供太多选择
&lt;/h3&gt;&lt;p&gt;一定要留意专注度。如果你一次提供许多选择、按钮和项目，你就得有心理准备，它会耗费更多时间精力，用户的短期记忆需要更努力来克服困难，这会使得他们从最终决策和操作中分心。这就是为何有些欢迎页和销售漏斗效果很差，即使它们有美艳的设计，过度分心的用户还是会在转化发生前离开。慎重地依据优先级来应用滚动和过渡效果，把屏幕或页面上的元素分组，首要、次要、再次——这对用户有帮助，能使界面的导航更自然。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-07/07-12/1-0SnCYbE9EUPpE5e03kk7pg.gif"
loading="lazy"
alt="书籍交换应用界面，紫色背景上彩色卡片式布局展示多本书籍封面和作者信息"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;a class="link" href="https://dribbble.com/shots/3563019-Book-Swap-App-Interactions" target="_blank" rel="noopener"
&gt;书籍交换应用&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;h3 id="3-使用易辨识的模式和图形来减轻记忆负荷"&gt;3. 使用易辨识的模式和图形来减轻记忆负荷
&lt;/h3&gt;&lt;p&gt;毫无疑问，人类是视觉动物，所以设计师通常掌握着运用图片的艺术，不仅仅是吸引注意力，也能传递信息、组织内容。我们有一篇&lt;a class="link" href="http://tubikstudio.com/visual-perception-icons-vs-copy-in-ui/" target="_blank" rel="noopener"
&gt;文章&lt;/a&gt;详细介绍过用户如何辨识图标与文案。它表明，图标和插画之类的图形元素的感知速度更快，但文字信息量更大。这在界面设计中很有用，各种图形和标记的使用不止要在这个特定界面里被辨识出来，而且要在各种各样的界面里都能被辨识。放大镜代表搜索，购物车代表收集商品订单的页面，加号代表创建新项目，旗帜代表切换语言——所有这些，都代表长久存在人类记忆中的事物，不需要存储和处理新信息，就能引发正确的联想。&lt;/p&gt;
&lt;p&gt;而且从更宽泛的角度来看，多数用户希望在页头看到品牌标志和前往网站主要区块的链接，在页尾看到联系方式、隐私政策、使用条款和信用声明。了解这类模式，设计师可以把基本操作设计得简单直观，节省用户的精力。这样用户就能将注意力集中在新数据上，快速感知信息。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-07/07-12/1-C3Zz34neL5aRYLvtF7c4Mg.gif"
loading="lazy"
alt="天气应用界面设计，展示乌克兰第聂伯罗市全天温度变化，扁平插画风格"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;a class="link" href="https://dribbble.com/shots/1824088-GIF-for-the-Weather-App" target="_blank" rel="noopener"
&gt;天气应用&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;h3 id="4-在导航中运用统一的标记"&gt;4. 在导航中运用统一的标记
&lt;/h3&gt;&lt;p&gt;&lt;a class="link" href="http://tubikstudio.com/uiux-design-glossary-navigation-elements/" target="_blank" rel="noopener"
&gt;导航&lt;/a&gt;是用户体验的重要方面。让人在各界面中穿梭，它也传递了应当进入用户记忆中的信息。因此，设计师运用各种技巧，让过渡和交互保持清晰一致。比如，颜色和形状标记划分了特定区块，图标定义了特定的项目编组，特定名称或同类文案会使用统一的字体，插画和吉祥物使不同界面联系起来——这些和其他类似技巧能大幅增加对界面的记忆力，帮助用户处理新的信息。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-07/07-12/0-WIZHhizpNcRlUAwT.png"
loading="lazy"
alt="智能家居应用Homey界面设计，深蓝色主题展示房间选择和温度调节控制"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;a class="link" href="https://dribbble.com/shots/3440889-Homey-App" target="_blank" rel="noopener"
&gt;智能家居应用&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;h3 id="5-不要隐藏导航的关键信息"&gt;5. 不要隐藏导航的关键信息
&lt;/h3&gt;&lt;p&gt;关于各种导航形式，显示或隐藏内容区块，依然争论不休。千万要记住，界面的关键任务是让用户清晰了解发生了什么。所以，关于使用汉堡菜单、滑动菜单、隐藏导航或内容层级的决定，应当建立在对目标用户的细致分析上。多数情况下，尤其是对于多种不同用户使用的复杂界面，隐藏核心导航内容，表现会很糟糕：用户必须找到并记住它们的模式。有些人会赞赏这种节省空间的技巧，其他人则会烦恼于必须记住所需功能的位置。优先级排序再一次扮演了重要的角色：隐藏次要元素，保持主要元素永远可见，用户就能集中注意力关注核心内容。用户测试有助于评估导航流程的有效性，以及它对转化率的影响。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-07/07-12/0-Sv38gqqB8wiLTwLs.gif"
loading="lazy"
alt="书店网站Bookish界面，展示作者Simon Gilbert个人资料页和畅销书推荐"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;a class="link" href="https://dribbble.com/shots/3426188-Bookshop-Website" target="_blank" rel="noopener"
&gt;书店网站&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;h3 id="6-刺激各种不同的记忆"&gt;6. 刺激各种不同的记忆
&lt;/h3&gt;&lt;p&gt;记得之前讲的组合吗？可以发现首先并且最迅速的信息接收方式是感官记忆。基本上，它可以分为几种不同传感器产生的记忆：它可以是视觉、声音、运动、语言、力学等等。通过激活它们，设计师不仅能创造令人印象深刻的交互流程，也能帮助更广泛的用户群体。研究和实验显示，不同人最有效的记忆方式是不同的。这就是为什么菜单里的主要类别要同时有图标和文案，可以大幅提升用户体验，同时满足视觉记忆和语言记忆的用户。声音作为交互的补充，也可以创造出令人难忘的流程和操作。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-07/07-12/0-s9cw2tRB40dYoIH9.gif"
loading="lazy"
alt="食谱应用界面设计，深色背景展示今日菜单，意大利面和披萨分类配有食物实拍图"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;a class="link" href="https://dribbble.com/shots/2736160-GIF-Animation-for-Recipes-and-Cooking" target="_blank" rel="noopener"
&gt;食谱应用&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;h3 id="7-情绪的记忆"&gt;7. 情绪的记忆
&lt;/h3&gt;&lt;p&gt;毫无疑问，给交互赋予情绪反馈，是导致用户停留或离开的重要因素。糟糕的体验会促使人们更快忘记细节，但是会留下负面的总体感受，因为大脑在试图通过这种方式来保护我们。相反，正面的情绪，欢乐、美感享受、对问题快速解决或有效沟通的满足，会让人再回来反复感受。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2017-07/07-12/0-ygmhW4YLAYjV4MNz.gif"
loading="lazy"
alt="柏林夜间活动应用界面，紫色粉色蓝色几何图形背景展示Iris Scott展览活动卡片"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;a class="link" href="http://tubikstudio.com/case-study-night-in-berlin-ui-for-event-app/" target="_blank" rel="noopener"
&gt;柏林之夜App&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;所以，基本原则很简单：设计师为人们创造界面，就要知道人们如何与世界互动，什么在影响他们的行为。人类记忆是一种关键特征，在意识和潜意识层面决定了成功且正面的用户体验，所以为了&lt;a class="link" href="http://tubikstudio.com/faq-design-platform-human-centered-vs-user-centered-are-the-terms-different/" target="_blank" rel="noopener"
&gt;以人为本的用户体验&lt;/a&gt;设计，需要研究、思考和检验它。&lt;/p&gt;
&lt;h2 id="推荐阅读"&gt;推荐阅读
&lt;/h2&gt;&lt;p&gt;这些有用的链接，可以助你深入挖掘关于此话题的兴趣：&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://www.nngroup.com/articles/short-term-memory-and-web-usability/" target="_blank" rel="noopener"
&gt;&lt;strong&gt;Short-Term Memory and Web Usability&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://www.interaction-design.org/literature/article/ux-and-memory-present-information-at-relevant-points" target="_blank" rel="noopener"
&gt;&lt;strong&gt;UX and Memory: Present Information at Relevant Points&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="http://psychclassics.yorku.ca/Miller/" target="_blank" rel="noopener"
&gt;&lt;strong&gt;The Magical Number Seven, Plus or Minus Two: Some Limits on our Capacity for Processing Information&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://www.smashingmagazine.com/2016/08/user-memory-design-how-to-design-for-experiences-that-last/" target="_blank" rel="noopener"
&gt;&lt;strong&gt;User Memory Design: How To Design For Experiences That Last&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="http://tubikstudio.com/visual-perception-icons-vs-copy-in-ui/" target="_blank" rel="noopener"
&gt;&lt;strong&gt;Visual Perception. Icons vs Copy in UI.&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="http://www.uxbooth.com/articles/total-memory-recall/" target="_blank" rel="noopener"
&gt;&lt;strong&gt;Total (Memory) Recall&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://www.interaction-design.org/literature/article/the-properties-of-human-memory-and-their-importance-for-information-visualization" target="_blank" rel="noopener"
&gt;&lt;strong&gt;The Properties of Human Memory and Their Importance for Information Visualization&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;作者信息：Tubik Studio&lt;/p&gt;
&lt;p&gt;原文链接：&lt;a class="link" href="https://uxplanet.org/how-human-memory-works-tips-for-ux-designers-12b14071bdf9" target="_blank" rel="noopener"
&gt;https://uxplanet.org/how-human-memory-works-tips-for-ux-designers-12b14071bdf9&lt;/a&gt;&lt;/p&gt;</description></item><item><title>设计的7条心理学原则和定律</title><link>https://victor42.eth.limo/post/3496/</link><pubDate>Sun, 24 Apr 2016 02:14:52 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post/3496/</guid><description>&lt;p&gt;&lt;strong&gt;[国外设计第130期]&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;在设计中，心理学无处不在。正因为心理学，我们才了解红色很适合用于餐饮业的logo——因为它能增进食欲——或者让首屏的行动指令按钮产生更多转化。&lt;/p&gt;
&lt;p&gt;&lt;img src="http://justcreative.com/wp-content/uploads/2016/03/pyschology.gif"
loading="lazy"
alt="设计的7条心理学原则和定律：关于也就是说作为设计师你的视觉展示图"
&gt;&lt;/p&gt;
&lt;p&gt;也就是说，作为设计师，你不能忽视心理学。因为人类大脑的这些原则，决定了人们对你的设计作何反应、如何相互作用。回顾这7条心理学原则和定律，你能够将它们结合到实际运用中。&lt;/p&gt;
&lt;h2 id="1-冯雷斯托夫效应"&gt;1. 冯·雷斯托夫效应
&lt;/h2&gt;&lt;p&gt;&lt;img src="http://justcreative.com/wp-content/uploads/2016/03/ron-restorff-effect.jpg"
loading="lazy"
alt="设计的7条心理学原则和定律：关于冯雷斯托夫效应告诉我的视觉展示图"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://en.wikipedia.org/wiki/Von_Restorff_effect" title="Von Restorff"
target="_blank" rel="noopener"
&gt;冯·雷斯托夫效应&lt;/a&gt;告诉我们，某个元素越是违反常理，就越引人注目、令人难忘。&lt;/p&gt;
&lt;p&gt;Hedwig von Restorff在1933年检验了这个理论。她让实验对象观看一系列相似的物品。如果其中某个很特殊，比如说有聚光灯照射，那么相比其他物品，受试者就更容易回忆起这件物品。&lt;/p&gt;
&lt;p&gt;这条原则能以多种不同方式应用到设计中。最明显的是如果你想要让某物引人注目，就要使它特殊化，例如通过色彩、尺寸、留白等等。&lt;/p&gt;
&lt;p&gt;但是，由于人们更在意特殊物体，他们对于整体的印象就不深。思考是否要突出显示某物时，要牢记它的负面效应。你是想要人们记住一件事情，&lt;em&gt;就只有&lt;/em&gt;这一件事，还是说其他元素也同样重要？如果所有都同等重要，你希望人们全部记住，就不要凸显其中某个。&lt;/p&gt;
&lt;h2 id="2-色彩心理学"&gt;2. 色彩心理学
&lt;/h2&gt;&lt;p&gt;&lt;img src="http://justcreative.com/wp-content/uploads/2016/03/brand-colors-640x1317.jpg"
loading="lazy"
alt="设计的7条心理学原则和定律：关于经验丰富的设计师对于的视觉展示图"
&gt;&lt;/p&gt;
&lt;p&gt;经验丰富的设计师，对于色彩以及它与设计的关系，有着固定的理解。但是，设计新人们容易忽略色彩对心理的影响，而是选择他们自己喜欢的颜色进行设计。即使你精通色轮，知道如何搭配互补色或者相近色，你有没有考虑过你的设计如何影响受众呢？&lt;/p&gt;
&lt;p&gt;没错，颜色可以影响情绪。&lt;a class="link" href="http://blogs.adobe.com/dreamweaver/2015/10/the-psychology-and-emotion-behind-color-in-web-design.html" title="Color Pyschology"
target="_blank" rel="noopener"
&gt;Adobe列出了一些色彩&lt;/a&gt;和与之相符的情绪，下面是一些积极的方面：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;**黑色：**精致和力量（&lt;a class="link" href="http://www.vibe.com/" title="Vibe"
target="_blank" rel="noopener"
&gt;案例网站&lt;/a&gt;）&lt;/li&gt;
&lt;li&gt;**白色：**干净、精致、纯洁&lt;/li&gt;
&lt;li&gt;**红色：**勇气、激励、力量；也能激发欲望&lt;/li&gt;
&lt;li&gt;**蓝色：**冷静、安定、信任、安全（&lt;a class="link" href="https://hostingfacts.com" title="Blue Site"
target="_blank" rel="noopener"
&gt;案例网站&lt;/a&gt;）&lt;/li&gt;
&lt;li&gt;**黄色：**乐观、欢乐&lt;/li&gt;
&lt;li&gt;**绿色：**平衡、可持续的增长&lt;/li&gt;
&lt;li&gt;**紫色：**皇权、精神意识、奢华&lt;/li&gt;
&lt;li&gt;**橙色：**友谊、舒适、食物&lt;/li&gt;
&lt;li&gt;**粉色：**平静、女性化、性&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;记住，颜色给人们带来的情感，会随着文化和宗教背景而改变。以上列出的仅代表西方文化的观点。&lt;/p&gt;
&lt;h2 id="3-马斯洛需求层次理论"&gt;3. 马斯洛需求层次理论
&lt;/h2&gt;&lt;p&gt;可能你在高中或大学学过&lt;a class="link" href="https://en.wikipedia.org/wiki/Maslow%27s_hierarchy_of_needs" title="Maslows"
target="_blank" rel="noopener"
&gt;马斯洛需求层次理论&lt;/a&gt;。如果需要回顾一下，请看下图：&lt;/p&gt;
&lt;p&gt;&lt;img src="http://justcreative.com/wp-content/uploads/2016/03/Maslows_Hierarchy_of_Needs-640x480.png"
loading="lazy"
alt="设计的7条心理学原则和定律：关于马斯洛需求层次理论中的视觉展示图"
&gt;&lt;/p&gt;
&lt;p&gt;![设计的7条心理学原则和定律：马斯洛需求层次理论中文版五色金字塔图示](&lt;a class="link" href="https://cdn.victor42.work/posts/2016-04/04-24/2016-04-23" target="_blank" rel="noopener"
&gt;https://cdn.victor42.work/posts/2016-04/04-24/2016-04-23&lt;/a&gt; 19-41-25.jpg)&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;译者注：上图的中文版金字塔并非原文内容，找来帮助大家理解。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;这个金字塔形，用来表现一个人要达到自我实现，需要经历哪些步骤。例如，在能感受到爱之前，他们的生理和安全需求一定要得到满足。&lt;/p&gt;
&lt;p&gt;那这个在心理学课堂之外有什么用处？营销人员和设计师们，可以将马斯洛需求层次理论应用于广告和公共关系。&lt;/p&gt;
&lt;p&gt;设计推广材料时，创建消费者人物角色就能用这套理论。想想你目标客户的需求，处在金字塔的哪一层。你的设计如何激发他们向更高的一层迈进？&lt;/p&gt;
&lt;p&gt;也可以用它来挑拨人们的情绪和需求，让他们被吸引到你的设计中来。比如看看&lt;a class="link" href="http://theinspirationroom.com/daily/2006/salvation-army-invisible/" target="_blank" rel="noopener"
&gt;这些Salvation Army的海报&lt;/a&gt;，就在挑拨爱与归属感。&lt;/p&gt;
&lt;h2 id="4-席克定律"&gt;4. 席克定律
&lt;/h2&gt;&lt;p&gt;&lt;img src="http://justcreative.com/wp-content/uploads/2016/03/hicks-law.gif"
loading="lazy"
alt="设计的7条心理学原则和定律：关于席克定律关系到一人需的视觉展示图"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://en.wikipedia.org/wiki/Hick%27s_law" title="Hicks Law"
target="_blank" rel="noopener"
&gt;席克定律&lt;/a&gt;关系到一人需要多久来做出决定。如果人们有更多选择，就需要更长的时间做出抉择。某些情况下，需要花费的时间太长了，以至于他们根本做不出决定，因为决定的负担太沉重。这就是你为什么在餐馆经常见到简短的菜单——他们不想把顾客吓跑。&lt;/p&gt;
&lt;p&gt;这个概念也可以运用到设计中。例如你设计网站时，你就会想要保持导航栏尽可能简洁，只有少数几个选项。如果有必要，将一些页面分组放入下拉菜单，网站访客就更容易对选项归类，并且迅速做出决定。&lt;/p&gt;
&lt;p&gt;这对于行动指令也成立。设计海报时，你可不能一下子讲6件不同的事情。你想要人们关注一两个选择。例如，你的设计或许主要是为了募捐，主要的行动指令是“今天就捐赠吧——拨打（888）888-8888”。还有一个次要的行动指令“在Facebook上关注我们”，通过一个二维码，把客户引向Facebook页面。&lt;/p&gt;
&lt;h2 id="5-面部辨识"&gt;5. 面部辨识
&lt;/h2&gt;&lt;p&gt;&lt;img src="http://justcreative.com/wp-content/uploads/2016/03/human-face.jpg"
loading="lazy"
alt="设计的7条心理学原则和定律的插图"
&gt;&lt;/p&gt;
&lt;p&gt;在设计中加入人脸，是最有效的设计技巧之一，可以吸引人浏览你的海报、网页、或书籍封面。人们天生会被面部吸引——甚至我们能在没有人脸的地方看出人脸来，例如月球或火星表面。更有甚者，&lt;a class="link" href="https://blog.kissmetrics.com/boost-conversions-using-images/" title="Faces"
target="_blank" rel="noopener"
&gt;研究显示&lt;/a&gt;，当网站里加入了人脸，转化率会增加。&lt;/p&gt;
&lt;p&gt;这个概念有多种应用方式。&lt;/p&gt;
&lt;p&gt;首先，可以使用面部来连接你的受众。只要在设计中放上一张人脸，就更容易吸引访客视线——即使那不是一张真实的脸，而是某个感觉像脸的物体。&lt;/p&gt;
&lt;p&gt;还可以根据模特的面部和视线的朝向，来引导用户的注意力。&lt;a class="link" href="http://www.ncbi.nlm.nih.gov/pubmed/22512343" title="Eye Tracking Studies"
target="_blank" rel="noopener"
&gt;眼部追踪研究&lt;/a&gt;显示人们会循着别人的视线，就像跟随指示箭头一样。&lt;/p&gt;
&lt;p&gt;还可以使用面部来传递感情。有六种公认的面部表情：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;快乐&lt;/li&gt;
&lt;li&gt;难过&lt;/li&gt;
&lt;li&gt;惊讶&lt;/li&gt;
&lt;li&gt;害怕&lt;/li&gt;
&lt;li&gt;厌恶&lt;/li&gt;
&lt;li&gt;愤怒&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;利用这项原则，你立马就能确定设计的基调，并且跨越语言的界限进行沟通。&lt;/p&gt;
&lt;h2 id="6-费茨定律"&gt;6. 费茨定律
&lt;/h2&gt;&lt;p&gt;&lt;img src="http://justcreative.com/wp-content/uploads/2016/03/fitts-law-web-design.jpg"
loading="lazy"
alt="设计的7条心理学原则和定律：关于译者注图中文字费茨定的视觉展示图"
&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;译者注（图中文字）：
费茨定律示例
它是什么意思呢？费茨定律表明，你应当让按钮和其他界面元素足够大，因为用户点击小按钮十分困难。
如果你有个小按钮，像【OK】这样，可以增加一些内边距，或者让它更宽：【　OK　】
如果说网站上有个按钮，让整个按钮都能点击——而不仅仅是文字标签。
而且，如果你把物体放在很远的地方，最好就要增大它的尺寸作为补偿。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;费茨定律是一条科学定理，通常用于描述人机交互。&lt;a class="link" href="https://books.google.com/books?id=l0QPECGQySYC&amp;amp;pg=PA98&amp;amp;lpg=PA98&amp;amp;dq=The&amp;#43;time&amp;#43;required&amp;#43;to&amp;#43;move&amp;#43;to&amp;#43;a&amp;#43;target&amp;#43;is&amp;#43;a&amp;#43;function&amp;#43;of&amp;#43;the&amp;#43;target&amp;#43;size&amp;#43;and&amp;#43;distance&amp;#43;to&amp;#43;the&amp;#43;target.&amp;amp;source=bl&amp;amp;ots=_O0f0gBeGx&amp;amp;sig=cnDyfh4Av5YSbQDhqdvy9HdIbTA&amp;amp;hl=en&amp;amp;sa=X&amp;amp;ved=0ahUKEwi9soXFs9LJAhXE4SYKHZrlBukQ6AEIJjAC#v=onepage&amp;amp;q=The%20time%20required%20to%20move%20to%20a%20target%20is%20a%20function%20of%20the%20target%20size%20and%20distance%20to%20the%20target.&amp;amp;f=false" target="_blank" rel="noopener"
&gt;它说&lt;/a&gt;“移动到某个目标上所需的时间，是一个由目标尺寸和目标距离构成的函数。”&lt;/p&gt;
&lt;p&gt;这项原则可以用于网页设计中。本质上来说，点击区域越大，就越容易被点到。&lt;/p&gt;
&lt;p&gt;举个例子，当你设计一个网页时，你当然会把导航做成可点击的。但是链接的可点击区域是哪块？只有文字能链接到目标地址，还是标签页本身也可以点击？&lt;/p&gt;
&lt;p&gt;同样的，你也可以反过来设计。不想让人轻易点击到的链接——例如删除或取消按钮——就应该有更小的点击区域。&lt;/p&gt;
&lt;h2 id="7-奥卡姆剃刀原理"&gt;7. 奥卡姆剃刀原理
&lt;/h2&gt;&lt;p&gt;&lt;img src="http://justcreative.com/wp-content/uploads/2016/03/occams-razor-design1.jpg"
loading="lazy"
alt="设计的7条心理学原则和定律：关于奥卡姆剃刀原理告诉我的视觉展示图"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="http://www.webdesignerdepot.com/2010/07/occams-razor-a-great-principle-for-designers/" title="Occams Razor"
target="_blank" rel="noopener"
&gt;奥卡姆剃刀原理&lt;/a&gt;告诉我们最简单的解决方法往往是最好的。尽管这与其说是设计定理，倒更像是一个哲学概念，但它还是很容易用于设计中。刚入行的设计学生们容易创造出复杂的设计，里面有许多不必要的元素，只是为了展现他们的创造力。但是，你会发现这些设计往往对用户是不友好的。&lt;/p&gt;
&lt;p&gt;这个概念也可以和席克定律关联起来。如果你尝试向网页中塞入过多内容，而不是选择最简单的方案，人们就会有过多的选择。然后，设计就会变得令人眼花缭乱，会被人们迅速抛弃。如果你不清楚设计将如何发展，通常可以稳妥地倾向于选择最简单的方案。&lt;/p&gt;
&lt;p&gt;心理学在我们日常生活中扮演重要角色，但如果你是设计师，就更要加倍关注心理学原理，来创造能够与用户交流并为客户带来转化的作品。你的下个项目中会如何使用这些原则呢？&lt;/p&gt;
&lt;p&gt;了解更多能够用于平面设计中的&lt;a class="link" href="http://www.onextrapixel.com/2011/06/09/12-laws-and-principles-to-aid-you-in-your-design/" title="Graphic Design Laws &amp;amp; Principles"
target="_blank" rel="noopener"
&gt;原则&lt;/a&gt;和&lt;a class="link" href="http://3.7designs.co/blog/2010/07/ten-laws-to-design-by/" title="Graphic Design Laws &amp;amp; Principles"
target="_blank" rel="noopener"
&gt;定理&lt;/a&gt;，例如著名的斐波那契序列、三分原则、黄金比例、帕雷托法则（80/20 二八定律）等等。&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;原文链接：&lt;a class="link" href="http://justcreative.com/2016/04/13/7-psychology-principles-laws-to-apply-to-your-designs/" target="_blank" rel="noopener"
&gt;http://justcreative.com/2016/04/13/7-psychology-principles-laws-to-apply-to-your-designs/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;作者信息：
Mike Wallagher&lt;/p&gt;</description></item><item><title>一个图标背后的心理暗示</title><link>https://victor42.eth.limo/post/3303/</link><pubDate>Tue, 29 Apr 2014 14:17:00 +0000</pubDate><author>hi@victor42.work (Victor42)</author><guid>https://victor42.eth.limo/post/3303/</guid><description>&lt;p&gt;我在做一个推拉式信息栏的设计，向上滑动，可以显示更多信息。这个再寻常不过的动作，怎样准确传达给用户？怎样让用户知道这里是可以拖动的呢？&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2014-04/04-29/1.png"
loading="lazy"
alt="由三条长度递减的横杠组成的推拉抽屉指示图标"
&gt;&lt;/p&gt;
&lt;p&gt;我第一反应就是画出了这样一个图形，似乎有那么点意思。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2014-04/04-29/2.png"
loading="lazy"
alt="手机地图App界面中用红圈和箭头标出的底部抽屉拉拽指示图标"
&gt;&lt;/p&gt;
&lt;p&gt;放到UI设计中看，它确实表达出了我所要表达的信息，但是为什么呢？为什么我会首先想到这个图形？说实话，它挺抽象的，又是如何表达出这层含义？这个问题，我以前从来没想过。&lt;/p&gt;
&lt;p&gt;细想，它与日常生活颇有渊源。这个图形，其实是由实物演变而来的。想想生活中那些带有条纹的物体，这种设计往往是为了增大摩擦力，目的是方便手指推拉滑动。&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2014-04/04-29/3.jpg"
loading="lazy"
alt="电脑鼠标侧面带防滑斜纹的橡胶贴片特写"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2014-04/04-29/4.jpg"
loading="lazy"
alt="带纵向防滑细条纹的蓝色塑料饮料瓶盖"
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://cdn.victor42.work/posts/2014-04/04-29/5.jpg"
loading="lazy"
alt="遥控器背面电池盖上带有防滑横纹和指示箭头的指压槽"
&gt;&lt;/p&gt;
&lt;p&gt;鼠标、瓶盖、遥控器后盖上都能见到这种设计。&lt;/p&gt;
&lt;p&gt;真相大白！有时候，我们需要的是扁平的形，拟物的神。&lt;/p&gt;</description></item></channel></rss>