卡片

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

卡片

细节 32

我也有新发现 我要投稿
iOS的天气,雷暴雨动效氛围感拉满了!
iOS

微动效iOS的天气,雷暴雨动效氛围感拉满了!

猎人 - Pluto9.7

iOS端自带的天气APP动效做得十分细腻灵动,氛围感拉满。遇到雷暴天气时,打开天气APP,可以看见雨滴会打在卡片的上方,溅起小水花。下拉或上滑时,雨滴还会随着卡片的位置变化,...

查看详情

#iOS#动效#卡片

「知乎」是怎样设计一个优秀的分享流程的?
知乎

设计逻辑「知乎」是怎样设计一个优秀的分享流程的?

猎人 - AmberDu小白0.0

作为「知乎」这样高质量文字向的内容社区,打动人心或者获益匪浅的PGC与UGC文案往往是最能抓住用户心的内容。团队很聪明地将「金句分享」功能作为为产品引流的主要分享形式。选中想...

查看详情

#分享#卡片#即时反馈

星巴克是如何通过布局和动效设计推荐产品的?
星巴克

视觉星巴克是如何通过布局和动效设计推荐产品的?

猎人 - Monster7.3

「星巴克」App的广告位会利用卡片布局和视觉动效来推荐新品咖啡饮料。虽然整体设计新颖度是不是特别出彩,但广告位采用破局(突出卡片布局)使产品看上去高端和吸引人的,比如使用叶子...

查看详情

#banner#动效#卡片

微信订阅号消息列表的微交互你发现了吗?
微信

设计逻辑微信订阅号消息列表的微交互你发现了吗?

猎人 - 蒙娜AI莎8.5

「微信订阅号」消息卡片,长按不同的区域,给与的提示反馈是不同的。长按信息卡片的图片区域,出现的反馈气泡信息是「浮窗」,即最小化到浮窗里;长按卡片的头像+名称区域,则是「不再关...

查看详情

#交互手势#信息呈现#卡片

网易云音乐:快来定制分享文案啦
网易云音乐

设计逻辑网易云音乐:快来定制分享文案啦

猎人 - 洛糊糊10.0

「网易云音乐」总是会在朋友圈引发一波刷屏热潮,从此处就可以发现,团队很注重分享感。在「网易云音乐」的分享选择中,除了常规的分享途径、形式的选择,也出现了「邀请好友一起听」「定...

查看详情

#个性化#信息呈现#分享

酷狗音乐在卡片切换的交互创新设计
酷狗音乐

微交互酷狗音乐在卡片切换的交互创新设计

猎人 - 尾鳍8.6

「酷狗音乐」推荐卡片的切换,采用折叠、展开的效果,收起的卡片会堆叠在屏幕右侧,通过色块指示卡片数量,比起常见的指示点样式,可感知性更强。不过,其中一个容器还支持点击左右箭头,...

查看详情

#信息呈现#卡片#可感知性

厌倦了千篇一律的列表?看小宇宙如何用卡片交互拯救审美疲劳
小宇宙

手势交互厌倦了千篇一律的列表?看小宇宙如何用卡片交互拯救审美疲劳

猎人 - 张老三9.6

同样是展示「朋友在听什么」,为什么小宇宙能让你不自觉地多划好几下,而其他App的列表你看两条就腻了?这个看似简单的卡片交互,到底动了什么手脚?小宇宙的「朋友在听」模块采用了经...

查看详情

#卡片#手势交互#拟物化设计

躺平App如何通过3D动态插画点亮装修世界的?
躺平

视觉躺平App如何通过3D动态插画点亮装修世界的?

猎人 - Monster8.6

「躺平」App通过创意的3D动态插画以独特又吸引人的方式来展示分类功能,尤其创造性的动画设计为内容分类构建了很强的场景感。比如:厨房分类卡片,动画运用品牌IP人物走进厨房倒水...

查看详情

#3D#动画#卡片

饿了么新增用户需求预测场景卡片功能
淘宝闪购(饿了么)

信息呈现饿了么新增用户需求预测场景卡片功能

猎人 - 龙爪槐守望者7.5

「饿了么」App新增一个场景卡片功能,根据当下的时刻或者配送中的订单,猜测用户接下来可能的需求,智能在首页显示入口,用户一键直达。

查看详情

#信息呈现#卡片#情境预判

淘宝「猜你喜欢」猜到你心里了吗?
淘宝

信息呈现淘宝「猜你喜欢」猜到你心里了吗?

猎人 - yummy🔅0.0

喜欢「淘宝」购物的同学都知道,通常下单购买商品完成后,「我的订单」下方会有「你可能还喜欢」的模块(老版本叫「猜你喜欢」),这是结合用户的浏览、搜索及历史购买记录进行的千人千面...

查看详情

#信息呈现#卡片#智能推荐

当功能入口遇上轮播设计,阿里通义万相做出了1+1>2的体验
通义千问

微交互当功能入口遇上轮播设计,阿里通义万相做出了1+1>2的体验

猎人 - 龙爪槐守望者8.5

轮播图不是早就过时了吗?为什么大厂还在用?其实你误会了——传统的轮播图确实饱受诟病,但如果把它和功能入口巧妙结合,反而能创造出1+1>2的体验。

查看详情

#入口#动效#卡片

美团15分钟送达的小卡片是如何抓住我的注意力的?
美团外卖

引导设计美团15分钟送达的小卡片是如何抓住我的注意力的?

猎人 - 张老三9.0

一个从屏幕右侧一闪而过的小卡片,为什么能让无数用户停下滑动的手指?美团外卖这个看似不起眼的设计,背后藏着什么样的用户心理操控术?在美团外卖的商家列表页面,当我们上下滑动浏览时...

查看详情

#Tab#列表#动效

小宇宙如何使用分类TAB帮助听众降低理解成本?
小宇宙

设计逻辑小宇宙如何使用分类TAB帮助听众降低理解成本?

猎人 - Ginny Q8.0

从「小宇宙」APP 首页的「分类」入口进入,就能看到不同类型的播客列表。在页面顶部,每一个分类被设计成了一个个小卡片,卡片之间相互堆叠,卡片里采用分类名称+图形化设计,在横滑...

查看详情

#Tab#信息呈现#分类

极光玻璃屋+信封动效:Airbnb如何把营销变成送礼
Airbnb

动效设计极光玻璃屋+信封动效:Airbnb如何把营销变成送礼

猎人 - 智行ZXD设计中心9.0

大部分产品的邀请功能都设计得很直白:一个按钮,几行说明文字,然后就等着用户去分享。这种设计虽然功能明确,但缺乏情感温度,用户参与的积极性自然不高。Airbnb的这个邀请界面重...

查看详情

#UX文案#卡片#情感化设计

让视觉先行!小红书如何通过「只看图」功能打造极致沉浸式体验
小红书

版式设计让视觉先行!小红书如何通过「只看图」功能打造极致沉浸式体验

猎人 - 龙爪槐守望者9.0

真正的视觉优先不是简单删除元素,而是构建更精准的用户场景。小红书作为一个以内容为导向的社交平台,吸引了大量对摄影和美图感兴趣的用户。用户上传的精美图片和壁纸吸引了无数关注,但...

查看详情

#卡片#图片#搜索

转发消息老是发错人?微信新功能帮你彻底解决这个尴尬
微信

新功能转发消息老是发错人?微信新功能帮你彻底解决这个尴尬

猎人 - 龙爪槐守望者8.8

在微信中转发消息时,误选联系人发错消息令人非常尴尬。不过,现在好消息来了!微信新增的聊天气泡式展示预览功能将为您带来全新的体验。

查看详情

#分享#单选#卡片

抓住任务完成的黄金瞬间,叮咚买菜这个加购设计值得深挖
叮咚买菜

场景化设计抓住任务完成的黄金瞬间,叮咚买菜这个加购设计值得深挖

猎人 - 张老三9.5

做过饭的朋友肯定都有过这种经历:对着食谱买主材,结果买回家发现少了关键的辅料。打开叮咚买菜的商品详情页,当用户点击「加入购物车」按钮后,界面并不会像传统电商那样简单跳转或收起...

查看详情

#卡片#场景化设计#希克定律

手机多任务处理方式足够好用吗?OPPO ColorOS让你重新思考!
OPPO

手势交互手机多任务处理方式足够好用吗?OPPO ColorOS让你重新思考!

猎人 - 龙爪槐守望者9.0

主流手机多任务处理采用卡片式交互,用户需要通过滑动选择卡片来切换App。然而,一张卡片占据大半屏幕,当用户在多个App之间频繁切换时,往往需要长时间滑动,效率低下且令人感到疲...

查看详情

#ColorOS#任务切换#卡片

斗鱼APP用户卡片升级,一键关注更便捷!
斗鱼

信息呈现斗鱼APP用户卡片升级,一键关注更便捷!

猎人 - 不是作家6.2

「斗鱼」APP在最新版本中,针对用户卡片进行了优化升级。原先单一的弹窗形式,现升级为更为人性化的弹窗设计,关注按钮被放大得到了显著强化,引导用户能够更快速地关注心仪的主播。同...

查看详情

#UI#信息呈现#卡片

小宇宙如何用卡片创造探索的仪式感?
小宇宙

动效设计小宇宙如何用卡片创造探索的仪式感?

猎人 - 龙爪槐守望者9.0

 为什么同样是展示播客,小宇宙的设计能让用户直呼「太酷了」,甚至愿意反复滑动把玩?秘密,就藏在它那看似简单的卡片交互里。在小宇宙的「发现页」里,并没有采用传统的垂直列表,而是...

查看详情

#动效#卡片#发现页

1/2

热门应用