情感化设计

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

情感化设计

细节 621

我也有新发现 我要投稿
「今天你下拉了么?」快来围观网易新闻下拉刷新交互里的秘密
网易新闻

微交互「今天你下拉了么?」快来围观网易新闻下拉刷新交互里的秘密

猎人 - AmberDu小白9.0

当移动端页面的下拉刷新操作逐渐成为用户习以为常的交互手势,下拉时页面顶部的空白空间不再被「闲置」而是越来越多的被设计师们加入了巧思。网易新闻的下拉刷新页面顶部就被利用起来做成...

查看详情

#交互手势#刷新#弹力感

「QQ音乐」是如何给数字化的虚拟礼物增加仪式感的?
QQ音乐

用户体验「QQ音乐」是如何给数字化的虚拟礼物增加仪式感的?

猎人 - AmberDu小白0.0

在QQ音乐购买数字专辑后,可以当作礼物送给朋友。为了增强虚拟礼物的仪式感,被选中当作礼物的数字专辑会出现被打包的小动画。而当收礼物的用户打开音乐专辑时,页面还会呈现礼物被拆开...

查看详情

#情怀#情感化设计#惊喜

「腾讯理财通」:用圣诞彩蛋温暖你,敲棒~
腾讯理财通

设计彩蛋「腾讯理财通」:用圣诞彩蛋温暖你,敲棒~

猎人 - AmberDu小白10.0

「腾讯理财通」在圣诞期间,不仅将首页打造成了温暖的圣诞主题,还有浪漫的雪花飘洒的动画。这个微交互的设计与之前写过的「虾米音乐」的飘雪彩蛋类似,都是通过情感化的设计营造节日氛围...

查看详情

#微交互#情感化设计#暖心

怎样向用户传达隐性的安全感?
支付宝

微文案怎样向用户传达隐性的安全感?

猎人 - AmberDu小白10.0

在支付宝的「我的」页面中,「总资产」的后面会显示绿色的「账户安全保障中」的文案。同样的,「财富」页面的「总资产」项后面也会显示「保障中」的微文案。不断出现强调资金安全性的文案...

查看详情

#安全感#心理暗示#情感化设计

告别无效Banner,App Store教你用魔性循环动画抓住眼球
苹果

动效设计告别无效Banner,App Store教你用魔性循环动画抓住眼球

猎人 - 龙爪槐守望者9.0

这次App Store国庆假期的专题焦点图,第一眼就让人挪不开眼!整个画面的主色调是充满活力的青柠绿,搭配着品红、亮紫等高饱和度的撞色,视觉冲击力十足。画面上是一群风格化、线...

查看详情

#banner#动效#情感化设计

高德地图: 导航车标也有自己的性格
高德地图

用户体验高德地图: 导航车标也有自己的性格

猎人 - AmberDu小白9.5

通常导航类App地图界面里的指示车标都为表示方向的箭头图案,「高德地图」的导航车标则可以进行个性化的自定义设置。在「设置」详情页里找到「导航设置」,点击「导航图面」列表的「导...

查看详情

#个性化#地图#情感化设计

可能是你所能见到的最戏精的加载页面*′∀`)′∀`)*′∀`)
鬼畜

页面加载可能是你所能见到的最戏精的加载页面*′∀`)′∀`)*′∀`)

猎人 - AmberDu小白0.0

页面加载受到如网速等不可控因素的影响较多,因此时常会被融入有趣的动效或文案来缓解用户等待的焦虑情绪。如果你用过「鬼畜」App,一定会对它的加载画面印象深刻,因为大概没有比它更...

查看详情

#加载#情感化设计#情绪

深夜失眠? 不妨来「喜马拉雅」DIY一份自制的助眠音
喜马拉雅FM

设计逻辑深夜失眠? 不妨来「喜马拉雅」DIY一份自制的助眠音

猎人 - AmberDu小白8.0

「喜马拉雅」App的助眠频道,支持用户自己定制助眠音。如同烹饪美食一般,在助眠音定制的页面,用户可以根据自己的喜好从10个类别几百种不同的声音里面任意挑选最多3个进行助眠音合...

查看详情

#个性化#助眠#喜马拉雅

搞懂色彩弥散与微动效,让UI设计更有情绪
Apple Music

沉浸式体验搞懂色彩弥散与微动效,让UI设计更有情绪

猎人 - 龙爪槐守望者7.0

Apple Music 为「Lo-Fi Chill」这类情绪化歌单引入了全屏级别的沉浸式动态背景。它不再是一张贴在顶部的静态方形封面,而是一个细腻循环的 3D 微景观,直接打...

查看详情

#列表#微动效#情感化设计

游戏中的情感化交互设计如何打动人心?
Florence

交互手势游戏中的情感化交互设计如何打动人心?

猎人 - AmberDu小白9.0

用小游戏模拟叙事,用交互动作推动情节发展是游戏「Florence」的一大创新。让玩家带入感极强的原因之一就是很多的交互动作设计都模拟了真实生活的体验:比如女主起床刷牙,需要左...

查看详情

#Florence#交互手势#形象思维

你的网络饿晕过去了
淘宝闪购(饿了么)

微文案你的网络饿晕过去了

猎人 - AmberDu小白6.0

「饿了么」App的404页面会出现可爱的柴犬吉祥物「饿小宝」,以及「你的网络饿晕过去了」的页面状态提示文案。用拟人化的微文案「网络饿晕了」来形容页面丢失或访问失败的状态,不仅...

查看详情

#404页面#情感化设计#文案

那些巧用console的可爱网站们
Bilibili

设计彩蛋那些巧用console的可爱网站们

猎人 - AmberDu小白0.0

「百度」将浪漫的招聘文案藏在了主页的代码控制台(console)里,这个彩蛋的设计深受好评。其实打开「知乎」的主页控制台也能发现针对前端开发工程师的招聘广告。出于好奇我又打开...

查看详情

#Bilibili#console#情感化设计

高德地图这个「吹泡泡」小心机,让AI功能曝光率暴涨
高德地图

引导设计高德地图这个「吹泡泡」小心机,让AI功能曝光率暴涨

猎人 - 龙爪槐守望者8.8

你好不容易上线了一个自认为超牛的AI助手,结果呢?要么是弹窗太猛,用户上来就点「X」;要么是藏得太深,上线仨月了还没几个人发现。这种新功能上线后,用户认知度低、使用率上不去的...

查看详情

#AI#Tabbar#动效设计

居老师向你发送了视频通话请求,你会接么?
优酷

用户体验居老师向你发送了视频通话请求,你会接么?

猎人 - AmberDu小白2.0

当你打开视频App,像往常一样在搜索框输入自己喜欢爱豆的名字,突然手机就震动起来屏幕上还弹出带有爱豆头像的视频通话邀请…… 其实这是「优酷」对其「星球」社区的运营活动设计。通...

查看详情

#优酷#情境预判#情感化设计

不是吧!别人家APP还在送祝福,夸克已经开始送15个月VIP了
夸克

节日营销设计不是吧!别人家APP还在送祝福,夸克已经开始送15个月VIP了

猎人 - 龙爪槐守望者9.0

每逢教师节,手机里的APP就像约好了一样,集体换上节日新装。开屏是精心绘制的插画,首页图标也变得俏皮可爱,但仅限于此,并没有拿出实际的表示。这次夸克浏览器在教师节的操作,就给...

查看详情

#Doodles#上瘾模型#动效

圣诞快落🎄🎅⛄️:各家修图软件的圣诞图标合集

设计彩蛋圣诞快落🎄🎅⛄️:各家修图软件的圣诞图标合集

猎人 - AmberDu小白10.0

可能是因为修图类应用通常都会在节日来临之际推出与之应景的新功能,修图软件似乎都特别注重在自家应用图标上做文章来表达对用户节日的祝福,也希望借此吸引用户的关注在节日拍照时使用自...

查看详情

#情感化设计#惊喜#摄影

为悼念逝者变黑白色调的「百度搜索」
百度

用户体验为悼念逝者变黑白色调的「百度搜索」

猎人 - AmberDu小白5.5

7月18日「京阿尼」发生火灾,京都动画工作室从1层到3层均被完全烧毁,死伤惨重很多珍贵的原稿也被毁。对于二次元粉丝而言,这大概是历史上最黑暗的一天。事情发生的那几天,如果在「...

查看详情

#情怀#情感化设计#情绪

「腾讯理财通」是怎样让用户舍不得离开的?

文案「腾讯理财通」是怎样让用户舍不得离开的?

猎人 - AmberDu小白9.0

使用「腾讯理财通」终止每月工资定时转入时,会出现弹窗询问用户离开的原因。当用户选择离开的原因时,对应原因下面会显示文案来说服用户留下或者选择不离开的其他备选方案。这种提示方案...

查看详情

#情境预判#情感化设计#文案

iOS 26那个惊鸿一瞥的「果冻」按钮,你见过吗?
iOS

动效设计iOS 26那个惊鸿一瞥的「果冻」按钮,你见过吗?

猎人 - 龙爪槐守望者8.3

苹果iOS 26计算器有一个很炫酷的液态玻璃效果。当用户的手指轻触计算器任意一个数字或符号按钮时,神奇的事情发生了。这个按钮不仅自身被点亮,呈现出一种温暖的橙黄色调,更关键的...

查看详情

#动效#微交互#情感化设计

「淘票票」的暖心小提示,让我们不再因粗心买错票
淘票票

用户体验「淘票票」的暖心小提示,让我们不再因粗心买错票

猎人 - AmberDu小白9.0

在「淘票票」买电影票时如果你选择的观影时间在今日以后,系统会自动提醒「您选择的是明天的场次」以避免用户因失误选错时间而购错票。再比如正在关注上海国际电影节的你,选购电影时如果...

查看详情

#人性化#弹窗#情境预判

热门应用