2013.09.11 14:15

iOS 7 中的動態焦點設計及 Parallax 空間動態中的速率曲線分析

ADVERTISEMENT

「Parallax」空間速率

以上談到的根據操作焦點的切換模式,是從運動的方位軌跡上來進行分解。而對於動態設計來說,運動速率則是影響使用者感知的另一維度。就像是同樣的音樂曲譜,用不同的節拍速度進行演奏,可能會出現催眠曲和電子舞曲這樣截然不同的效果。

iOS 7 的app啟動動態設計中,運動時間不僅比 iOS 6 多出了 80%,而且在速率曲線上也有了較大的差異。下圖中的 X 軸代表了動態運動的時長,Y 軸則代表了運動的速率,可以看出 iOS 6 的動態運動由開始至結束過程中,其加速和減速都是較為平均的。而在 iOS 7 中,app啟動動態以更高加速度開始,到達極速後以非常平緩的減速度直至結束。這樣的運動速率給使用者更為舒緩和放鬆的感受,但對於此前 6 年的 iOS 系統使用者來說意味著一次感知習慣的挑戰。

但除了時間和加速度曲線的變化外,iOS 7 的動態速率還包含了一個全新維度,就是與其全新「Parallax」解構相呼應的空間速率。在 WWDC 2013 大會上,Apple 已經介紹了「Parallax」的介面視差空間結構,也在整個系統中加入了許多針對性的設計要素。而在動態設計中,則是透過運動速率的特殊計算模式進行體現。

ADVERTISEMENT

以下是我們的動態設計師對 iOS 7 的全新動態設計進行了高速模擬和分解:

在模擬影片中可以看出,雖然 iOS 7 中大多數的集合視圖動態速率曲線是相似的,但是由不同所操作點引發的介面動態,其速率曲線間也有著細微差異。規律是在同樣的介面動態時長下,以螢幕中心點作為原點,越靠近螢幕邊緣的操作焦點,越以更高的啟動速度開啟介面動態過程。

ADVERTISEMENT



這樣差異化的動態速率方式,相對全部一致化的動態效果,會給人中心點內容離操作者更近,螢幕邊緣離操作者相對較遠的感覺。透過動態速率在使用者的感知潛意識中,構建出一個介面中的速率空間。這樣的設計方式常見於一些縱版射擊遊戲中,但在介面產品的設計中確實不多見。

結語

透過進一步分析和理解,我們可以看到 iOS 7 設計團隊開始從更多新的維度和深度思考介面產品設計。全新的 iOS 系統產品在未來幾年內對使用者、產品以及行業都會帶來不同程度的影響。其中很多改變都讓人感到興奮,特別是在許多方面的全新轉變,也將過去很多未能實現的設計方案變為現實。對於未來產品而言,在帶來新挑戰的同時,實際上也提供了全新的想像和施展空間。

ADVERTISEMENT

延伸閱讀:

好壞美醜,開發者眼中的 iOS 7

iOS 7 新功能,甩甩頭就能控制 iPhone 與 iPad 裝置專業設計師告訴你 iOS 7 不為人知的設計細節

iOS 7 Beta 評測:酷炫立體介面、實用功能一次看

ADVERTISEMENT