2022-06-17 分類: 網(wǎng)站建設
上周我參加了谷歌的I/O大會,加入了一個關(guān)于跨平臺設計的小組座談,這一次會議有非常多有趣的新事物,讓人有種第一次走在拉斯維加斯大道上一樣的驚奇。
這次安卓大會上宣布了許多的改進,比如電池保護模式和新的鎖屏通知。
也有更多的設備能夠使用上安卓系統(tǒng):智能穿戴設備、智能汽車、智能電視。以后當有人說到安卓時,安卓將不僅僅是讓人聯(lián)想到手機,而是會聯(lián)想到更多諸如電視汽車等。
“如果沒有約束,就不僅僅是設計——它是藝術(shù)” — Matias Duarte
Android L最突出的改變完全是明面上的,也就是新的“材料設計”(Material Design)語言,相比之前的設計,新的設計語言靈感來源于紙張,界面風格更加的扁平化,更加的跳躍同時色彩也更豐富。同時加入了非常多精美又流暢的系統(tǒng)動畫,能夠以60幀的速度優(yōu)雅的完成每一處系統(tǒng)動畫的切換。
而且這種設計語言并不只是單單用在新版的Android上,而是致力于讓谷歌旗下的所有產(chǎn)品都能夠有一個統(tǒng)一的設計風格,包括網(wǎng)頁、車載平臺,可穿戴平臺等等,其實這一理念已經(jīng)在Google+的客戶端上出現(xiàn)過了,當然這背后還會有更多的控件和標志。
安卓I/O大會不僅僅是講安卓和設計語言本身,更是暗示著一個跨平臺、手機、電視、汽車等的未來。
"如果你是一個設計師,請學習動效設計。因為你需要設計60幀中A到B之間的58幀。"
— Paul Stamatiou (@Stammy) June 26, 2014
一年以前,我在工作中會使用一系列的工具來在自己的想法和設計通過特效、或者是搭建HTML/CSS/JS原型與手機設備進行交互中展示動畫和過度效果。
"在工程中使用QC不僅會使工作更加簡單,還可以讓你設計活起來,讓人可以很快理解這個設計的工作和含義。"
——Julie Zhou
我不會太深入的探討如何去設計動效,但是有一些建議是肯定的:正確的、響應式的、有意義的、人性化的細節(jié)。
“精心設計的動效”可以有效的幫助用戶集中注意力和引導完成所有步驟;當布局更改時可以避免混淆的排列元素、改善整體的美觀程度。動畫也是一種個性、一種表達的途徑?!?/p>
幾個視圖中可以通過動效來串連在一起,例如谷歌在視圖的變化中就使用了一系列小的過渡效果來表達轉(zhuǎn)換和幫助用戶理解層次關(guān)系。
Roman Nurik告訴了我們一個問題,一個功能強大的原型是你展示設計最好的方式。
不過在過去五年中,我們常常是將一連串的頁面鏈接起來而已。在今天來說,原型對我來說是能在移動設備上使用的真正的程序———真實的轉(zhuǎn)換、可拖動的元素、可滾動的區(qū)域、動畫效果等等。
在過去,它可能需要使用耗費時間區(qū)使用像Adobe After Effects來制作效果,這種耗時間的事情可能會到你截稿的時候都不一定完得成。
現(xiàn)在有很多新的工具可以幫助你更高效的處理。
比如Polymer可以幫助你編排,我一直在使用framer,幾乎每天都在使用JS來構(gòu)建交互式原型設計。不過framer在小的測試上并不怎么好用,因為會有很多的工作量。
有其它的工具像pixate,它可以讓你通過網(wǎng)頁拖放的形式來構(gòu)建你的原型然后在設備上查看。
當然以后還會有更多的更好用的工具,不過有一件事上肯定的,那就是把一個真正的原型放在你的團隊面前是最有效的交流方式,不用再去向團隊的其它成員解釋”你點擊這個,然后它就會加載、滑動….“
我們認為移動設備的設計師越來越多的時候,我們就越需要更強大和好用的工具。這樣我們可以設計出更好的產(chǎn)品來吸引用戶、幫助用戶解決問題。
本文題目:聊聊動效設計
分享網(wǎng)址:http://www.rwnh.cn/news47/168547.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供App設計、ChatGPT、網(wǎng)站策劃、App開發(fā)、品牌網(wǎng)站建設、品牌網(wǎng)站設計
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容