情感化设计

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

情感化设计

细节 624

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

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

猎人 - AmberDu小白9.0

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

查看详情

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

火爆全球的音频社交应用「Clubhouse」的图标头像是谁?
Clubhouse

产品冷知识火爆全球的音频社交应用「Clubhouse」的图标头像是谁?

猎人 - AmberDu小白0.0

自2月初以来,一款主打即时交流的音频社交App —「Clubhouse」忽然风靡全球,强社交关系的设定、 知名人士入驻带来的信息交流的高价值感与邀请制的神秘性,都让这款应用的...

查看详情

#Clubhouse#产品冷知识#图标

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

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

猎人 - 龙爪槐守望者8.8

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

查看详情

#AI#Tabbar#动效设计

饿了么穿雨衣送餐的骑手图标
淘宝闪购(饿了么)

设计彩蛋饿了么穿雨衣送餐的骑手图标

猎人 - 龙爪槐守望者8.8

「饿了么」点餐后的接单信息页面会同步显示送餐时的天气情况。下雨的时候,不仅会显示雨天场景,接单送餐的骑手图标也会穿上雨衣,生动有趣。

查看详情

#信息呈现#同理心#情感化设计

喵喵记账把心萌化的登录界面设计
喵喵记账

微交互喵喵记账把心萌化的登录界面设计

猎人 - AmberDu小白7.1

「喵喵记账」是一款以收集猫咪为主题的趣味性萌宠记账软件。它的账号登录界面在进行密码输入时,吉祥物小猫咪会一边提示操作一边双爪蒙眼,十分可爱。这里的情感化设计不仅给产品赋予了活...

查看详情

#喵喵记账#安全感#微交互

原来微信支付有优惠小程序的金币可以倒出来?
微信小程序

手势交互原来微信支付有优惠小程序的金币可以倒出来?

猎人 - AmberDu小白8.6

「微信支付有优惠」小程序页面储存金币的玻璃罐其实可以将金币倒出来,赠送给好友。只需将手机屏幕倒过来,就能触发金币倒出的动效,还有东西倒出的声音,很有趣味性。

查看详情

#交互手势#小程序#微信

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

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

猎人 - 龙爪槐守望者9.0

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

查看详情

#banner#动效#情感化设计

被记住的瞬间最动人,多邻国回流动画是如何唤起用户正面情绪的?
Duolingo多邻国

拟人化设计被记住的瞬间最动人,多邻国回流动画是如何唤起用户正面情绪的?

猎人 - 张老三9.0

Duolingo 在用户重新下载并打开应用时,会播放duo从无聊等待到欢呼雀跃的情感过渡动画,以拟人化方式表达对回归用户的欢迎。运用 情绪唤起 与 拟人化设计 ,在首次回归场...

查看详情

#IP形象#动效#情感化设计

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

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

猎人 - AmberDu小白10.0

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

查看详情

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

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

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

猎人 - AmberDu小白10.0

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

查看详情

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

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

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

猎人 - AmberDu小白0.0

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

查看详情

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

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

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

猎人 - AmberDu小白6.0

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

查看详情

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

腾讯推出对标Figma的新工具Ardot,官网交互细节也太高级了
Ardot

情感化设计腾讯推出对标Figma的新工具Ardot,官网交互细节也太高级了

猎人 - 龙爪槐守望者5.0

腾讯开发了一款类似Figma的设计工具Ardot,官网非常有艺术气息,随着鼠标移动,,梵高的「星空」、戴珍珠耳环的少女这些经典艺术符号,像气泡一样从指尖溢出,顺着惯性在屏幕上...

查看详情

#动效#彩蛋#情感化设计

「七一」将至,你有发现什么有趣的建党100周年彩蛋设计吗?
Bilibili

设计彩蛋「七一」将至,你有发现什么有趣的建党100周年彩蛋设计吗?

猎人 - AmberDu小白0.0

最近「即刻」App主页tab栏中间的「发布」按钮突然变红了,原来是为了庆祝中国共产党成立100周年大日子上线的节日彩蛋。将tab栏中间最醒目的按钮与红旗和代表100周年的数字...

查看详情

#Bilibili#tab栏#即刻

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

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

猎人 - 龙爪槐守望者9.0

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

查看详情

#Doodles#上瘾模型#动效

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

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

猎人 - AmberDu小白9.5

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

查看详情

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

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

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

猎人 - AmberDu小白0.0

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

查看详情

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

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

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

猎人 - AmberDu小白10.0

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

查看详情

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

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

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

猎人 - AmberDu小白8.0

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

查看详情

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

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

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

猎人 - AmberDu小白9.0

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

查看详情

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

热门应用