公主的腿间舌奴们np肉_国产在热线精品视频99公交_公主车上荫蒂添的好舒服_公侵犯人妻中文字慕一区二区_公么大龟弄得我好舒服秀_公交车+多人+高cH文章推荐_日本熟妇另类视频在线播放

提升品質(zhì)!豐富APP動態(tài)效果的六點(diǎn)原則

2014-2-20    藍(lán)藍(lán)設(shè)計的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   tweetduck.com  )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點(diǎn)這里 

如果想讓你的移動界面設(shè)計應(yīng)用更活潑更靈動,豐富的動效是不可少的,豐富的動效可以讓你的應(yīng)用更具活力,充滿生機(jī);豐富的動效可以讓你的應(yīng)用彰顯效率,提升品質(zhì)感;豐富的動效可以讓你的應(yīng)用充滿魅力,引人探索;豐富的動效可以讓你的應(yīng)用減少焦慮,消除等待感;豐富的動效可以讓你的應(yīng)用充滿韻味,有節(jié)奏感;豐富的動效可以讓你的應(yīng)用有出奇的信息組織,整潔。

藍(lán)藍(lán)設(shè)計這里主要介紹六種簡單通用的方式 ———— 轉(zhuǎn)場、邀請、過渡、反饋、縮放、吸附。

原則一:轉(zhuǎn)場

zhuanchang 移動應(yīng)用豐富動效的六點(diǎn)原則

由于手機(jī)屏幕空間有限,更多的內(nèi)容會被隱藏在屏幕后邊,或者屏幕的左邊、右邊、下邊,轉(zhuǎn)場動效能幫助應(yīng)用營造一種空間方位感。轉(zhuǎn)場動效是目前應(yīng)用最多的動效種類,畢竟iPhone、Andoird、Wp7都有提供一些官方的動效的API,一些簡單的動效可以直接調(diào)用官方API來完成。Android官方動效8個,iPhone官方動效19個,WP7官方動效6個,具體幾個平臺的動效有哪些差異,后續(xù)有機(jī)會分享。

原則二:邀請

IMG 1581 移動應(yīng)用豐富動效的六點(diǎn)原則  

IMG 1582 移動應(yīng)用豐富動效的六點(diǎn)原則

直接提供邀請,告知用戶可以做的事,效果最直觀,引導(dǎo)性最好。但是要注意操作邀請一定是需要突出的主要功能或任務(wù),不能什么功能都邀請用戶試用一下,要知道,大部分用戶只用到你應(yīng)用里的20%就算不錯了。邀請不能過于強(qiáng)制,如非必要,中斷用戶正在執(zhí)行的操作是很不禮貌的行為。

原則三:過渡

20120506122711 移動應(yīng)用豐富動效的六點(diǎn)原則 

IMG 1604 移動應(yīng)用豐富動效的六點(diǎn)原則

當(dāng)應(yīng)用正在加載數(shù)據(jù)的時候,一定要給予過渡,讓用戶知道應(yīng)用正在努力工作,系統(tǒng)級的過渡分為兩種——進(jìn)度條和菊花轉(zhuǎn),進(jìn)度條是用在可預(yù)知完成進(jìn)度和剩余時間的情況下;菊花轉(zhuǎn)是用在無法預(yù)知剩余時間的情況下。iPhone上照片轉(zhuǎn)發(fā)郵件、郵件從收件箱移動到垃圾郵件都有很好的過渡動效,讓用戶知道當(dāng)前從一個應(yīng)用跳轉(zhuǎn)到另外一個應(yīng)用,知道從一個文件夾跳轉(zhuǎn)到另外一個文件夾,避免了迷路的麻煩。

不是所有情況下,都要清晰的告知用戶當(dāng)然任務(wù)的加載進(jìn)度的,比如iPhone自帶的短信應(yīng)用,發(fā)送短信的時候有一個進(jìn)度條,本意是好的,讓用戶知道短信發(fā)送的進(jìn)度。但是由于進(jìn)度條會給人造成一種明顯的等待感,而且用戶擔(dān)心離開當(dāng)前界面,短信就會發(fā)送失?。ㄓ脩粼趺粗劳胶彤惒剑浚?,所以只能傻等在那里。其實完全可以讓短信后臺發(fā)送,只要保證發(fā)送失敗有辦法告知用戶就可以。同理,那些圖片分享應(yīng)用也是如此,后臺上傳就可以了。

原則四:反饋

20120506121716 移動應(yīng)用豐富動效的六點(diǎn)原則  

20120506121725 移動應(yīng)用豐富動效的六點(diǎn)原則

當(dāng)任務(wù)成功或失敗之后,需要有辦法告知用戶。比如Reeder客戶端,就會在你點(diǎn)了Unread后,立刻彈層告訴你已標(biāo)為Unread,在你點(diǎn)了Statted后,立刻彈層告訴你,已經(jīng)Starred。反饋需要在合適的時間引起用戶的注意,簡潔明了的傳達(dá)操作的結(jié)果,

如果是成功類的提醒,往往只是告知狀態(tài)就可以了,用戶無需執(zhí)行操作,反饋就可以自己消失。而如果是失敗類的反饋,則需要引起關(guān)注,可以相對強(qiáng)勢一些,反饋出現(xiàn)的位置可以考慮相關(guān)性,比如帳號錯誤可以出現(xiàn)在帳號旁邊,密碼錯誤可以出現(xiàn)在密碼旁邊,采用相對警示的顏色和設(shè)計風(fēng)格。

原則五:縮放

IMG 1623 移動應(yīng)用豐富動效的六點(diǎn)原則  

IMG 1624 移動應(yīng)用豐富動效的六點(diǎn)原則

在一寸土一寸金的手機(jī)界面上耕耘,恨不得蓋個復(fù)式小洋樓,一行當(dāng)兩行用。其實不是不可以,只需要一個設(shè)計思想——盒子主義。每一個功能模塊都是一個盒子,在你不需要用到的時候,它只是一個盒子,上面貼著標(biāo)簽,你知道里面裝的是襪子,當(dāng)你需要的時候,你就可以打開盒子,露出里面很多很多雙襪子。

比如Bluga這個輸入框,當(dāng)你不需要輸入的時候,它看起來就是一個輸入的入口,但是當(dāng)你點(diǎn)擊的時候,輸入的輔助信息都出來了,更大的文字撰寫框、位置、圖片、發(fā)送按鈕,你可以打開盒子,編輯一條豐富的消息。

原則六:吸附

20120506224502 移動應(yīng)用豐富動效的六點(diǎn)原則 

20120506224716 移動應(yīng)用豐富動效的六點(diǎn)原則

吸附是網(wǎng)格系統(tǒng)中一個很具有美學(xué)色彩的ui設(shè)計,當(dāng)你拖拽著一個應(yīng)用切換位置的時候,這個應(yīng)用會被自動吸附到對齊網(wǎng)格的位置,保證界面整潔利索(不像Nokia的某些手機(jī),Widget可以滿屏幕拖拽,跟我凌亂的桌面一樣);當(dāng)你拖拽一個應(yīng)用到另外一個應(yīng)用上的時候,就可以變成一個文件夾,這里也是通過文件夾的樣式和吸附的效果,讓用戶明白建立文件夾的交互的。

任何的動效,都需要經(jīng)過場景和需求的思考, 在什么樣的特殊情景下,解決了什么樣的問題,不要為了動而動,WP7的動效,恐怕看久了都會膩吧。

除了界面設(shè)計本身的動效之外,還需要包含震動、聲音、手勢等等因素一起去考慮,好的動效,配合著合適的音效、合理的手勢,才是最自然的交互方式。

從今天開始,努力提升你的應(yīng)用的品質(zhì),讓它動起來吧!

日歷

鏈接

個人資料

存檔

旅游| 牙克石市| 甘洛县| 蒲城县| 永嘉县| 陇西县| 宁强县| 萨嘎县| 常熟市| 无锡市| 柘城县| 普兰店市| 水富县| 含山县| 乌什县| 八宿县| 乾安县| 阳山县| 景谷| 方正县| 临湘市| 灵山县| 高陵县| 关岭| 金寨县| 鄢陵县| 巴南区| 江津市| 连山| 新密市| 会同县| 临颍县| 长寿区| 辽阳县| 平和县| 武夷山市| 安远县| 大丰市| 长子县| 佛学| 九龙城区|