亚洲aⅴ在线视频_精品国产污污网站_草久在线观看_成全电影免费高清观看_羞羞污的美女网站在线观看_日日摸夜夜摸人人嗷嗷叫_国色天香35项和28项的区别_精品国产一区二区刺激高潮_九九av高潮av喷吹_日韩无码免费一级片

網(wǎng)易出品    必出精品
0510-881001984007-999-163
客服熱線400-710-6678
×

我要網(wǎng)站建設(shè)介紹PPT,輸入郵件地址,我們把最新的PPT介紹資料發(fā)給您。



標(biāo) 題:移動(dòng)APP的9條設(shè)計(jì)原則
日 期:2017.06.28
位 置:首頁(yè)>新聞> 優(yōu)化知識(shí) >移動(dòng)APP的9條設(shè)計(jì)原則

上篇介紹了7個(gè)移動(dòng)App 動(dòng)效的設(shè)計(jì)技巧,今天再來談?wù)勔苿?dòng)APP的10條設(shè)計(jì)原則,幫你做出美觀并實(shí)用的動(dòng)效!

設(shè)計(jì)的主要原則

一、材質(zhì)

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

二、 運(yùn)動(dòng)軌跡

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

三、時(shí)間

在設(shè)計(jì)動(dòng)效時(shí),時(shí)間是最有爭(zhēng)議的和最重要的考慮之一。在現(xiàn)實(shí)世界中,物體并不遵守直線運(yùn)動(dòng)規(guī)則因?yàn)樗鼈冃枰獣r(shí)間來加速或者減速,使用曲線運(yùn)動(dòng)規(guī)則會(huì)讓元素的移動(dòng)變得更加自然。

四、聚焦動(dòng)效

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

五、跟隨和重疊

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

重疊意味著在第一個(gè)動(dòng)作結(jié)束前開始的第二個(gè)動(dòng)作,這樣可以吸引用戶的注意力,因?yàn)閮蓚€(gè)動(dòng)作之間并沒有一段靜止期。

六、 次要?jiǎng)有?/span>

次要?jiǎng)有г瓌t類似于跟隨和重疊原則。簡(jiǎn)要地講,主要?jiǎng)有Э杀淮我獎(jiǎng)有О殡S。次要?jiǎng)有巩嬅娓由鷦?dòng),但如果一不小心就會(huì)引起用戶不必要的分神。

七、緩入和緩出

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

八、預(yù)期

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

九、 韻律

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

十、夸張

夸張的表現(xiàn)方法常常會(huì)被用到,但它并不是那么容易被闡釋,因?yàn)樗腔诒豢鋸埢念A(yù)期動(dòng)作或效果。它可以幫助吸引額外的注意力到特殊元素上。

 

 

無錫網(wǎng)頁(yè)設(shè)計(jì)就找無錫海之睿(mbxwmtr.cn)


將文章分享到..

熱門文章

Are You Interested ?
感興趣嗎?
與我們聯(lián)系了解更多吧
有一個(gè)互聯(lián)網(wǎng)項(xiàng)目想和我們談?wù)剢??您可以填寫右邊的表格,讓我們了解您的?xiàng)目需求,這是一個(gè)良好的開始,我們將會(huì)盡快與你取得聯(lián)系。當(dāng)然也歡迎您給我們寫信或是打電話,讓我們聽到你的聲音!
  • 網(wǎng)站服務(wù)熱線:400-710-6678
    郵箱服務(wù)熱線:400-799-9163
  • 電話:0510-88100198 渠道:0510-80211762
  • 地址:無錫市濱湖區(qū)蠡湖大道2018號(hào)普信copo 3棟810室
  • E-mail:fuwu@haizr.com

合作意向表/ Cooperation Form

您需要的服務(wù)

您最關(guān)注的地方

預(yù)算