Outlook将物理意象迁移到界面动效上，让行为反馈更生动 - 优设网 - UISDC

微交互 Outlook将物理意象迁移到界面动效上，让行为反馈更生动

产品：Outlook iOS 作者：Microsoft Office 团队 时间：2019-07-08

猎人： 小白 投稿： 格尔观众：5820人

细节描述

很多人每天工作前的第一件事就是打开邮箱，看看有什么新通知并检查一下行事历，确定任务安排。在「Outlook」 App 的行事历界面翻看日历列表时，导航栏上的日历图标会出现翻动的动画效果。利用左右摆动和前后翻页的动效来告知用户，现在正在翻看以往的内容还是未来的安排。将现实世界中翻看日历的形象迁移到手机界面上，生活的熟悉感扑面而来。

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# 工具# 形象思维# 微交互# 操作中有反馈# 效率# 趣味性# 邮箱

发表评论 加载中....

评论加载中....

下一篇

捕获自 微信公众号

你将掌握 用户体验 的小知识~

已发布的公众号推文真的无法修改了吗？

以前「微信公众号」的推文一经发出就无法更改了，容错率低下的原因导致很多自媒体发布推文时一旦出错就只能面对无法更改的尴尬...

官方微信

weixin
设计头条 行业热门
交友脱单 活动丰富
干货私单 涨薪法宝

优设官微 掌上更精彩 扫码关注

猎人推荐 我要投稿

相关细节

视觉 被汪星人占领404页面的「亚马逊」

很多产品的彩蛋设计里都会融入喵星人的元素，而「亚马逊」的彩蛋设计则选择了汪星人。当在使用亚马逊App时触发了404页面，会出现「天呐噜！网络断了」的文案并配以狗狗的萌照。并且藏在404页面的汪星人萌照不止一组，每次出现404的状况时都会随机显示一只可爱的狗狗。用卖萌的汪星人来暖和页面丢失状况对用户造成的负面情绪，真是聪明的小心机。

产品：Amazon iOS 作者：Amazon设计团队 猎人： 小白

设计彩蛋 DUANG~ 被加特效了的搜索页面

通常各大网站和应用的「搜索」功能，除了具备其基本的信息查找属性，还会常常隐藏很多惊喜和彩蛋。比如在「百度」里搜索某些关键词，就会触发一些神奇的效果，非常有趣。搜索关键词「DUANG」，搜索结果页面就会出现晃动的交互效果生动演绎这个词的特点。充满惊喜的搜索结果，能鼓励用户的搜索行为去发现更多的新知识。现在就去「百度」搜索「黑洞」试试?

产品：百度 作者：百度设计团队 猎人： 小白

文案 常在B站追番的你，有发现过藏身在时间表里的2233小可爱么？

长期混B站的同学一定会对追番再熟悉不过，但不知道你有没有发现手机端查看追番区的时间表是可以「抓到」两只藏身其中的2233小可爱的。由于在时间列表查看番剧信息只能追溯到当前日期的前后6天，所以时间轴的数据是有限的。当你翻到时间轴最前面一天并将手机继续右滑，22娘会从屏幕左侧探出头卖萌地对你说「记不住那么多啦」；而当你将时间轴翻到最后页并将手机继续左滑，33娘会从屏幕右侧出现说到「未来是难以预测的」。小动画提示的设计十分暖心，但更让人印象深刻的是B站一如既往个性又有趣的文案。

产品：Bilibili iOS 作者：Bilibili设计团队 猎人： 小白

优设精选专题 查看更多

814036人看过 8篇文章

PS の 技巧大全

高手奥义操作方法总结

不看高手的骚操作，你永远不知道PS 还能这么用！本专题不仅收录了最实用的PS 技巧，还有最新的黑科技。收藏这个专题，让你成为PS 达人！
查看专题
49788人看过 5篇文章

AR设计

AR 设计可能是距离设计师最近的未来

目前市面上关于AR 设计的教程极少，我们可能是唯一一个把高质量教程都收集起来供你学习的，这里有最详细的基础科普，有可供把玩的AR APP，有交互方法总结，收藏这个，以后需要设计AR 类产品就不慌！
查看专题
263715人看过 11篇文章

设计法则

用超多易懂的案例帮你学会经典设计法则

每次在做项目总结的时候，总想列举一些法则和方法论来增加总结的专业性以及可信服度，但是总有些熟知的方法却怎么也叫不上名字，所以有了这个专题，敦促自己在做设计的时候不要留于表象，有理可循。
查看专题
286943人看过 15篇文章

好书推荐

那些口碑炸裂的设计书籍

这两年，设计类新书层出不穷，眼花缭乱之时也让人无从选择。本专题收纳了各个领域（平面、交互、心理学等）专业人士提供的书籍建议，全是纯正好料，想屯书的抓紧了！为了帮大家节省时间，最后还附上超详细的读书笔记，帮你快速纵览全书。
查看专题

优设热门私房课 查看更多

iPad 手绘入门快速学习指南

iPad 插画练习技巧和速写方法入门科普

闫实
优设大课堂人气老师

Q版头像Ai插画疾速入门指南

不需要手绘板，零基础也能快速上手，6大知识点带你绘制专属卡通头像

周小馋
优设大课堂人气老师

UI设计师直通大厂的简历&面试秘籍

用科学系统的方法提高求职面试的成功率，比内推还有效的大厂秘诀

慕青
知名大厂设计师

包装插画入门学习指南

从接单、沟通、IP形象设计到包装印刷落地的完整过程呈现

鱼吉
艺术院校老师

腾讯设计师求职成功指南

国内顶尖设计团队「腾讯ISUX」设计师亲自撰写的求职面试经验

腾讯ISUX
国民级产品设计团队

成长型插画师的插画练习术

Dribbble 人气插画师快速成长的插画练习术揭秘

风绽
资深插画师
查看更多热门课程 > >
版式设计 交互设计师 设计师干货 界面设计 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 设计规范 海报设计 用户体验设计 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地！优设网是极具人气的设计师平台
2012年成立至今，一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信，扫码分享
学设计 优设网 在这里