版权申明：本文出自“墨染ART”原创，感谢“墨染ART”的原创文章分享！
FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/
前言
如今手机和电脑上的应用既丰富又有特色，用户也愈发变得挑剔。这时候一些微小而温暖的细节往往更能打动我们。
今天分享一波动效特训营同学们的产品体验日记，为了更直观的看到交互&动效效果，所以都已录屏GIF的方式呈现出来，希望给正在做设计的你带来灵感。
整理：墨染ART
收集：@tonyhopy、@奶粉是大事、@泰艺、@喵喵、@班长大人、@比梦还遥远、@白骁威
App：夸克浏览器
场景：语音输入。
亮点：新版的夸克，更新了语音输入的交互，在提供更多语音功能的同时，将语音助手增加了更多的拟人化视觉表情，趣味十足。
By 班长大人
场景：网址搜索栏增加滑块操作功能。
亮点：在某些较长网址检索时，需要删除或修改端口进入到另外的网页，App端手指很难实现精准定位，并且很难向后滑动，经常出现误操作。滑块很好的解决了这个问题。
思考：App网址检索栏在一反浏览器常态放在底部，并且检索内容也是由下向上排列，与众不同。
官方解释是为了适应越来越大的手机屏幕，放在底部更容易操作，但实际使用过程中，在上下滑动浏览网页的过程中，并没有隐藏功能区，固定在底部反而更容易触碰到功能区域，出现页面直接返回首页的情况…对于体验不是特别友好。
By 比梦还遥远
App：多点
场景：最近更新的4.0版本中进行了大幅度的改版。其中在首页的底部导航功能栏，加入了一枚非常明显的悬浮按钮，用来切换去门店或送家里两种使用场景。
亮点：之前版本，首页因为并未细分用户的使用场景，集合了线上电商和线下门店的常用功能，使得首页功能繁多，信息臃肿混乱。区分用户的使用场景，针对不同场景设计首页功能和样式应当是此次改版的重点。而底部的悬浮按钮，将2个独立性很强的场景联系起来，实现了快速切换场景首页的功能。
1.直观，用户点击按钮即切换场景，配合简洁文案和插画图标，更符合用户行为及心理。
2.轻便，悬浮按钮只是遮盖底部功能栏，并不影响原本组件，减少开发成本。
By 白骁威
App：唯物
slogan：日常生活的随行指南
唯物App是一款完全产生于线上的、以生活场景为主线、宣扬"认真生活"理念的类杂志读物应用，是围绕家居生活的场景来生产内容。利用卡片式和大面积留白的设计形式，选取优质图片，打造简约时尚高逼格的产品设计风格。
场景：底部操作btn隐藏设计
亮点：向上滑动隐藏btn、向下滑动展示btn，有利于用户沉浸式阅读
思考：夸克浏览器的底部操作栏可借鉴此设计，减少用户误操作。
App：POP
场景：上滑-触发评论，左右点击-切换视频，下滑-关闭视频。
亮点：丰富的手势让操作更便捷。
By tonyhopy
飞特游客
委托设计