在動(dòng)畫創(chuàng)意爆發(fā)的ColorOS 7面前,iOS13還能一家獨(dú)大嗎?
科技"炫技"時(shí)代,比得是創(chuàng)意,比得是設(shè)計(jì)。UI的界面設(shè)計(jì)今天姑且不談,我們不妨拿出來(lái)動(dòng)畫特效,單獨(dú)說(shuō)一說(shuō),對(duì)比iOS,在動(dòng)畫過(guò)渡方面,全新的ColorOS 7有哪些不得不說(shuō)的亮點(diǎn)。

1. 天氣動(dòng)畫
過(guò)于刻板的天氣界面顯示無(wú)法獲得用戶的共鳴感,全新的ColorOS 7推出了天氣動(dòng)畫,依據(jù)時(shí)節(jié)天氣變化的動(dòng)畫效果,帶來(lái)了更為真實(shí)的畫面交互效果。

2. 列表滑動(dòng)
在原先流暢的列表滑動(dòng)設(shè)計(jì)下,ColorOS 7設(shè)計(jì)了"回彈"的滑動(dòng)運(yùn)動(dòng)軌跡。以ColorOS中Breeno界面的列表滑動(dòng)動(dòng)效為例,當(dāng)用戶手勢(shì)滑動(dòng)時(shí),列表會(huì)隨著用戶手勢(shì)出現(xiàn)的"回彈"的力作用效果,畫面真實(shí),運(yùn)動(dòng)軌跡似乎緊隨用戶手勢(shì)而出現(xiàn),貼合度極高。

3. 返回主頁(yè)
有別于前文提及的"列表滑動(dòng)回彈軌跡",在ColorOS內(nèi)從某一場(chǎng)景返回主頁(yè)時(shí),輕觸操作,動(dòng)畫會(huì)一個(gè)較為明顯的"拋物線"形式返回主頁(yè),有重力下落的軌跡,并且似乎也迎合了用戶"上提"返回的操作手勢(shì),用戶便是這條拋物線運(yùn)動(dòng)軌跡的"發(fā)力者"。

當(dāng)然,上述動(dòng)效僅僅是ColorOS 7中的部分設(shè)計(jì)創(chuàng)意,通過(guò)這些設(shè)計(jì)亮點(diǎn)我們不難發(fā)現(xiàn),相對(duì)于iOS,ColorOS 更富有輕快感和交互沉浸感,用戶明顯可以從中感受到"人機(jī)交互"的手勢(shì)運(yùn)動(dòng)軌跡。

這些動(dòng)效表現(xiàn)的根源,其實(shí)還是ColorOS 7加入了全新的Quantum量子動(dòng)畫引擎。Quantum量子動(dòng)畫引擎的作用原理是通過(guò)貝塞爾曲線(cubic-bezier)差值器來(lái)描述元素(窗口開合、列表滑動(dòng))的緩動(dòng)起始運(yùn)動(dòng),簡(jiǎn)單高效的模擬元素受受作用力開始運(yùn)動(dòng)與受阻尼影響停止運(yùn)動(dòng)的情形。用戶的操作手勢(shì)就是作用于元素的作用力,而隨之展現(xiàn)的動(dòng)效效果,比如"回彈"和"拋物線"等,便是Quantum量子動(dòng)畫引擎賦予用戶輕快、自然、有靈性的交互表現(xiàn)。

用創(chuàng)意和設(shè)計(jì)為用戶制造個(gè)性的動(dòng)畫過(guò)渡效果,可以說(shuō)這一次ColorOS 7的表現(xiàn)很值得為之鼓掌。作為國(guó)內(nèi)年輕有活力的研發(fā)型廠商之一,在其不斷涌現(xiàn)的創(chuàng)意能量之下,或許將來(lái)還會(huì)有更多富有靈感的設(shè)計(jì)展現(xiàn)在用戶面前。