<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 向優(yōu)美交互致敬!移動端APP動畫設計總結(jié)

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

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

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

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

    扁平化界面設計越來越火爆,那么在弱化視覺效果的情況下,有ui設計師提到該從交互方面使體驗更加愉悅,現(xiàn)在很多App界面設計也在努力朝這一方向發(fā)展,例如最近火遍全球倍受好評的 《FACEBOOK PAPER 中23個的設計細節(jié)》,還有《設計師新寵!交互神器ORIGAMI》等都足以讓人期待交互的未來。

    今天藍藍設計收集總結(jié)了一組移動端的App動畫設計,朋友們可以學習一下。

    百度云UE負責人@elya妞也分享了一篇App動態(tài)設計的好文,基礎不行的同學可以補補:
    提升品質(zhì)!豐富App動態(tài)效果的六點原則

    1、flipboard:

    利用上下動畫來切換到下一個界面(由于網(wǎng)慢數(shù)據(jù)沒有加載出來);

    flipboard:剛毅的上下動畫來切換到下一個界面(由于網(wǎng)慢數(shù)據(jù)沒有加載出來);

    2、Android主界面:

    界面元素使用直線型的軌跡來運動,使界面更具有科技的感覺;

    Android主界面:界面元素使用直線型的軌跡來運動,使界面更具有科技的感覺;

    3、APP交換:

    列表從上到下或從下到上的曲線流暢滾動效果,很酷的(兩個手機同時裝上該 APP,靠近互換軟件);

    APP交換:列表從上到下或從下到上的曲線流暢滾動效果,很酷的(兩個手機同時裝上該 APP,靠近互換軟件);

    4、高鐵大戰(zhàn)飛機:

    飛機從左到右飛的效果很流暢,并且下面會隨時更新一些做飛機和高鐵的 一些小貼士,這個體驗也很不錯,還可以學到一些小常識;

    高鐵大戰(zhàn)飛機:飛機從左到右飛的效果很流暢,并且下面會隨時更新一些做飛機和高鐵的 一些小貼士,這個體驗也很不錯,還可以學到一些小常識;

    5、Jing:

    音樂播放的進度有綠色滾動條控制顯示,點擊開關(guān)停止音樂播放,抽屜式的左側(cè)欄目是從下到上的飛快的速度來呈現(xiàn)出來,大家下載可以體驗下;

    jing:音樂播放的進度有綠色滾動條控制顯示,點擊開關(guān)停止音樂播放,抽屜式的左側(cè)欄目是從下到上的飛快的速度來呈現(xiàn)出來,大家下載可以體驗下;

    6、Etsy:

    啟動界面從下到上再由內(nèi)到外呈現(xiàn)出一張圖片,視覺沖擊力很好;

    Etsy:啟動界面從下到上再由內(nèi)到外呈現(xiàn)出一張圖片,視覺沖擊力很好;

    7、Tumblr:

    發(fā)布內(nèi)容時,會出現(xiàn)相關(guān)的模塊,出現(xiàn)的時候是從下到上的動畫顯示,關(guān)閉的時候從上到下飛出去;

    Tumblr:發(fā)布內(nèi)容時,會出現(xiàn)相關(guān)的模塊,出現(xiàn)的時候是從下到上的動畫顯示,關(guān)閉的時候從上到下飛出去;

    8、飯本:

    在發(fā)布內(nèi)容時,相關(guān)的功能模塊是從兩側(cè)向中間靠攏出來,點擊是從中間向兩側(cè) 分開飛出去;

    飯本:在發(fā)布內(nèi)容時,相關(guān)的功能模塊是從兩側(cè)向中間靠攏出來,點擊是從中間向兩側(cè) 分開飛出去;

    9、Safari:

    在查看瀏覽記錄的時候會以層級的形式出現(xiàn),這樣的表現(xiàn)形式讓用戶一目了然,android平臺的最近瀏覽記錄也是以層級形式出現(xiàn),很方便用戶瀏覽;

    Safari(ios):在查看瀏覽記錄的時候會以層級的形式出現(xiàn),這樣的表現(xiàn)形式讓用戶一目了然,android平臺的最近瀏覽記錄也是以層級形式出現(xiàn),很方便用戶瀏覽;

    10、NewsHub:

    詳情頁面進入時圖片成放大狀態(tài),隨著用戶向下滾動時圖片逐漸變下;

    NewsHub:詳情頁面進入時圖片成放大狀態(tài),隨著用戶向下滾動時圖片逐漸變下;

    11、zaker:上下動畫流暢的返回與進入;從上到下是返回,從下到上是進入;

    12、ireader:使用柔和的翻頁效果模仿真實的閱讀體驗;

     

    日歷

    鏈接

    個人資料

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

    存檔

    主站蜘蛛池模板: 欧洲精品视频在线观看| 日本精品在线视频| 国产午夜精品理论片久久影视| 久久精品成人一区二区三区| 国产精品久久久久9999| 亚洲AV第一页国产精品| 国内精品久久久久久中文字幕| 精品无码人妻一区二区三区品| 亚洲精品动漫免费二区| 国产在线观看一区二区三区精品| 国产精品麻豆高清在线观看| 色妞ww精品视频7777| 精品无码综合一区| 92国产精品午夜福利免费| 91麻豆国产福利精品| 精品人妻大屁股白浆无码| 中文字幕久久精品无码| 久久夜色精品国产www| 国产精品国产欧美综合一区| 精品久久久久久久久中文字幕| 日本VA欧美VA欧美VA精品 | 完整观看高清秒播国内外精品资源| 97久久精品人人做人人爽| 国产精品久久久久影院嫩草| 国产乱人伦偷精品视频AAA | 国产国产精品人在线视| 欧美精品中文字幕亚洲专区 | 精品国产粉嫩内射白浆内射双马尾| 久久九九久精品国产| 国产精品国产AV片国产| 99久久综合国产精品二区| 久久亚洲国产欧洲精品一| 国产成人精品日本亚洲直接| 国产精品熟女高潮视频| 国产精品网站在线观看免费传媒| 久久久久亚洲精品天堂| 久久亚洲精品人成综合网| 久久亚洲精品成人AV| 久久99精品国产麻豆 | 日韩精品中文字幕无码一区| 亚洲AV乱码久久精品蜜桃|