情感化设计

已捕获优质的产品细节 621 个

情感化设计

细节 621

我也有新发现 我要投稿
Keep APP是如何通过情感化表达激励用户保持运动激情的?
Keep

用户体验Keep APP是如何通过情感化表达激励用户保持运动激情的?

猎人 - Ginny Q6.5

在使用「Keep」App达成今日运动目标后,会有一只卡通萌宠小鹿蹦出来跳舞,并且展示文案「恭喜达成今日目标,做得好,明天我也在这里等你」。另外通过分享按钮鼓励用户上传今日运动...

查看详情

#Keep#情感化设计#情绪

有温度的模式切换设计是怎样的?
微博

微交互有温度的模式切换设计是怎样的?

猎人 - AmberDu小白9.0

所谓「护眼模式」,通常是指经过智能调色,添加黄、红、绿的颜色以及降低屏幕亮度来使屏幕变暗变黄,从而达到缓解用户用眼疲劳的作用。新浪微博从「普通模式」切换为「护眼模式」的过程,...

查看详情

#即时反馈#形象思维#情感化设计

但无论你身处何方,都可以到「虾米音乐」来看雪
虾米音乐

设计彩蛋但无论你身处何方,都可以到「虾米音乐」来看雪

猎人 - AmberDu小白9.0

今天是农历二十四节气中的「大雪」,标志着仲冬时节的正式开始。全国大部分地区的最低温度都降到了0℃或以下,即将迎来今年的第一场大雪。不知道你所在的城市下雪了没?

查看详情

#天气#微交互#情感化设计

小宇宙是如何通过有趣的Tab设计激发用户互动意愿的?
小宇宙

微交互小宇宙是如何通过有趣的Tab设计激发用户互动意愿的?

猎人 - 龙爪槐守望者6.9

「小宇宙」App主页未选中的Tab是毛玻璃的效果,选中则变清晰,吸引用户滑动选中让其清晰。通过有趣的视觉和交互效果,激发用户的互动意愿。

查看详情

#Tab#即刻#小宇宙

用1个小红包动画,解决了99%用户找不到优惠券的痛点
智行火车票

动效设计用1个小红包动画,解决了99%用户找不到优惠券的痛点

猎人 - 智行ZXD设计中心9.4

你是否也会烦恼找不到领券的入口?不用担心,智行通过一段可爱的小动画引导用户发现优惠入口,不错过任何一次优惠!1.动画增强优惠感知。

查看详情

#优惠#动效#彩蛋

知乎首页有趣的下拉刷新设计
知乎

微交互知乎首页有趣的下拉刷新设计

猎人 - 卷卷墩儿浪里个浪7.2

在「知乎」首页查看推荐内容,当下拉刷新列表时,顶部出现知乎小猪IP奋笔疾书的小动画,仿佛小猪正在加急写新内容,即贴合场景也符合平台定位。刷新结束后顶部会显示刷新条数+配置文案...

查看详情

#交互手势#微交互#情感化设计

「小宇宙」在版本历史记录文案里的夹带私货
小宇宙

微文案「小宇宙」在版本历史记录文案里的夹带私货

猎人 - AmberDu小白9.5

在App Store的应用详情页,可以查看产品各个版本更新的历史记录。通常,「版本记录」这里都是较严肃的记录版本迭代情况的陈述性文案,但「小宇宙」App团队却在官方的版本历史...

查看详情

#appstore#即刻#情怀

来自「猫耳FM」二次元世界的情感化反馈设计
猫耳FM

微交互来自「猫耳FM」二次元世界的情感化反馈设计

猎人 - AmberDu小白9.5

「猫耳」App的主页Tab栏上的吉祥物小猫会根据用户的操作行为做出实时的动画反馈。进入App未播放任何音频内容时,小猫会趴在Tab栏上打瞌睡;当播放音频内容时,小猫则蹲在Ta...

查看详情

#tab栏#互动#即时反馈

当B站的22娘cos超级马里奥
Bilibili

交互手势当B站的22娘cos超级马里奥

猎人 - AmberDu小白9.0

在B站观众用户会通过「投币」的方式来打赏喜欢的UP主和视频。虽然硬币不会直接带来盈利,但是B站排行的一个重要参考,能为视频增加曝光机会引流。手机端的「投币」,是通过上滑或点击...

查看详情

#Bilibili#交互手势#即时反馈

Aha!导航的卡片设计
小宇宙

信息呈现Aha!导航的卡片设计

猎人 - Monster9.0

「小宇宙」APP采用了卡片设计作为导航承载,展示更多选项的同时用有趣的动画交互达到更生动的展示效果。导航选项收起时,还带有自然的缩回效果,让整体的交互体验更灵动。卡片式导航不...

查看详情

#信息呈现#即刻#图标

让人意想不到的团队展示hover效果
drygital

微交互让人意想不到的团队展示hover效果

猎人 - AmberDu小白0.0

drygital设计工作室的网站有着个性又炫酷的视觉与交互效果。团队展示界面的hover效果,就让人意想不到眼前一亮:当鼠标的光标移到单个成员的半身像时,原本正襟危坐的照片会...

查看详情

#drygital#hover#团队展示

设计师盆友,Iconfont提醒你夜深啦~
Iconfont

微交互设计师盆友,Iconfont提醒你夜深啦~

猎人 - 戢戢0.0

如果过了凌晨你还在Iconfont的网站上面搜索图标,网站的标志形象外星人头像会进入睡眠模式。戴上眼镜熟睡的形象仿佛是在提醒你:夜深了,不要熬夜加班工作了,这样会变成近视眼哦...

查看详情

#iconfont#形象思维#微交互

bilibili团队在主页背景图藏了什么小彩蛋?
Bilibili

视觉bilibili团队在主页背景图藏了什么小彩蛋?

猎人 - AmberDu小白0.0

bilibili的网页端主页背景,会根据春夏秋冬四季的变化更换与当前季节相契合的背景图。最近B站更是优化了banner图,将其做成了可与用户互动的动态背景。当鼠标移动到ban...

查看详情

#banner#Bilibili#互动

会在第二次朗读同一单词时自动变慢语速的谷歌翻译
Google

用户体验会在第二次朗读同一单词时自动变慢语速的谷歌翻译

猎人 - AmberDu小白9.2

当境外旅游变得日渐频繁,翻译软件也逐渐成为了我们生活必备的应用工具。Google Translation作为最早最权威的免费即时翻译工具成为了很多人的首选。当你在使用谷歌翻译...

查看详情

#Google#人性化#声音

B站上线「纪念账号」,纪念那些曾存于世化作星尘的用户们
Bilibili

用户体验B站上线「纪念账号」,纪念那些曾存于世化作星尘的用户们

猎人 - AmberDu小白10.0

12月24日平安夜当天,B站通过其官微发布了一条公告:从今日起,对于不幸离开人世的B站用户们,在取得其直系亲属的确认和同意后,B站官方会将其账号转为「纪念账号」并加以保护。以...

查看详情

#Bilibili#情怀#情感化设计

电子书时代,如何保留那些纸质书曾带给我们的感动与时间的痕迹
微信读书

用户体验电子书时代,如何保留那些纸质书曾带给我们的感动与时间的痕迹

猎人 - AmberDu小白9.5

喜欢买书藏书的人很多都会有在书籍扉页写上自己名字或画上自己独特标记的习惯,如果是买书赠人则更是会在扉页写上祝福语与落款。然而进入电子书时代,虽然很多电子书都会尽可能地模拟纸质...

查看详情

#微信读书#情感化设计#惊喜

不用写一行文案,这个视觉设计让产品价值秒传达
Making Today

视觉隐喻不用写一行文案,这个视觉设计让产品价值秒传达

猎人 - 龙爪槐守望者9.7

早上一睁眼,先打开待办事项App看看今天有啥事,然后跳到日历App确认会议时间,接着又要在笔记软件里翻找会议纪要,工作来了还得在项目管理工具里更新进度。我们就像一个手忙脚乱的...

查看详情

#动效设计#情感化设计#掌控感

1张手写便签 vs 1行系统通知,差距竟然这么大
滴滴

UX文案1张手写便签 vs 1行系统通知,差距竟然这么大

猎人 - 龙爪槐守望者8.7

你急着赶早班机,好不容易叫到顺风车,正准备出门时手机突然弹出「司机已取消行程」的冰冷通知。那一瞬间的失落感,就像期待已久的约会被放鸽子一样让人沮丧。滴滴在处理司机取消订单这个...

查看详情

#UX文案#弹窗#情感化设计

看见小时候的你
Unsplash

视觉看见小时候的你

猎人 - AmberDu小白8.0

Unsplash是一个提供高品质免费图片素材资源的网站。Unsplash 的网站设计简约大气,以突出展现图片资源自身为主,但依旧有一些展现小巧思小情怀的设计细节。比如在「加入...

查看详情

#Unsplash#团队展示#图片

文艺青年都偏爱「片刻」的老电台?
片刻

视觉文艺青年都偏爱「片刻」的老电台?

猎人 - AmberDu小白0.0

很多人说喜欢「片刻」的理由很简单,一句「世界很美,而你正好有空」足矣。App的整体UI是干净素净的扁平化风格,但「随身听」(电台栏目)却被单独设计成了复古的拟物化。老式收音机...

查看详情

#声音#情怀#情感化设计

热门应用