菜单 优设网 - UISDC

「余音」App是一款小众的音乐播放器，也是一本极简风格的独立杂志。音乐播放页面的动效设计模拟了唱片播放的过程：默认状态会显示音乐唱片的封面图片；点击播放按钮，黑胶唱片则会从唱片封套滑出并开始随着音乐转动。当暂停歌曲时，黑胶唱片会滑回封套与之完全重叠，仅显...

「腾讯动漫」最近在icon的操作上简直是玩嗨了，点击日间/夜间切换的控件，会相应的出现太阳/月亮的红色图标。点击切换男女的控件，也会相应出现表示男女的标识。点击底部的金刚区，跳动的动画icon也充满了灵动性，能很好地激发用户的点击欲，增强参与感。这些微交互的创新在...

如果过了凌晨你还在Iconfont的网站上面搜索图标，网站的标志形象外星人头像会进入睡眠模式。戴上眼镜熟睡的形象仿佛是在提醒你：夜深了，不要熬夜加班工作了，这样会变成近视眼哦~当点击输入框，熟睡的外星人会立马恢复白天炯炯有神的形象。反复切换的形象变化，会不断的提...

在「支付宝」扫码「哈啰单车」后，如果发现单车有问题的话，只需要直接在故障上报页面选择需要保修的部件，就能轻松完成故障报修的程序了。直接在故障反馈页面以拼图的形式列出可能会涉及的单车故障维修部位，避免了文字描述不清楚也很麻烦的过程，极大简化了故障上报的...

用小游戏模拟叙事，用交互动作推动情节发展是游戏「Florence」的一大创新。让玩家带入感极强的原因之一就是很多的交互动作设计都模拟了真实生活的体验：比如女主起床刷牙，需要左右滑动屏幕模仿真实刷牙的动作来完成（上下刷是不正确的刷牙方式，所以完成任务进度会很慢）；...

我们都知道空状态页面设计主要是告知用户当前页面没有内容，很多产品会通过各种有趣的插图来传达查找不到的空状态。「ONE」的插图使用了一个带有蜘蛛网的空书架来呈现，除了表达没有收藏的内容之外，似乎还有一种久置不理以至于结了蜘蛛网的味道。仿佛在提醒用户：似乎是...

FIMO是一款复古的胶卷相机应用，全拟物化的视觉设计从每一个细节忠实还原胶片相机的使用质感。它的滤镜切换功能完美模拟了真实相机换胶卷的过程，还还原了换卷和相机开盖的声音，有趣又具有仪式感。对于颜控党和情怀党而言，FIMO真的是宝藏App。

在「爱奇艺」 App预约直播内容后，会弹出一个弹窗页面显示直播相关的信息。这个弹窗页承担了演出活动电子票的作用，并且为了增强观看演出的仪式感，每个预约成功的账号会和线下看演出一样有自己独一无二的座位号（比如402排4号）。虽然线上看直播不需要真实的观看区域和座位...

「石墨文档」对于文档的隐私保护十分重视，当未登录或账号未获得授权时点击他人分享的文档链接，会出现「没有权限访问」的提示页面告知权限状态并提醒登录账号。提示页的图案为一道被虚掩着的门透出微光，巧妙地通过隐喻的形象呈现出无权访问的意象。

「墨迹天气」将天气助手打造成生动可爱的卡通形象：头发是云朵形状，配饰是闪电形状，并且根据人物穿着的衣服让用户能快速感知到户外的天气情况，一定程度上可以让用户快速的做出穿衣选择。毕竟人对图片的理解感知能力比文字要来得快。通过赋予卡通形象性格和情感特征，...

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

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

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

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

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

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

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

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

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

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