设计体验日记_01

1、京东金融_图标等级

在一排相同设计风格的图标中使用标签、微动态、异型来作为等级区分。既能恰到好处的吸引用户视线又能不形成干扰。并且这种区分手法可以复用到多处地方，形成规范体系。

2、京东金融_动态图标

异型与微动效结合，用动效表达了一个赚钱的行为，表意切合主题，有故事性。

3、微信读书_无限卡会员

用动效达到了不精简内容的情况下做简化设计，符合整个APP简洁的风格。

4、微信读书-想法、笔记

微信读书在阅读中每页都会有其他人看这本书记录的想法和笔记，可以帮助自己理解相关内容。很好的契合了微信读书的定位：让阅读不再孤单，建立了用户之间的联系互动。同时设计表现形式也不会影响到阅读者的沉浸度

5、网易云音乐-登录提示

网易云音乐客户端贴心的提示你上次是用XX账号第三方登录的，高亮的提示引导用户直接点击登录。从此再也不用担心忘记上次是用什么账号登录的了。

6、微信读书-分类显示

这里用到的是交叠式思路，即将分类收起来，只在保留分类入口入口，这样在布局上就可以让扫一扫与分类交叠使用同一块区域，优化了布局。并且分类的展开动效促进了用户对当前页面变化的理解。

7、微信读书-自动刷新

微信读书进入看一看模块自动刷新的时候，整个页面会模拟手动下拉刷新往下拉一段再刷新，一个小细节会促进用户对页面的变化有更快的理解及适应。

8、网易云音乐-乐评

乐评的出场动效以及翻看动效模拟了收到信件和阅读信件的场景。合理的动效设计可以帮助用户理解并且愉悦的完成该操作，让用户感到有更多的参与感。

9、微信读书-字体

微信读书在标题部分大量使用了称线字体，给用户带来新鲜感的同时很好的营造了符合阅读软件的文艺感。

字体也是营造氛围的一种方式。

10、京东金融-底部图标

白条信用用动效状态太突出此业务，但是个人认为可以在选中后有个变化的状态用于用户交互反馈，并且进入白条后已经到了此业务场景，下面的图标还需要使用动态来吸引用户视觉吗？ 

总结：

这期的采集有比较多的微动效，合理使用微动效可以起到很多作用：吸引用户注意力助力产品拿结果，促进用户对页面变化能有个更快的理解，促进用户与产品之间的互动...

但同时也要注意不能过度使用，不然也会干扰到用户正常浏览，这样就得不偿失了。

谢谢大家阅读～希望可以对大家有帮助，有不同的简介可以留言交流～