97国产精品视频人人做人人爱,3344在线观看无码,成年人国产视频,欧美日一级片,在线看AV天堂,高清无码一本到东京热,欧美一级黄片一区2区,免费又爽又刺激高潮网址

提升品質!豐富APP動態效果的六點原則

2014-2-20    藍藍設計的小編

轉載藍藍設計(   www.0391cbd.com  )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 平面設計服務

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

如果您想訂閱本博客內容,每天自動發到您的郵箱中,   請點這里 

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

藍藍設計這里主要介紹六種簡單通用的方式 ———— 轉場、邀請、過渡、反饋、縮放、吸附。

原則一:轉場

zhuanchang 移動應用豐富動效的六點原則

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

原則二:邀請

IMG 1581 移動應用豐富動效的六點原則  

IMG 1582 移動應用豐富動效的六點原則

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

原則三:過渡

20120506122711 移動應用豐富動效的六點原則 

IMG 1604 移動應用豐富動效的六點原則

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

不是所有情況下,都要清晰的告知用戶當然任務的加載進度的,比如iPhone自帶的短信應用,發送短信的時候有一個進度條,本意是好的,讓用戶知道短信發送的進度。但是由于進度條會給人造成一種明顯的等待感,而且用戶擔心離開當前界面,短信就會發送失敗(用戶怎么知道同步和異步?),所以只能傻等在那里。其實完全可以讓短信后臺發送,只要保證發送失敗有辦法告知用戶就可以。同理,那些圖片分享應用也是如此,后臺上傳就可以了。

原則四:反饋

20120506121716 移動應用豐富動效的六點原則  

20120506121725 移動應用豐富動效的六點原則

當任務成功或失敗之后,需要有辦法告知用戶。比如Reeder客戶端,就會在你點了Unread后,立刻彈層告訴你已標為Unread,在你點了Statted后,立刻彈層告訴你,已經Starred。反饋需要在合適的時間引起用戶的注意,簡潔明了的傳達操作的結果,

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

原則五:縮放

IMG 1623 移動應用豐富動效的六點原則  

IMG 1624 移動應用豐富動效的六點原則

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

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

原則六:吸附

20120506224502 移動應用豐富動效的六點原則 

20120506224716 移動應用豐富動效的六點原則

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

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

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

從今天開始,努力提升你的應用的品質,讓它動起來吧!

日歷

鏈接

個人資料

藍藍設計的小編 http://www.0391cbd.com

存檔

主站蜘蛛池模板: 四虎综合网| 伦精品一区二区三区视频| 国产成人精品一区二区三在线观看| 亚洲国产精品一区二区第一页免| 99无码中文字幕视频| 国产精品网拍在线| 国内精品九九久久久精品 | 成年A级毛片| 99久久精品国产精品亚洲 | 黄色污网站在线观看| 国产亚洲欧美日韩在线一区| 亚洲人在线| 国内精品视频| 日韩精品一区二区三区大桥未久| 在线综合亚洲欧美网站| 毛片免费在线视频| 黄色网址免费在线| 国产第八页| 免费无码AV片在线观看国产| 亚洲成年人网| 亚洲综合极品香蕉久久网| 一本大道香蕉久中文在线播放| 99视频全部免费| 9啪在线视频| 九色在线视频导航91| 国产91透明丝袜美腿在线| 一边摸一边做爽的视频17国产| 成人另类稀缺在线观看| 精品伊人久久久香线蕉| 狠狠色婷婷丁香综合久久韩国| 色噜噜狠狠色综合网图区| 午夜国产在线观看| 国产手机在线观看| 91麻豆国产在线| 成年片色大黄全免费网站久久| 在线观看91香蕉国产免费| 国产成人精品在线| 国国产a国产片免费麻豆| 欧美日韩激情在线| 精品一区二区三区四区五区| 国产精品hd在线播放| 亚洲无线一二三四区男男| 国产美女一级毛片| 国产主播一区二区三区| 亚洲精品国产自在现线最新| 国产原创第一页在线观看| 久久精品国产亚洲麻豆| 伊人狠狠丁香婷婷综合色| a级毛片毛片免费观看久潮| 香蕉国产精品视频| 亚洲成人一区二区| 亚洲成网777777国产精品| 欧美一级高清免费a| 无码久看视频| 亚洲综合一区国产精品| 亚洲一区二区三区麻豆| 中国黄色一级视频| 99热这里只有精品国产99| 青青国产视频| 国产精品免费p区| 欧美亚洲国产精品第一页| 中文字幕首页系列人妻| 欧美第二区| 天天干伊人| 精品国产成人a在线观看| 无码日韩视频| 啪啪啪亚洲无码| 在线无码九区| 一本大道在线一本久道| 九色综合伊人久久富二代| 97精品久久久大香线焦| 国产精品专区第1页| 99精品这里只有精品高清视频| 欧美亚洲一区二区三区导航| 国产人成乱码视频免费观看| 久久国产高潮流白浆免费观看| 中文国产成人精品久久一| swag国产精品| 中文字幕啪啪| 午夜久久影院| 欧美日韩中文国产va另类| 亚洲国产成人在线|