還記得Mate X2那張動態桌布嗎？原來是這樣設計的！

2021-06-16 03:02:10

【手機中國新聞】今年2月，華為釋出了新一代摺疊旗艦——華為Mate X2。當時很多人都為該機「雙旋水滴鉸鏈」的設計所驚豔，但除此以外，那朵隨螢幕展開而緩緩綻放的藍色花朵相信也給不少人留下了深刻的印象。這樣一朵小花，如何讓它在螢幕中栩栩如生？對此，華為的UX設計師有故事要說。

Mate X2「靜謐池畔」動態桌布

6月15日，華為心聲社群發文，講述了一名華為UX設計師創作Mate X2「靜謐池畔」動態桌布的心路歷程。原來，這名設計師拿到Mate X2的樣機後，就決心為其設計一張動態桌布，最終在風景（插畫繪本效果）、海浪（海水衝過沙灘的流動）、花朵（花徐徐開放）方案中選擇了最後一個。

如何模擬花開？這是擺在設計師面前的一個難題。與動畫片類似，「靜謐池畔」是通過一張張靜態的圖片連續播放呈現出來的。其中每一朵花都是先用手繪構建出花的色彩與形狀，對整體的造型、動態姿態的關鍵部分進行繪製，再結合三維技術把每一片花瓣進行重新建模，讓花蕊把花開動效進行抽象重構。

Mate X2「靜謐池畔」靜態圖片

然而，在內部beta使用者測試中，一位使用者對這張動態桌布點評到：「花朵的綻放和閉合都有點機械，不太自然。」

Mate X2「靜謐池畔」最終效果

幸好華為還有很多壓箱底的東西，設計師通過一個華為自研的小工具，估模型分析每一幀畫面之間的差異，發現人眼對畫面中某個元素的位移和畫面亮度變化感知最為明顯後，只要將這兩個參數設定為關鍵指標，就能根據模型模擬使用者感知的流暢性體驗，精細化地對每一幀進行細微的修改。即使是很細微的角度變化，也能有明顯的視覺感知，符合人的心理預期，這樣花朵就「活」了過來。

還記得Mate X2那張動態桌布嗎？原來是這樣設計的！

熱門文章