菜单 优设网 - UISDC

表情包在社交软件中拥有非常重要的地位，在「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与其他用户交流。点击评论按钮...

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

下拉刷新，可以是简单的刷新符号，也可以是融入品牌元素的IP形象图形。「网易云课堂」的下拉刷新是一句励志标语，每一次刷新都是一句新的文案，让你在枯燥的学习过程中多一点鼓励和动力，坚持下去。有效利用用户等待刷新过程的时间，为等待增加趣味性和意义。同时鼓励文案...

只想听歌，想短暂的放松休憩一下。看到推荐歌单中赏心悦目的封面和文案，暂且相信的点了进去，切换了几首歌都找不到想要的feeling，心情反而变得更加烦躁。拥有选择困难症的你，不妨试着点击「豆瓣FM」歌单的耳朵icon，试听一下整个歌单的主旋律。在音乐这件事情上，眼睛可能...

QQ查找聊天记录的页面，现在是以滑动标尺的形式来选择日期。这样的交互手势相较以前的日期选择方式更加便于查看具体的信息记录，定位要查找的内容。信息呈现方式和信息搜索形式的恰当选择，可以有效地提升用户使用功能的效率和与便捷程度，是设计产品交互时应该多多考量之...

当我们打开很多个浏览窗口后，通常需要手动一个个地关闭标签页。Chrome的设计师们就帮我们考虑到了在这个使用场景里该如何提升使用效率。当我们使用鼠标关闭一个标签时，相邻标签会自动靠近，保证关闭按钮始终位于鼠标当前位置。只需在同一位置连续点击关闭图标就能依次关...

九月开学季到来，谷歌首页的节日纪念定制版图标Google Doodle变成了学校开课的小动画。孩子气的涂鸦风格充满朝气与童真，互动性的动画生动有趣。情感化设计的小彩蛋让特殊的日子充满惊喜，体现了科技公司的温度与情怀。