集微網1月6日消息,華為EMUI官方微博近日發文揭秘華為是如何打造流暢動效的。
圖片來源:華為官網
在文章中,華為EMUI工程師總結了12字箴言:快起來、慢下來、做加法、做減法,並以此為原則來打造流暢動效。
快起來:手勢動效是一個手眼心協同的過程,不能讓用戶感受到延遲是最基本的內功。如何做到讓用戶觸摸即響應,EMUI 11從底層架構深度優化了動效的首幀響應效率,時延降低50%,確保手指觸摸與動效的執行,以及眼睛看到效果間只有毫秒級的時延,真正做到手眼心合一。
慢下來:對於返回桌面的曲線,工程師不再過於強調跟手,而是強調視覺過程的體驗,部分抑制了圖形的快速變化,使得相鄰幀的銜接更緊密。你能看到每一幀動畫間的變化更小了、界面到圖標的銜接更平緩了……時長沒有變化,但整個動效過程變得更加的穩、厚,層次連貫且豐富,仿佛慢了下來。
做加法:工程師將圖標分層設計,分為前景層和背景層,在應用回桌面的曲線中,圖標會根據手滑的速度和方向,對前景和背景層做空間錯層效果,如果用戶手速夠快,前景層甚至有溢出的感覺,從此圖標不再是一成不變的固定樣式,在運動過程中是動態交錯的,帶來更活靈活現的動效體驗。
做減法:EMUI 11還做了很多「梳理歸納」的工作,統一了一些相似場景的動效體驗,如橫屏下打開、退出應用的動效曲線優化為與豎屏類似的效果,從此五花八門的動效少了,整體設計的一致性更強了。
此外,EMUI 11還全新升級了動效物理引擎2.0,不僅讓手勢導航動效更加Q彈,也讓多任務卡片擁有鏈式聯動效果等。
(校對/零叄)