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

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

01125b611c41ea11013eaf70dfcdb3.png

站酷推荐文章作者

高高手老师

013e125fcef61f11013ee04d76c202.gif

2020年3季度学员作品分享

01efa95e366f56a80120a89516a8eb.png

2019年产品设计合集

01s2hd7bfxfbxettha13qq3433.gif

UI作品集

01b7195a8f9a38a8012045b30f39e7.jpg

视频app

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

01c5d6611c41e911013f4720196edc.gif

01507e619b495e11013e67faeab772.png

作品集

0181a05ed11986a801215aa08b6b28.gif

影视购票&在线观看一体APP

01215c5ac3c072a8012125735ad552.jpg

UI&动效

013a786034b00211013f3745eb0d4d.gif

咪咕善跑/运动健康/界面UI设计

01867c5db6ab8ca8012163bae21089.gif

看剧吧

01f6035e6f2068a80120a895163360.jpg

猫眼APP改版

013f4058f437d8a8012049ef1b06c7.png

视频APP首页

01d20b5da2c829a801204cd0dea2eb.png

2019UI作品集

01595e5cd0641aa801214168df8642.png

0138905a01086ca801216a4b777b66.gif

Mgo电影App

01d5015db5aa79a801209e1f63fdd6.gif

01e86c595c45d0a8012193a3e93048.gif

界面动效

01d5fc5fc1fee611013fdcc7256e6c.gif

「起点读书」app 2.0 Redesign

01bc605d11e53ca801213ec28fe04b.gif

光线传媒-e视网App

01e9b65c21d4b3a8012029ac570798.gif

简单音乐app

010039604ec15911013e87f4d35b4d.gif

动效

01672f564a90f06ac7251c94e21401.jpg

总结一下

018zxfcovvyaqcnladgqod3230.gif

2020作品集

咪咕爱看App界面重设计 视频播放器高端黑移动端原创UI

01b7a85b422d6ca80121b9940d9f20.png

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

019926611c41e811013eaf70b8cab5.gif

01402c5bfaa6c9a80121ab5dcdaf67.png

01882c5fcef61f11013fdcc701e176.gif

0125bb5e68928ea80121651892b8ab.gif

电影票务平台-快影App