新年伊始 Facebook 便重磅推出新聞聚合閱讀獨立 App,芳名Paper。雖然不到一天就遭到評論家詬病,稱其不過是新聞閱讀應(yīng)用 Flipboard 和 Facebook 本身應(yīng)用的合體。用戶在管理自己個性化 RSS 閱讀訂制的同時,可以順帶把 Facebook 的“新鮮事”刷完, 省去了跳轉(zhuǎn) App 的麻煩。難道Facebook是目的就是要用Paper 來取代自己本身的App?忽略這些所謂背后的意義,只看 Paper, 它華麗而精致的 UI (用戶界面)設(shè)計,則儼然可以把 Facebook 推入頂級交互式媒體產(chǎn)品的行列。
Paper 的詩意現(xiàn)身,一個叫做Origami的工具功不可沒。Facebook 開發(fā)的這款圖像設(shè)計動畫合成工具,可以快速構(gòu)建原型,并在不寫一行代碼的前提下完成對復(fù)雜動畫的合成和測試。自上個月發(fā)布后,全世界的設(shè)計師都可以免費使用。
Origami 這個工具讓設(shè)計師們給 Paper 原型設(shè)計出了許多復(fù)雜的動畫, 無論是在一個屏幕里實現(xiàn)翻頁和切換主題,還是用滑動來移動板塊提取新聞,屏幕和手機永遠處于即時互動狀態(tài),iOS7 的 3-D 效果更給圖片增添了無限立體感。
Origami 自九個月前由大名鼎鼎的 Facebook 產(chǎn)品設(shè)計師 Brandon Walkin 和 Drew Hamlin 開始,與他們的作品 Paper 同時進行,隨著 Paper 需要承載的功能越來越多 Origami 也在不斷完善其功能。事實上,在 Paper 上面看得到的每個動畫效果都是先由設(shè)計師們在 Origami 上成型后再由 Facebook 的程序員們在 App 上編寫的。
Origami 本是圖形編程工具 Quartz Composer 的一個插件,用來做一些簡單的動態(tài)視覺效果 ,Quartz 從來沒能成為最前沿的交互設(shè)計工具 。
Facebook 的團隊對 Origami 進行了各個方面的改變,例如允許設(shè)計師們在核心層面修改布局設(shè)計,并通過減少術(shù)語等方式進一步簡化了這項工具的使用。他們在如何使這項工具平易近人上花了很多心思。舉個簡單的例子,一個繪制軌道的工具,當(dāng)你標(biāo)出兩個點后系統(tǒng)自動繪制出路徑,有了這個工具你可以輕易做出令一個圖像飛過界面的效果。在 Ouartz Composer 里面,這個功能被稱為線性差補(”Linear Interpolation”),F(xiàn)acebook 則把它叫作 “遷移”(“Transition”)因為設(shè)計師們會在轉(zhuǎn)換頁面時用到它。 雖說這個名字花了 3 周時間才想出來,但設(shè)計師們都覺得這時間花的值。
有人會質(zhì)疑說難道 Facebook 真的讓所有人免費使用這個軟件嗎?在快速設(shè)計界面原型領(lǐng)域,有了這個軟件則會如虎添翼。難道 Facebook 不想自己留著它,以在同 Twitter 和其他社交媒體的競爭中更占優(yōu)勢嗎?設(shè)計師 Hamlin 認為競爭的基礎(chǔ)并不在于一個軟件,做出優(yōu)秀的產(chǎn)品才是 Facebook 一直致力于的,也會是勝出的關(guān)鍵。Facebook 用 10 年時間證明了自己不是一時的狂熱。最終,它想要在交互設(shè)計領(lǐng)域向前再邁一步以從整體上提高自己的產(chǎn)品質(zhì)量。Origami 和 Paper 就是其打響的第一炮。
[本文參考以下來源:fastcodesign.com, huffingtonpost.com]