微交互

b站的网页版在hover状态下查看用户头像被引入了动效展开的交互设计，不仅使得个人信息的查看更为便捷，也赋予了网页更生动有趣的互动体验。大家还有见过哪些类似的设计吗？

小红点的专业名称为徽标，是消息提示的小组件。别看一个小红点很呆板，它也可以做得十分有趣和可爱。「QQ」在底部TAB导航中页采用了小红点来提示消息，当你不需要该提示时，用户可以...

Creative Boom是英国的一家成立于2009年的创意行业杂志，为创意界的人才和作品提供一个全球化的展示平台，深入挖掘人类对创意的认知。网站的首页logo展示很有意思，...

只想听歌，想短暂的放松休憩一下。看到推荐歌单中赏心悦目的封面和文案，暂且相信的点了进去，切换了几首歌都找不到想要的feeling，心情反而变得更加烦躁。拥有选择困难症的你，不...

在iOS系统的控制面板中当用户调节屏幕亮度时，太阳形象的图标会由小圆加四周圆点的样子，随着亮度的提升逐渐变成更大的圆和更长射线光束的形象。如同太阳出来时光线由暗变强的情景。旁...

删除回复是一个敏感操作,大家都希望在删除之前有一个确认流程。但如果这个确认流程设计得不够到位,反而会影响用户体验。豆瓣在这方面做得很棒。

在「小睡眠」App的白噪音DIY界面，每次增添声音素材时，页面底部都会俏皮地显现一只小猫爪，准确接住飘落的素材球。若你随机挑选一组白噪音，就如同启动了一场老虎机游戏，声音元素...

Rauno Freiberg 制作的带钉住功能的迷你缩略图原型，通过侧边的页面缩略图不仅能进行快速定位，还添加了钉住功能，收藏指定位置，以便后续一键直达。仅支持firefox...

「最美有物」是一个发现与评价全球原创设计师产品的平台，曾获小米商店2016年度最佳应用和金米奖。用户在浏览各种最新的美好设计的同时，也可以对设计作品发表自己的观点和喜恶。选择...

很多用户在初次接触AI产品时都会遇到「冷启动」难题——明明功能很强大，却不知道从哪里开始。阿里云百炼官网首页采用了一种创新的功能引导设计。页面顶部设置了四个横向Tab标签代表...

复古风摄影的热潮从未停止过，胶片机热度居高不下。「insta Mini」拥有多种胶片相机的摄影风格，不仅可以自由切换使用，而且在操作上还沿用了拍立得的交互方式。在拍完照后，从...

在「新浪微博」刷图中无意发现的一个小心机，点击查看配图后不同的手势操作有不同的交互形式。直接点击图片时，图片的内容会呈现缩放的交互效果。而当上下拖动图片时，图片在缩放的过程中...

QQ新版本的「消息列表」页面，左下角的icon是可以根据自己的心情进行选择更换的。当双击QQ底部的消息时，会出现各种生动有趣的表情动效。用户可以根据自己的心情更换不同的消息图...

「QQ」消息主页面底部导航栏中的「联系人」小人图标与转发信息时的弹窗输入框右侧图标，在常规模式下都会显示为微笑的表情，「联系人」的小人图标眼睛还会随着点击左右图标而看向对应的...

最近发现「新浪微博」又开发了新的广告模式，点赞出现交互小动画和品牌slogan。这一年，「锦鲤」成了年度热词。对于年轻人而言，「锦鲤」已不只是一种鱼，更是一种幸运与转运的符号...

今天（11月27日）是世界武道变革先驱者、中国功夫的首位全球推广者李小龙的80周年诞辰，「百度搜索」主页上线了相关的纪念动态Doodle。李小龙身穿在自编自导的电影「死亡的游...

B站播放器的进度条里有萌眼睛小电视交互相信很多同学已经知道了，这是很经典的对用户操作行为做出生动有趣即时反馈的案例。这一次的端午节小电视又来「作妖」了 (๑•ᴗ•๑)~ 为了...

「Because Music」的播放页面，简洁之中有直观的新表现。用于开闭静音的传统的扬声器图标被简化为律动条与像省略号的点，形式感强视觉体验更新颖。但也有两处美中不足：一是...

在爱奇艺的iPad端观看视频时如果想要快进或后退，拖动播放器时屏幕中间会出现视频缩略图可预览进度所在的播放内容。操作的可预知性方便了用户做出正确的选择，很好的提升了产品的易用...

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