菜单 优设网 - UISDC

驾驶车辆出行到不熟悉的陌生地点时，很容易开过头或者走错路。「百度地图」在到达目的地之前，会显示一张目的地附近的实景照片来帮助驾驶员识路。实景照片比一般的提示性文字或虚拟二维图片更加直观真实，有识别性。能更好地为驾驶员服务，使其更快更准确的定位方向避免...

只要面向星空举起iphone，就可以清楚的辨认各种星体和星空，轻松找到属于自己的星座。如果你的星座还在地平线之下，可以在「我的星空通知」中添加自己的星座，「星空」就会在它从地平线上升起时通知你。旋转手机，即可观察到星座中每个天体在夜空中的位置。通过强大的AR（增...

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

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

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

「高德地图」里「我的」页面有个「高德小桥」的游戏互动功能，可根据用户贡献的高德币合力修桥。虽然很多App都有类似的小游戏功能了，比如「支付宝」的蚂蚁森林、「微博」的养熊猫等等，但感觉有些互动游戏内容与平台属性的联系并不紧密。这里的「高德小桥」利用桥的概念...

「Because Music」的播放页面，简洁之中有直观的新表现。用于开闭静音的传统的扬声器图标被简化为律动条与像省略号的点，形式感强视觉体验更新颖。但也有两处美中不足：一是点击播放按钮，虽可暂停画面但此处并没有播放按钮与暂停按钮之别，不利于给用户交互上的视觉反馈。二...

还记得「榫卯」吗？这次TagDesign团队又推出了另一款中国风民艺与教育App「折扇」。我们可以在这里欣赏当代画师的佳作，了解折扇的工艺与历史。用户可以通过App亲自体验制扇流程：从挑选竹子开始，经历开片、煮竹、晾晒等十几道工序，完整体会折扇制作的乐趣。视觉方面也极具...

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

跑步用「Keep」做数据统计，在App里可分别根据「距离」「 时长」「 配速」 和「热量」进行目标设定。 其中热量值的设置除了会显示数字指标外，还会将每一个热量值所对应的食物信息显示出来，并配有可爱的emoji图标。用具象的食物对比非常抽象的千卡数字更直观，适合时宜的信息...

「网易云音乐」在去年上线了解压模式「Sati空间」，用户可以进入这个模式边听音乐边戳泡泡来释放压力。如今提供给用户减压的互动小游戏不仅有「戳泡泡」，还新增了「砸玻璃」。用力敲击屏幕，会出现玻璃被敲碎的视觉效果并伴有震动反馈，带给用户一种多感官体验的爽感。用...

在2019年的春节贺岁档，我们终于迎来了一部属于中国人自己的硬科幻电影 —「流浪地球」。尽管影片存在很多不完美，但中国导演能在现阶段拍出硬科幻且让影片在诸多现实条件限制下达到这样高的完成度，已是一件让人激动与倾佩的事。当在「百度」搜索栏输入关键词「流浪地球」...

在「饿了么」点餐后，app会用可视化的信息展示从店家配餐到骑手接单、取餐、配送的全过程。让点单者对自己的外卖是如何送达的每个步骤都清楚明了，用信息的透明化获得用户的信任。除此之外，展示外卖配送信息的页面还有情感化设计的小巧思：商家接单时，图示会在地图中显...

随着情感化设计越来越受到重视，对用户个人的生日祝福与情感关怀成了注重用户体验的产品必不可少的设计环节。「QQ邮箱」在生日当天会发送一封祝福邮件给用户，邮件里的生日卡内容是开发团队人员的卡通形象一起唱生日歌的动画。这种特别的送祝福方式，很容易就拉近了产品与...

在iOS12的控制中心面板里，不仅藏有计时器图标和手电筒图标动态变化的小彩蛋，屏幕亮度的调节操作也伴随着很隐蔽的小细节变化。当手机屏幕的亮度被调得较低时，控制中心里表示亮度的小太阳图标呈现圆点样式的光芒。当亮度被调高，太阳图标的圆点光芒则会慢慢变成向四周发射...

在很多球鞋交易平台，都会定期举办限时抽奖原价购球鞋或者免费送鞋的活动来促活。鼓励用户参与，不仅要活动内容本身吸引人，与用户的互动交互过程同样值得花心思。在「毒」app的抽奖界面，点击抽奖的按钮后抽奖码会以模拟真实打票机的形式从机器里被打印出来。生动有趣的...

「QQ阅读」的夜间模式开启方式是一个拟物的灯绳，下拉就会开启夜间模式。这个设计是模拟了晚上关灯的效果，将点击效果与现实的行为相结合，让交互操作更生动有趣。与此同时，「关灯」的动作能够给予用户心理暗示的效果，对夜间模式产生自然的联想。

「支付宝」的「蚂蚁会员」会根据用户的积分情况匹配不同的会员等级，会员界面的皮肤也各不相同。会员卡的设计模拟了真实生活中会员卡的质地和视觉效果。比如「黄金会员」的会员卡，在晃动手机时，你能清晰地看见会员卡的光泽质地和流光效果。用动效表现材质，不仅不会增...

InPieces 是一个关注濒临灭绝动物的公益组织创办的HTML5特效网站，借此来呼吁人们关注这些濒临灭绝的可爱动物们，保护生存环境。折纸风的视觉效果，仅三角形碎片的破碎重组和转换变化展示了30个世界范围内濒临灭绝的物种。网站的loading页面延续了整体网站的视觉元素与风格，十分...

在「我的天气」app进行下拉刷新的操作手势，会发现页面顶部的空白空间被设计成了宇宙的模样。当下拉刷新页面处于信息更新状态， 顶部动画里的人造卫星会向地球发送信号。又是一个情理之中又让人惊喜的情感化设计，通过微交互动画模拟物理世界里的真实情境，来为用户呈现更...