聊聊動效設計

0 評論 5904 瀏覽 3 收藏 6 分鐘

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

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

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

“如果沒有約束,就不僅僅是設計——它是藝術”?— Matias Duarte

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

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

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

“如果你是一個設計師,請學習動效設計。因為你需要設計60幀中A到B之間的58幀。”

— Paul Stamatiou (@Stammy)?June 26, 2014

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

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

——Julie Zhou

我不會太深入的探討如何去設計動效,但是有一些建議是肯定的:正確的、響應式的、有意義的、人性化的細節(jié)。

“精心設計的動效”可以有效的幫助用戶集中注意力和引導完成所有步驟;當布局更改時可以避免混淆的排列元素、改善整體的美觀程度。動畫也是一種個性、一種表達的途徑?!?/p>

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

Image

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

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

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

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

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

有其它的工具像pixate,它可以讓你通過網頁拖放的形式來構建你的原型然后在設備上查看。

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

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

原文:Milton Glaser

本文為BESD設計實驗室翻譯投稿,轉載請注明來源于人人都是產品經理并附帶本文鏈接

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!