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

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

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

猎人： 格尔 投稿： 格尔观众：6544人

细节描述

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

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

发表评论 加载中....

评论加载中....

下一篇

捕获自 微信公众号

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

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

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

官方微信

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

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

猎人推荐 我要投稿

相关细节

设计彩蛋 来自B站鬼畜区的究极豪！华！版！隐藏彩蛋

常常觉得小电视家就像一座宝藏，总会有新的隐藏设计细节悄悄等待着在某一天被你发现。在电脑端打开B站的鬼畜区往下滑动鼠标时右侧会出现一个向上的箭头图标，与多数网站一样点击这个图标页面会嗖地一下回到页面顶端。然而，这并不是我们今天要说的重点… 重点是：长按这个返回图标10秒左右，你会打开鬼畜区的新世界(⊙o⊙)（友情提示：记得戴上耳机或调小音量）其实长按「返回」10秒后网页下方会出现一条黑框提示「尝试输入字母，发现鬼畜秘密」。按照提示乖乖输入字母就会出现鬼畜明星划过你的屏幕！虽然没有查到官方团队对于这个「黑科技彩蛋」的设计初衷说明，但就体验而言确是究极有趣了。嗯，这样的设计脑洞很B站~ bilibili-(゜-゜)つロ乾杯~

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

设计彩蛋 是的，没错！元宵节B站的小电视图标又变身了～

是的，没错！又到了逢过节必有B站的小电视图标变身的固定彩蛋环节了。在刚刚过去的春节假期，B站进度条里的小电视图标伪装成了红灯笼，而随着元宵节的到来小电视这次又成功变身碗中的汤圆。如元宵般漂浮在碗中的小电视十分可爱，情感化的小彩蛋设计让用户感到产品的温度与个性。

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

视觉 看见小时候的你

Unsplash是一个提供高品质免费图片素材资源的网站。Unsplash 的网站设计简约大气，以突出展现图片资源自身为主，但依旧有一些展现小巧思小情怀的设计细节。比如在「加入我们」的页面展示团队成员时，所有成员都使用了他们小时候的照片。这些照片散发出的时光的味道，仿佛为网站增添了恋旧的情怀感，也很好突显了网站作为图库对照片存储的属性。

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

优设精选专题 查看更多

340475人看过 13篇文章

设计趋势

流行设计一目了然

道法术器势，看了那么多专题，设计理论、方法和神器已经不再话下，想成为高手，就差借势了。收藏好这个专题，每个月都会更新最新的设计趋势，让你洞悉设计趋势，紧跟设计潮流。
查看专题
148594人看过 8篇文章

Sketch 插件

省时高效的Sketch 插件全在这

工欲善其事，必先利其器。现在花10分钟认识一款新插件，就能在以后的工作中省下10小时。还等什么呢？
查看专题
187103人看过 9篇文章

表单设计

庖丁解牛般全面剖析表单设计

有信息的地方就有表单，掌握表单设计已经成为我们的必备技能。本专题不仅有全面的基础知识总结，还将常见的表单样式和设计准则都归纳集结，附上新人错题集和实战案例，让你彻底学会这个知识点。
查看专题
328500人看过 20篇文章

VR设计

从零开始的VR 设计学习实践指南

本专题可能是你见过最全面的VR 设计学习指南。从基础概念、主流平台到学习方法、实战案例无一不包，还有VR 前景探索，VR 相关资源包下载等等。来这里让你一站式学习VR 设计！
查看专题

优设热门私房课 查看更多

iPad 手绘入门快速学习指南

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

闫实
优设大课堂人气老师

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

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

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

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

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

慕青
知名大厂设计师

包装插画入门学习指南

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

鱼吉
艺术院校老师

腾讯设计师求职成功指南

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

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

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

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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