尊享

加入【优设领航者俱乐部】

尊享全年高价值服务 加速收益

大咖指引 职场加薪

大咖领航新机会新收入

AIGC实战 加速受益

大厂AIGC实战经验分享

优质链接 人脉链接

企业/达人/设友线下链接

流量赋能 名利双收

1000W+流量助力影响力提升

领取更多高价值实用特权

投稿

交互手势当你不喜欢我的时候,我的「心」都碎了~

产品: Tumblr猎人: AmberDu小白作者: Tumblr 设计团队观众: 5.2k人 时间: 2018-07-19

Tumblr

与「Tumblr」有关的细节还有 2查看全部

我也有新发现 我要投稿
当你不喜欢我的时候,我的「心」都碎了~当你不喜欢我的时候,我的「心」都碎了~

细节描述

AmberDu小白: 在表现同一个图标的两种不同状态时,我们常常用置灰的方式表示默认状态而用主色表示选中状态,这样的方式是完全可以满足功能需求的。但是,很多团队和设计师没有满足于此开始研究怎样让用户操作的界面拥有人情味,也就是所谓的「情感化设计」。Tumblr的「喜欢」按钮点击时会飘出一颗大大的爱心,正好跟看见喜欢的事物心花怒放的感觉相对应;取消喜欢的时候是伤心的情绪,会有一颗碎成两半的心形摇摇欲坠,表现出「心碎」的感觉。这样的细节准确再现了用户当时的情绪,就像一个了解你的朋友在你身边一样,不觉为这样的产品点赞~ 投稿人:穆鑫

0暂无评分
收藏 2
分享细节海报

发评论!每天赢奖品

点击 登录 后,在评论区留言,系统会随机派送奖品

2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们

本期奖品

发表评论 已发布5

{{ moreBtnTxt }}

你可能还爱看

「知乎」的广告呈现设计有什么特别之处?
知乎

信息呈现「知乎」的广告呈现设计有什么特别之处?

猎人 - AmberDu小白0.0

「知乎」将小广告放置在了内容的信息流里,当用户滑动屏幕广告移动到接近屏幕中间的位置时,banner图会出现从右向左切换的交互效果,起到区别广告与内容的作用。这样用户的注意力马...

查看详情

#banner#交互手势#信息呈现

在「Tumblr」舞动彩虹小蛇
Tumblr

设计彩蛋在「Tumblr」舞动彩虹小蛇

猎人 - 海的格尔9.0

「Tumblr」作为一个轻博客应用,里面的内容形式真的是多种多样,同时还隐藏着一些小惊喜。在安卓客户端上,只要按着右下角的发布内容按钮不松手,然后在屏幕上拖拽,就会拖出一条彩...

查看详情

#Tumblr#互动#交互手势

把心萌化的萌宠记账App喵喵记账
喵喵记账

用户体验把心萌化的萌宠记账App喵喵记账

猎人 - AmberDu小白10.0

以猫咪为主题的萌宠记账软件「喵喵记账」的每日账单会以收支小票的形式呈现。App主页客厅场景里的猫猫记账员会记录下用户输入的每一笔账单,手指从屏幕中间向下滑动即可随时查看账单小...

查看详情

#交互手势#动画#喵喵记账