菜单 优设网 - UISDC

新版「微信」的聊天语音消息发送体验也发生了变化：点击「语音输入」向右上滑会出现绿色文字框，可将语音实时转换为文字消息；向左上滑动则会变为红色文本框，出现文案提示用户松开即可取消操作。相较于之前的版本，手势交互的加入让产品整体的操作更加流畅。在语音输入...

「余音」App是一款小众的音乐播放器，也是一本极简风格的独立杂志。音乐播放页面的动效设计模拟了唱片播放的过程：默认状态会显示音乐唱片的封面图片；点击播放按钮，黑胶唱片则会从唱片封套滑出并开始随着音乐转动。当暂停歌曲时，黑胶唱片会滑回封套与之完全重叠，仅显...

首次进入「转转」首页，头部会短暂的出现欢迎词，显得非常的友好。动态缩小至放大的轮播banner，相对静态banner来说更加的生动有趣，引人注目。卖二手的icon不断的转换形式显得尤为突出，不仅提升了产品的感官体验，也让用户能深刻的理解功能，能够激发用户的点击欲望和活跃度...

「腾讯动漫」最近在icon的操作上简直是玩嗨了，点击日间/夜间切换的控件，会相应的出现太阳/月亮的红色图标。点击切换男女的控件，也会相应出现表示男女的标识。点击底部的金刚区，跳动的动画icon也充满了灵动性，能很好地激发用户的点击欲，增强参与感。这些微交互的创新在...

如果过了凌晨你还在Iconfont的网站上面搜索图标，网站的标志形象外星人头像会进入睡眠模式。戴上眼镜熟睡的形象仿佛是在提醒你：夜深了，不要熬夜加班工作了，这样会变成近视眼哦~当点击输入框，熟睡的外星人会立马恢复白天炯炯有神的形象。反复切换的形象变化，会不断的提...

表情包在社交软件中拥有非常重要的地位，在「QQ空间」的评论模块，设计师将6个常用表情赋予了3D化的Q弹动效，加强了互动的趣味性。更有趣的是用户可以持续点击而增加表情的个数，表情会随着点击次数增加在屏幕中到处弹跳，同一个表情点击一定次数之后还会出现一个非常大的...

QQ贴合年轻用户喜好，不断拓展新玩法，打造更有趣更新鲜的使用体验。最近QQ更新了「戳一戳」互动表情包2.0版本。在原来的基础上又加了一个分类，这个与原来的「戳一戳」有所不同，没有强提醒和震动的触感，而是对好友弹射满屏跳动无规律的表情，像豌豆射手似的。新版「戳一...

产品交互中细腻而舒适的振动反馈，往往让用户欲罢不能。「下厨房」客户端作为其中之一也贴心地设计了这一触觉反馈。用户在下拉刷新菜单过程中，会明显感觉到一阵短暂的振动，随即松手后页面更新内容完成刷新。通过振动反馈强化下拉这一物理动作，告知用户刷新操作生效，...

Flipboard 「红板报」里的兴趣主题社区「小馆」，可以浏览更多带有主题性的资讯内容。不同于其他App内主题标签的直接选择模式或带「#」模式，「红板报」对主题条幅采用了滚动屏的动态效果。自动滚动还可以手动拖动，支持正向滚动和负向滚动来查看更多。有趣的主题搭配动态效果...

「腾讯手机管家」给手机充电的界面会一直显示小黄鸭戏水的动画效果，并且水位会随着电量的增减上升和下降。当手机的重力方向改变时，还会影响小黄鸭的游行方向。工具型的产品融入了情感化的设计细节，让体验变得有温度，有趣有料。

将「菜鸟裹裹」移动端主页滑动到底部会出现一只小鸟形象的吉祥物，旁白写着「鸟哥一米八，长腿全靠拉」。向上滑动屏幕至底部会发现鸟的腿可以无限拉拉伸（真想看看这只小鸟是否真的有腿长一米八。这不仅是一个有趣的互动性强的交互小动画，还通过与用户互动的过程展现了...

在刚刚过去的万圣节，「美团」的共享单车界面将一辆辆单车的icon变成了南瓜的形象，十分应景地烘托出了节日气氛。情感化的细节设计凸显了产品的温度与个性，让用户在像往常一样使用产品时突然发现彩蛋会不禁会心一笑。你还发现过哪些类似的节日设计彩蛋吗？欢迎留言交流：...

「优设」团队筹备已久的新版网站终于上线，大家有没有get到新网站藏着的一些小细节彩蛋呢？新网站不仅从视觉上有了全新的升级，交互体验上也更加流畅舒适充满很多小巧思。比如网站首页右侧的《细节大揭秘》（即细节猎人频道），文案前面的小眼睛图标其实藏有微交互小彩蛋...

Art of Symbols 是一个由 Emotive Brand 发起的关于图标和符号设计研究项目延展而来的独立网站。网站的鼠标指针设计很有意思：在普通状态下会呈现倾斜的「Y」字形状，hover和选中加载的状态则会变成由多个「Y」组成的旋转的雪花形态。从微小的鼠标指针细节就能体现出网站的设计感和俏...

在iOS系统的控制面板中当用户调节屏幕亮度时，太阳形象的图标会由小圆加四周圆点的样子，随着亮度的提升逐渐变成更大的圆和更长射线光束的形象。如同太阳出来时光线由暗变强的情景。旁边的音量调节功能同样通过形象的动效，呈现出声音由小变大的变化状态。微动效增加了使...

「虾米音乐」的电台主界面通过模仿老式收音机的按钮设计，在用户下滑按钮的过程中同步切换不同的电台场景，让人感觉仿佛回到了那个怀旧的80年代。并且在最终定格的电台会展示出二级菜单内容，这样有助于用户快速进行频道切换。扁平的背景搭配拟物化的设计元素，视觉冲击力...

「美图秀秀」今年为迎合国庆70周年制作了名为「时代青年秀」的人脸融合H5。由于图片在线处理会造成用户较长的等待时间，为缓和用户等待的焦虑情绪，屏幕中间会出现胶圈冲印的小动画展示我国从建国以来的重要时间节点文案。除了能科普爱国知识，也能较好的安抚用户等待制作...

在「one」App里左右滑动屏幕即可快速切换每日内容，左上角的日期信息也会随之发生变化。翻日历形式的交互效果生动又有仪式感，似乎在告诉用户：每一天，我们都要活得有温度，有腔调。在如今信息爆炸的快节奏生活里，「one」专注于为文青生产精挑细选的优质内容。每天只需关...

追剧的时候你会不会喜欢跟弹幕里的人聊天吐泡？因为在遇到让自己兴奋的事物时，我们都渴望与人交流。「虎嗅」很好的抓住了人性中的这一点，模拟弹幕设计中的用户场景，在阅读长篇文章时如果遇到写得不错或者很差的点时，可点击底部的评论icon与其他用户交流。点击评论按钮...

「淘宝」在最近的版本升级中将搜索栏添加至了详情页的顶部，以便用户能随时进行搜索商品的操作。无需像之前版本一样要退回上一层级的页面才能搜索其他商品，在当前界面即可直接进行其他搜索的操作，并且根据详情页的商品信息搜索栏会自动生成用户可能会使用的搜索关键词...