上篇介紹了7個移動App 動效的設(shè)計技巧，今天再來談?wù)?a >移動APP的10條設(shè)計原則，幫你做出美觀并實用的動效！

設(shè)計的主要原則一、材質(zhì)

給用戶展示界面元素是由什么構(gòu)成的：輕盈的還是笨重的？死板的還是靈活的？平面的還是多維度的？你需要讓用戶對界面元素的交互模式有個基本的感覺。

二、運(yùn)動軌跡

你需要闡明運(yùn)動的自然屬性。一般原則顯示沒有生命的機(jī)械物體的運(yùn)動軌跡通常都是直線，而有生命的物體擁有更為復(fù)雜和非直線性的運(yùn)動軌跡。您要決定您的UI要給用戶呈現(xiàn)的什么樣的印象，并且將這種屬性賦予它。

三、時間

在設(shè)計動效時，時間是最有爭議的和最重要的考慮之一。在現(xiàn)實世界中，物體并不遵守直線運(yùn)動規(guī)則因為它們需要時間來加速或者減速，使用曲線運(yùn)動規(guī)則會讓元素的移動變得更加自然。

四、聚焦動效

要集中注意力于屏幕的某一特定區(qū)域。例如，閃爍的圖標(biāo)就會吸引用戶的注意，用戶會知道那有個提醒并去點(diǎn)擊。這種動效常用于有太多細(xì)節(jié)和元素從而無法將特殊元素區(qū)別化的界面中。

五、跟隨和重疊

跟隨是一個動作的終止部分。物體不會迅速地停止或者開始移動，每個運(yùn)動都可以被拆解為每個部分按照各自速率移動的細(xì)小動作。例如，當(dāng)您扔個球，在球出手后，您的手也依然在移動。

重疊意味著在一個動作結(jié)束前開始的第二個動作，這樣可以吸引用戶的注意力，因為兩個動作之間并沒有一段靜止期。

六、次要動效

次要動效原則類似于跟隨和重疊原則。簡要地講，主要動效可被次要動效伴隨。次要動效使畫面更加生動，但如果一不小心就會引起用戶不必要的分神。

七、緩入和緩出

緩入/緩出是設(shè)計的基礎(chǔ)原則，尤其是在移動開發(fā)UI動效，和普通的動畫制作中同等重要。雖然易于理解，但此原則卻常常容易被忽略。緩入/緩出原則是來自于現(xiàn)實世界中物體不可能立刻開始或者立刻停止運(yùn)動的事實。任何物體都需要一定的時間用來加速或者減速。當(dāng)你使用緩入/緩出原則來設(shè)計動效時，將會導(dǎo)出非常真實的運(yùn)動模式。

八、預(yù)期

預(yù)期原則適用于提示性視覺元素。在動效展現(xiàn)之前，我們給用戶點(diǎn)時間讓他們預(yù)測一些要發(fā)生的事情。完成預(yù)期其中一種方法就是使用我們上述的緩入原則。物體朝特定方向移動也可以給出預(yù)期視覺提示：例如，一疊卡片出現(xiàn)在屏幕上，你可以讓這疊卡片最上面的一張卡傾斜，那么用戶就可以推測出這些卡片可以移動。

九、韻律

動效中的韻律和音樂與舞蹈中的韻律有著同樣的功能；它使動效結(jié)構(gòu)化。使用韻律可以使動效更加自然。

十、夸張

夸張的表現(xiàn)方法常常會被用到，但它并不是那么容易被闡釋，因為它是基于被夸張化的預(yù)期動作或效果。它可以幫助吸引額外的注意力到特殊元素上。

成都網(wǎng)頁設(shè)計就找創(chuàng)新互聯(lián)（www.aaarwkj.com）

當(dāng)前標(biāo)題：移動APP的9條設(shè)計原則
地址分享：http://www.aaarwkj.com/news44/192994.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、網(wǎng)站維護(hù)、用戶體驗、網(wǎng)站內(nèi)鏈、網(wǎng)站策劃、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)