想让你的设计方案更值钱？先学会掌控用户注意力！

此外，人们对于图片中人脸的识别更为突出，据研究，在大脑有一处特殊区域，专门用来识别人脸，称为梭形脸部区，可以让人脸识别绕过通常的视觉解析渠道，从而得到快速识别。 7、动态信息 视觉对运动物体有一种特殊的处理机制，当视线中出现了运动物体，眼睛就会不由自主地转向运动物体，视觉焦点中心也随之移至运动物体，这是反射性注意。在设计中，合理地使用动态设计效果，能够很轻松地引导用户注意力。 以下面优酷信息流为例，界面中的动态图片更容易获取用户的视觉注意力。

019926611c41e811013eaf70b8cab5.gif

而如果你想去成都旅游，于是你搜索了成都，想看看成都相关的游记，这时情况就不同了，因为你在搜索时具备了比较明确的目的。 你会关注搜索的内容哪些是和成都相关并且你感兴趣的，此时你注意力可能在搜索结果是不是能满足需求，这时注意力属于“自内而外”的。 因此，页面设计的关键就不是整些花里胡哨的操作，而是让用户便于高效搜寻，比如把你的搜索关键词高亮突出，信息采用高效的列表排列。

01c620611c41e311013f4720017a35.png

01nx535upxirqraoawpfsa3532.gif

作品集

三联生活周刊X华为推广视频字体设计

675ab187cfa05mhq7ejwna2417.jpg

是的，我们的注意力会很自然地聚焦在差异性的图形上，而忽略相同的视觉信息。形状结构差异性，在引导用户视觉浏览动线上，也是常用的手法。 以知乎为例，在知乎会员页中，列表整体上均以左图右文的形式展示，在这种相同结构下，用户浏览动线相对比较统一，而界面中间配置了 banner 图片，在结构上形成了差异化，则更容易在视觉上形成突出效果。所以，就算这张图片换成小图，或者其他的结构形式，也同样可以达到区分的效果。

014b10611c41e611013eaf709185e1.png

「知群X知乎 中国产品设计大赛」直播话题互动设计

0191985ed455bba801215aa049ece4.gif

01165559cd27daa80121ae0ca57087.gif

咪咕爱看app改版设计

018b42602f38c811013ef90f7925aa.gif

dolayx游戏丨专业游戏问答平台

01445d5ee0aa2ba8012066216c2406.png

彩糖小程序

019c0e5edf4e96a801215aa0005764.gif

音乐APP体验设计

音乐app  design，参考网易云音乐

01af5c5da73258a8012163ba60b20e.gif

01ac215dc4e7daa801209e1f1b345f.gif

社交APP动效展示

01d39861382ec311013f4720035f67.jpg

广告门APP4.0改版

0170396086740d11013e3b7d419688.gif

2020-2021 作品集-重启

用户体验下的《酷狗音乐》- 科学改版

012e415e737cc4a80120a8953669d9.gif

01781a5f4f82f311013e31878238c8.gif

APP界面交互动效合集

这两种注意力并没有孰好孰坏之分，都在我们生活中起到至关重要的作用。区分这两种处理信息的机制并不难，问题主要出现在我们了解这个有什么作用？ 那当然是有用的，举个简单的例子： 马蜂窝的首页是内容信息推荐，用户在这个场景中，如果是浏览首页的旅游地点信息流，没有携带特别明确的目的，就会更容易受到信息流推荐的影响，比如有吸引的图片、标题、按钮等，都很容易吸引用户，此时的注意力属于“自外而内”的。 此时设计形式以图片为主，文字在界面中的占比相对较小，起辅助作用，在这种场景下，图片相比于文字更容易吸引用户。

012c9a611c41e311013f47201c4809.png

学院U社区「大学生专属」-产品概念设计

01ab065e30fc81a80120a89503ad8d.gif

01aa565e737c9fa80120a8957526cf.gif

015f195d01e5c9a801213ec2c8d078.gif

有戏移动端界面设计

0161c959cd27e4a801204463483f41.gif

01867c5db6ab8ca8012163bae21089.gif

看剧吧

PRACTICE APP - 你准备好了一段完美的计划练习吗？

017fb85f3c5ed8a801215aa07f0651.gif

0146f55be3ef44a80120925251517d.jpg

酷狗APP自己改版小练习

你以为我讲了 App store 和潮汐的例子就完了吗？上面的 App 由于定位和商业化程度的不同，才有了这种简约的设计形式，大多数设计师面对的界面是产品极力要求把所有信息都在一屏之内塞得满满当当。 面对商业化，许多设计师可能会认为毫无有心无力，但是日常处理复杂的信息量才是许多设计师的常态，大部分业务由于商业化等原因，都会往界面塞进更多内容。 交互设计师除了了解产品功能，还需要考虑如何组织、转移这些复杂的信息，如果信息组织得当，也可以强化重点功能模块，合理引导用户的注意力。 以猫眼为例，首页承载着功能入口和电影资源推荐等功能，但是通过合理的信息布局，仍然可以使界面结构变得清晰。

01125b611c41ea11013eaf70dfcdb3.png

首开应用一堆授权申请弹框烦？

67304f30dcda25etav5gxm3519.gif

017c3f5de5b045a80120686b216960.gif

关于点赞你知道多少

01d2555cd0d3c9a8012141685095dd.gif

&quot;Apple Invest&quot; 阶段性作品

视频也是动态信息的一种呈现形式，在视觉媒介中，按照吸引用户注意力的程度排序，分别是：视频、图片、纯文字，视频由于本身的动态特性，在对静态信息的对比中，吸引注意力的效果尤为明显。 在手机上，许多产品都会采用视频作为宣传的形式，视频能够承载较大的信息量，同时传达的效果又直截了当。