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

這次安卓大會上宣布了許多的改進，比如電池保護模式和新的鎖屏通知。

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

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

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

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

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

"如果你是一個設(shè)計師，請學(xué)習(xí)動效設(shè)計。因為你需要設(shè)計60幀中A到B之間的58幀。"

— Paul Stamatiou (@Stammy) June 26, 2014

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

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

——Julie Zhou

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

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

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

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

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

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

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

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

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

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

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