視覺

心理學，特別是這類意象化的性格人格測試，在當下大眾眼中多少還是帶有一些神秘色彩的。今天被朋友圈刷屏的「網易云音樂」的「性格色彩測試」，就是一個典型案例。大面積的彌散形態色塊在...

3月30日，「小米」宣布升級品牌識別系統，開始使用新Logo。消息一出，#小米新Logo#的話題就沖上了熱搜榜。這次的品牌升級請到了國際級的日本平面設計大師原研哉，視覺以「A...

b站的404故障頁面以宮格漫畫的形式呈現，十分具有二次元屬性與趣味性。404漫畫圖多達幾十張，會隨機出現，涉及b站文化與產品功能介紹，以及一些吉祥物2233娘的中二日常小故事...

「網易云音樂」的會員成長等級及特權展示，結合了貫穿產品始終的黑膠唱片轉動元素來做信息可視化呈現。不僅為翻看不同會員等級的交互過程增加了趣味性，切換不同等級如同轉動黑膠唱片，還...

在手機端的「騰訊視頻」調節音量時你會發現顯示音量大小的音量條呈紅綠漸變色。隨著音量的增加，音量條的顏色會從冷綠色逐漸過渡到暖紅色。綠色給人平靜舒適的心理感受，而紅色會有警示的...

「自如」App的會員等級信息，使用了生動的動畫形式來呈現。隨著標尺滑動會員每提升一級，背景插畫中的房間就會增加一件家具，等級越高房間越溫馨環境更好。通過直白的動畫展現了會員等...

完成一個好的作品，除了需求一個好的構圖外，好的配色也至關重要。在最初開始需要多重借鑒色卡的時候，需要花費大量時間查閱、找色。而「色采」就解決了這個問題，你可以直接通過相機實時...

如何用具象的交互設計展現抽象的情緒感受，比如怦然心動的邂逅？在游戲「Florence」里，團隊巧妙地設計出了通過滑動移動界面的標尺讓模糊的鏡頭變清晰的交互方式，讓玩家透過第一...

「bilibili」iOS客戶端更新至6.9.1版本，360模式稿件終于在手機端支持全景播放了。將App升級到最新版本，點開支持360° 觀看的視頻內容全屏播放，點擊右上角的...

春夏秋冬四季更替，每個季節都有屬于自己的個性與色彩。「有期」App通過傳統農歷與物候插畫的結合形式，讓無形的時間與節氣在這里顯像。你可能從未發現，「有期」界面的色彩看似每日相...

自從Google團隊設計了為慶祝節日、紀念日和緬懷著名藝術家、科學家等大師先驅在Logo上進行二創的Doodle（涂鴉），各大引擎也爭相效仿上線自己的Doodle彩蛋。「夸克...

「高德地圖」里的一些景區地圖放大不僅會變成繪制精美的手繪版地圖，還隱藏了一些靈動的小動畫彩蛋。比如在「高德地圖」App搜索「杭州西湖」并放大至手繪版地圖，可以看到飛鳥掠過湖面...

在「小宇宙」App的單集播放頁中，你會發現播放進度條和常規的滑塊進度條有很大差別。除了具有常規的拖拽定位媒體的播放位置，還將用戶的點贊情況進行了可視化傳達。柱子較高的片段代表...

iOS15的「天氣」動畫做得十分細膩生動，比如當前天氣是下雪或者下雨，天氣動畫中的雪會積累在信息的毛玻璃卡片上方，而雨也會在毛玻璃卡片上方產生濺射的真實效果。雖然界面是扁平的...

針對部分有著MV的音樂，現在的「QQ音樂」會在點擊播放后自動播放部分MV的畫面，使得歌曲的氛圍感拉滿。而針對具有不同風格的音樂，「QQ音樂」也選擇了匹配不同風格的音律界面背景...

「支付寶」的「螞蟻會員」會根據用戶的積分情況匹配不同的會員等級，會員界面的皮膚也各不相同。會員卡的設計模擬了真實生活中會員卡的質地和視覺效果。比如「黃金會員」的會員卡，在晃動...

「微信讀書」支持用戶在「設置」里根據自己的喜好選擇翻頁方式，可設置「左右滑動」「上下滾動」以及「仿真翻頁」三種交互形式。在黑暗模式下，如果將翻頁方式設置成「仿真翻頁」，會出現...

修改「馬蜂窩」個人中心的昵稱時，默認頭像會隨著文字的變化自動更改。如果輸入的是日文的美女名字，頭像會變成帶有異域風情的女性頭像；如果輸入的是韓文的歐巴名字，頭像會變成英俊瀟灑...

最近，因為APPLE更新「小組件」功能而爆紅的功能型軟件「Top Widgets」推出了「透明小組件」功能，因為蘋果本身并不支持導入透明的小組件，所以這個功能本質上是在利用視...

「京東」消息中心視覺升級，頭像由舊版的方形修改為圓形。官方從4個方面解釋了升級成圓形頭像的原因：1.由于人臉更接近于圓形，圓形頭像會更符合用戶認知。2.圓形頭像具有聚焦效果，...