UI设计师的产品体验日记 02

19. 苏宁易购 底部icon处理

当页面停留在首页时，底部icon不只是把此状态显示出来，同时变成此页面的另一个操作，点击猜你喜欢会快速滑到对应版块。

分类页面也是如此，选中会变成搜索，再次点击会跳转搜索页面，方便用户进行快捷操作。（小鲸鱼 摘录）

20. 高德地图 引导页设计

更新高德地图App后，在引导页的设计中运用了场景插画设计与动效处理结合，让用户对于产品的功能一目了然，用户体验更佳。

这也体现出UI设计师的更高要求，除了完成产品界面设计以外，基本的插画功底和动效设计功底需要掌握，大家互相努力！（大锤 摘录）

21. 小红书截图创意 + 分享功能处理技巧

一、在 iPhoneX 体验小红书，截图后刘海区域会放置小红书的 logo，充分利用了该区域的空白区。

1、方便用户在后期看到截图时可以快速回忆起是哪个产品的截图；

2、用户若在截图后分享也能增强产品品牌曝光度。

二、在截图操作完成后，页面会自动跳转分享界面，对于有分享需求的用户可以更好地进行操作。

三、截图后会在左下角有缩略图，缩略图会影响用户下一步分享操作，小红书的解决方案是：

1、缩略图停留的几秒，分享渠道的操作icon会后移，这样不会影响用户立即操作；

2、缩略图消失后分享渠道icon会滑动至合理的位置，这样也不失页面平衡。（小鲸鱼 摘录）

22. UC 浏览器

UC浏览器的首页开放了第三方软件入口，方便用户有需求时可以直接进入，避免重复搜索。当进行上滑后会隐藏，且不会因为下拉操作重复出现，方便进行新闻浏览。完美的处理了第三方软件和自身软件的结合运用和权重分配。（九思 摘录）

23. QQ 音乐播放界面

利用QQ音乐播放音乐时，当滑动歌词右边会出现播放小按钮，用户想听那里能直接跳转，体验更加友好。（梁嘉良 摘录）

24. 喜马拉雅 FM

状态栏、导航栏以及banner图后面的背景颜色都会和banner图的色相保持一致。使界面上半部分在banner图切换时视觉表达更加协调自然，banner图的内容传播也能得到更好地强化。（北枳 摘录）

25. 知乎的下一个回答

旧版中查看回答页面，右下角的"下一个回答"按钮，下拉的引导不够突出。新版本里改为下拉箭头和文字双重提示，用户更直观的知道下拉来查看下一个回答。（胡羊 摘录）