簡要解析Motion Design
大?。?/span>0.6 MB 人氣: 2017-10-11 需要積分:1
推薦 + 挑錯(cuò) + 收藏(0) + 用戶評論(0)
標(biāo)簽:
?在UI設(shè)計(jì)領(lǐng)域,動(dòng)態(tài)設(shè)計(jì)(motion design)因?yàn)镚oogle的參與開始被諸多人士關(guān)注,其原因在于能夠打造出生動(dòng)有趣的效果的能力。應(yīng)用中所有元素都按序排列,而動(dòng)態(tài)設(shè)計(jì)則便于引導(dǎo)用戶操作。每一個(gè)按鍵的點(diǎn)觸,每一個(gè)屏幕的轉(zhuǎn)換,都講述著生動(dòng)鮮活的故事,如創(chuàng)建和刪除條目的動(dòng)畫效果。刪除條目等同于破壞應(yīng)用中原有的元素,如果單單讓它消失就太無趣了。難道忍心直接把它扔出屏幕,任其在手機(jī)數(shù)據(jù)庫的角落里挨灰嗎?——可見制造有趣的動(dòng)畫效果必不可少。
創(chuàng)建條目也應(yīng)是生動(dòng)有趣的。既然讓它存在,何不好好設(shè)計(jì)下“出場方式”?可以讓新條目“蹦出來”,“彈出來”,但注意別做過了頭。微妙而不失考量才能創(chuàng)造最好的動(dòng)畫。

動(dòng)態(tài)設(shè)計(jì)難道單單是添加“砰砰跳跳”的效果嗎?才沒這么簡單。動(dòng)態(tài)效果不但對于界面設(shè)計(jì)越發(fā)重要,還成為了UI整體的驅(qū)動(dòng)力。你能想象Facebook的設(shè)計(jì)者以靜態(tài)布局的方式展示他們的iOS新聞聚合閱讀應(yīng)用Paper app嗎?這也太遜了點(diǎn)。當(dāng)所有元素都以動(dòng)態(tài)效果呈現(xiàn)時(shí),界面才有了意義。從這個(gè)層面來說,動(dòng)畫就是UI的精髓。
加強(qiáng)空間關(guān)系
每個(gè)應(yīng)用都需要一個(gè)主屏作為其他界面的窗口。如果一個(gè)界面從左邊滑出,從底部消失,還能從底部把它找回來嗎?它被徹底刪掉了嗎?以iOS播客應(yīng)用Casts為例,應(yīng)用左邊的結(jié)構(gòu)將“現(xiàn)在播放(now playing)”的界面從底部帶出,然后向前(用戶方向)飛去、消失,再從屏幕底部重現(xiàn)。

有點(diǎn)摸不著頭腦,是吧?現(xiàn)在比較一下幾周前開始在應(yīng)用里使用的新動(dòng)態(tài)語言。保持進(jìn)入/推出動(dòng)畫前后協(xié)調(diào),用戶就能輕松找到需要的界面。
動(dòng)態(tài)確認(rèn)
動(dòng)態(tài)設(shè)計(jì)能夠提升用戶的操作體驗(yàn)。當(dāng)刪除一個(gè)對象時(shí),它可以呈現(xiàn)模糊著消失,或者“Z”字飛出的動(dòng)態(tài)效果。發(fā)送郵件時(shí),可以看到屏幕上方的“發(fā)送動(dòng)態(tài)進(jìn)程”,提升了用戶的操作體驗(yàn)。
非常好我支持^.^
(0) 0%
不好我反對
(0) 0%
