交互手勢當你不喜歡我的時候,我的「心」都碎了~

產品: Tumblr獵人: AmberDu小白作者: Tumblr 設計團隊觀眾: 5.4k人 時間: 2018-07-19

Tumblr

與「Tumblr」有關的細節還有 2查看全部

我也有新發現 我要投稿
當你不喜歡我的時候,我的「心」都碎了~當你不喜歡我的時候,我的「心」都碎了~

細節描述

AmberDu小白: 在表現同一個圖標的兩種不同狀態時,我們常常用置灰的方式表示默認狀態而用主色表示選中狀態,這樣的方式是完全可以滿足功能需求的。但是,很多團隊和設計師沒有滿足于此開始研究怎樣讓用戶操作的界面擁有人情味,也就是所謂的「情感化設計」。Tumblr的「喜歡」按鈕點擊時會飄出一顆大大的愛心,正好跟看見喜歡的事物心花怒放的感覺相對應;取消喜歡的時候是傷心的情緒,會有一顆碎成兩半的心形搖搖欲墜,表現出「心碎」的感覺。這樣的細節準確再現了用戶當時的情緒,就像一個了解你的朋友在你身邊一樣,不覺為這樣的產品點贊~ 投稿人:穆鑫

0暫無評分
收藏 2
分享細節海報

發表評論 為下方 5 條評論點贊,解鎖好運彩蛋

{{ moreBtnTxt }}

你可能還愛看

「貓耳」是如何用情感化的微交互細節拉近產品與用戶的距離的?
貓耳FM

微交互「貓耳」是如何用情感化的微交互細節拉近產品與用戶的距離的?

獵人 - AmberDu小白0.0

「貓耳」App底部導航欄的中間有一只會通過打瞌睡(常態)、聽歌搖擺(音頻播放中)等動畫效果反饋用戶操作行為的小萌貓吉祥物。其實,頁面頂部的下拉刷新界面里,也藏著一只追蝴蝶的可...

查看詳情

#互動#刷新#即時反饋

在「Tumblr」舞動彩虹小蛇
Tumblr

設計彩蛋在「Tumblr」舞動彩虹小蛇

獵人 - 海的格爾9.0

「Tumblr」作為一個輕博客應用,里面的內容形式真的是多種多樣,同時還隱藏著一些小驚喜。在安卓客戶端上,只要按著右下角的發布內容按鈕不松手,然后在屏幕上拖拽,就會拖出一條彩...

查看詳情

#Tumblr#互動#交互手勢

單身狗你有被七夕虐到嗎?

設計彩蛋單身狗你有被七夕虐到嗎?

獵人 - 二然9.0

七夕情人節當天打開「微信」的「電影票」功能,選擇想看的電影進入在線選座的頁面,如果你只選擇了1個位置頁面會飄落一堆「doge」的表情頭像。即使是單身也不會感到被傷害,反而讓人...

查看詳情

#情感化設計#情緒#騰訊