歡迎來(lái)到深圳市志博科技有限公司網站!
您當前的(de)位置:深圳APP開發 > 新聞資訊 > APP開發資訊 >
人(rén)
已閱讀

APP開發中動效運用(yòng)的(de)幾點原則

來(lái)源:lexintech.com       發布時(shí)間:2017-11-08
在手機APP開發中,動效的(de)運用(yòng)如果運用(yòng)得(de)當,會使你的(de)APP增色不少。适當的(de)使用(yòng)動效,可(kě)以讓用(yòng)戶在使用(yòng)過程中有非常流暢和(hé)愉悅的(de)體驗。今天我們就介紹一下(xià)APP開發中動效的(de)幾種簡單通(tōng)用(yòng)的(de)方式。
 
一:轉場(chǎng)
APP開發中動效運用(yòng)的(de)幾點原則
  由于手機屏幕空間有限,在APP開發時(shí),更多(duō)的(de)内容會被隐藏在屏幕後邊,或者屏幕的(de)左邊、右邊、下(xià)邊,轉場(chǎng)動效能幫助應用(yòng)營造一種空間方位感。轉場(chǎng)動效是目前應用(yòng)最多(duō)的(de)動效種類,畢竟iPhone、Andoird、Wp7都有提供一些官方的(de)動效的(de)API,一些簡單的(de)動效可(kě)以直接調用(yòng)官方API來(lái)完成。Android官方動效8個(gè),iPhone官方動效19個(gè),WP7官方動效6個(gè),具體幾個(gè)平台的(de)動效有哪些差異,後續有機會分(fēn)享。
 
二:過渡
  過渡就是等待時(shí)間的(de)處理(lǐ),當APP正在加載數據的(de)時(shí)候,一定要給予過渡,讓用(yòng)戶知道應用(yòng)正在努力工作,系統級的(de)過渡分(fēn)爲兩種——進度條和(hé)菊花轉,進度條是用(yòng)在可(kě)預知完成進度和(hé)剩餘時(shí)間的(de)情況下(xià);菊花轉是用(yòng)在無法預知剩餘時(shí)間的(de)情況下(xià)。iPhone上照(zhào)片轉發郵件、郵件從收件箱移動到垃圾郵件都有很好的(de)過渡動效,讓用(yòng)戶知道當前從一個(gè)應用(yòng)跳轉到另外一個(gè)應用(yòng),知道從一個(gè)文件夾跳轉到另外一個(gè)文件夾,避免了(le)迷路的(de)麻煩。
 
三:反饋
  當任務成功或失敗之後,需要有辦法告知用(yòng)戶。比如Reeder客戶端,就會在你點了(le)Unread後,立刻彈層告訴你已标爲Unread,在你點了(le)Statted後,立刻彈層告訴你,已經Starred。反饋需要在合适的(de)時(shí)間引起用(yòng)戶的(de)注意,簡潔明(míng)了(le)的(de)傳達操作的(de)結果,
  如果是成功類的(de)提醒,往往隻是告知狀态就可(kě)以了(le),用(yòng)戶無需執行操作,反饋就可(kě)以自己消失。而如果是失敗類的(de)反饋,則需要引起關注,可(kě)以相對(duì)強勢一些,反饋出現的(de)位置可(kě)以考慮相關性,比如帳号錯誤可(kě)以出現在帳号旁邊,密碼錯誤可(kě)以出現在密碼旁邊,采用(yòng)相對(duì)警示的(de)顔色和(hé)設計風格。
 
四:縮放
  在一寸土一寸金的(de)手機界面上耕耘,恨不得(de)蓋個(gè)複式小洋樓,一行當兩行用(yòng)。其實不是不可(kě)以,隻需要一個(gè)設計思想——盒子主義。每一個(gè)功能模塊都是一個(gè)盒子,在你不需要用(yòng)到的(de)時(shí)候,它隻是一個(gè)盒子,上面貼著(zhe)标簽,你知道裏面裝的(de)是襪子,當你需要的(de)時(shí)候,你就可(kě)以打開盒子,露出裏面很多(duō)很多(duō)雙襪子。
 
五:吸附
  吸附是網格系統中一個(gè)很具有美(měi)學色彩的(de)設計,當你拖拽著(zhe)一個(gè)應用(yòng)切換位置的(de)時(shí)候,這(zhè)個(gè)應用(yòng)會被自動吸附到對(duì)齊網格的(de)位置,保證界面整潔利索(不像Nokia的(de)某些手機,Widget可(kě)以滿屏幕拖拽,跟我淩亂的(de)桌面一樣);當你拖拽一個(gè)應用(yòng)到另外一個(gè)應用(yòng)上的(de)時(shí)候,就可(kě)以變成一個(gè)文件夾,這(zhè)裏也(yě)是通(tōng)過文件夾的(de)樣式和(hé)吸附的(de)效果,讓用(yòng)戶明(míng)白建立文件夾的(de)交互的(de)。
 
  APP開發的(de)任何動效,都需要經過場(chǎng)景和(hé)需求的(de)思考, 在什(shén)麽樣的(de)特殊情景下(xià),解決了(le)什(shén)麽樣的(de)問題,不要爲了(le)動而動。
  除了(le)界面本身的(de)動效之外,還(hái)需要包含震動、聲音(yīn)、手勢等等因素一起去考慮,好的(de)動效,配合著(zhe)合适的(de)音(yīn)效、合理(lǐ)的(de)手勢,才是最自然的(de)交互方式。
 
 
APP開發 網站開發 産品設計 微信公衆号 APP開發公司 用(yòng)戶體驗 APP運營 微信小程序 産品經理(lǐ) 網站設計