聊聊動(dòng)效設(shè)計(jì)

上周我參加了谷歌的I/O大會(huì)，加入了一個(gè)關(guān)于跨平臺(tái)設(shè)計(jì)的小組座談，這一次會(huì)議有非常多有趣的新事物，讓人有種第一次走在拉斯維加斯大道上一樣的驚奇。

這次安卓大會(huì)上宣布了許多的改進(jìn)，比如電池保護(hù)模式和新的鎖屏通知。

也有更多的設(shè)備能夠使用上安卓系統(tǒng)：智能穿戴設(shè)備、智能汽車、智能電視。以后當(dāng)有人說到安卓時(shí)，安卓將不僅僅是讓人聯(lián)想到手機(jī)，而是會(huì)聯(lián)想到更多諸如電視汽車等。

“如果沒有約束，就不僅僅是設(shè)計(jì)——它是藝術(shù)” — Matias Duarte

Android L最突出的改變完全是明面上的，也就是新的“材料設(shè)計(jì)”（Material Design）語言，相比之前的設(shè)計(jì)，新的設(shè)計(jì)語言靈感來源于紙張，界面風(fēng)格更加的扁平化，更加的跳躍同時(shí)色彩也更豐富。同時(shí)加入了非常多精美又流暢的系統(tǒng)動(dòng)畫，能夠以60幀的速度優(yōu)雅的完成每一處系統(tǒng)動(dòng)畫的切換。

而且這種設(shè)計(jì)語言并不只是單單用在新版的Android上，而是致力于讓谷歌旗下的所有產(chǎn)品都能夠有一個(gè)統(tǒng)一的設(shè)計(jì)風(fēng)格，包括網(wǎng)頁、車載平臺(tái)，可穿戴平臺(tái)等等，其實(shí)這一理念已經(jīng)在Google+的客戶端上出現(xiàn)過了，當(dāng)然這背后還會(huì)有更多的控件和標(biāo)志。

安卓I/O大會(huì)不僅僅是講安卓和設(shè)計(jì)語言本身，更是暗示著一個(gè)跨平臺(tái)、手機(jī)、電視、汽車等的未來。

"如果你是一個(gè)設(shè)計(jì)師，請(qǐng)學(xué)習(xí)動(dòng)效設(shè)計(jì)。因?yàn)槟阈枰O(shè)計(jì)60幀中A到B之間的58幀。"

— Paul Stamatiou (@Stammy) June 26, 2014

一年以前，我在工作中會(huì)使用一系列的工具來在自己的想法和設(shè)計(jì)通過特效、或者是搭建HTML/CSS/JS原型與手機(jī)設(shè)備進(jìn)行交互中展示動(dòng)畫和過度效果。

"在工程中使用QC不僅會(huì)使工作更加簡單，還可以讓你設(shè)計(jì)活起來，讓人可以很快理解這個(gè)設(shè)計(jì)的工作和含義。"

——Julie Zhou

我不會(huì)太深入的探討如何去設(shè)計(jì)動(dòng)效，但是有一些建議是肯定的：正確的、響應(yīng)式的、有意義的、人性化的細(xì)節(jié)。

“精心設(shè)計(jì)的動(dòng)效”可以有效的幫助用戶集中注意力和引導(dǎo)完成所有步驟；當(dāng)布局更改時(shí)可以避免混淆的排列元素、改善整體的美觀程度。動(dòng)畫也是一種個(gè)性、一種表達(dá)的途徑?！?/p>

幾個(gè)視圖中可以通過動(dòng)效來串連在一起，例如谷歌在視圖的變化中就使用了一系列小的過渡效果來表達(dá)轉(zhuǎn)換和幫助用戶理解層次關(guān)系。

Roman Nurik告訴了我們一個(gè)問題，一個(gè)功能強(qiáng)大的原型是你展示設(shè)計(jì)最好的方式。

不過在過去五年中，我們常常是將一連串的頁面鏈接起來而已。在今天來說，原型對(duì)我來說是能在移動(dòng)設(shè)備上使用的真正的程序———真實(shí)的轉(zhuǎn)換、可拖動(dòng)的元素、可滾動(dòng)的區(qū)域、動(dòng)畫效果等等。

在過去，它可能需要使用耗費(fèi)時(shí)間區(qū)使用像Adobe After Effects來制作效果，這種耗時(shí)間的事情可能會(huì)到你截稿的時(shí)候都不一定完得成。

現(xiàn)在有很多新的工具可以幫助你更高效的處理。

比如Polymer可以幫助你編排，我一直在使用framer，幾乎每天都在使用JS來構(gòu)建交互式原型設(shè)計(jì)。不過framer在小的測(cè)試上并不怎么好用，因?yàn)闀?huì)有很多的工作量。

有其它的工具像pixate，它可以讓你通過網(wǎng)頁拖放的形式來構(gòu)建你的原型然后在設(shè)備上查看。

當(dāng)然以后還會(huì)有更多的更好用的工具，不過有一件事上肯定的，那就是把一個(gè)真正的原型放在你的團(tuán)隊(duì)面前是最有效的交流方式，不用再去向團(tuán)隊(duì)的其它成員解釋”你點(diǎn)擊這個(gè)，然后它就會(huì)加載、滑動(dòng)….“

我們認(rèn)為移動(dòng)設(shè)備的設(shè)計(jì)師越來越多的時(shí)候，我們就越需要更強(qiáng)大和好用的工具。這樣我們可以設(shè)計(jì)出更好的產(chǎn)品來吸引用戶、幫助用戶解決問題。