<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 常見的Loading進度條動效形式

    2015-5-12    用心設計

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

    每一個扁平化界面設計,都是我們的心靈碰撞致力于最棒的 metro ui 設計

    來源:莫貝網

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

    在瀏覽網頁、玩游戲、手機應用等場景,因為網速慢或是硬件差的關系,難免會遇上等待加載的情況,沒人喜歡等待,耐心差的用戶可能因為操作得不到及時反饋,直接選擇放棄。正所謂細節決定成敗,這時添加一個Loading進度條動畫,就可以大大緩解等待時候的無聊和焦慮,有效讓用戶明確知道目前Loading的狀態,并對結果有一個直觀的預期,甚至有趣巧妙的設計,能讓用戶愛上等待,把等待看成一件很美好的事。

    那常見的Loading動效有哪些形式呢?在觀摩過大量優秀的案例后,作者總結出Loading動效通常有B.R.A三種形式。為避免誤解,下面逐一解釋一下:

    B,Bar。Loading動畫從某種角度也可以說是進度條,一般用于較長時間的加載,通常配合百分比指數,讓用戶對當前加載進度和剩余等待時間有個明確的心理預期。

    最常見的直線進度條。

    或者圓形進度條。

    進度條和轉場完美融合。

    也有給LOGO描線的進度條。

    R,Rotation。旋轉代表時間的流逝,暗示著時鐘一樣順時針旋轉。不停循環轉動的動畫,能有效吸引注意力,給用戶時間加速的錯覺。旋轉Loading動畫一般用在較短的加載中,要是一直轉卻始終加載不出來,用戶又該煩躁了。

    最常見的自轉。

    順時針自轉暗示著時間的流逝。

    巧妙地用兩架飛機形成公轉。

    不規則多向轉動,讓用戶把等待的時間用在研究運動規律上。

    A,Animation。如果在Loading時配上一個形象的動畫,能大大提高產品的親和力和品牌識別度,用戶大多會接受并喜歡這樣的形式,一般品牌形象明確的產品會這么做。

    用可愛的奔跑擬人形象來告訴用戶:我在很努力加載請耐心等待。

    這樣萌的章魚,用戶一定舍不得加載界面的結束。

    以上就是常見的三種形式,當然創意是無止境的,還有很多Loading動效同時融合了這幾種形式,或者用一種全新的形式,比如作者多年前在PSP上見過將小游戲植入到Loading界面中的情況,以至于感嘆Loading時間太短都不能好好玩耍了。。

    如果你有見過什么更好的創意,歡迎交流,作者微博:MotionGraphic

    進度條的那些好文:
    手機下載進度條:我真的很簡單嗎?
    你知道進度條的來歷么?
    40個的創意進度條設計
    談談加載(Loading)的那點事

    日歷

    鏈接

    個人資料

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

    存檔

    主站蜘蛛池模板: 精品一区二区三区色花堂| 性色精品视频网站在线观看| 亚洲精品私拍国产福利在线| 免费视频成人国产精品网站| 一区二区国产精品| 久久精品天天中文字幕人妻| 国产亚洲综合成人91精品| 无码国内精品久久人妻| 久久久精品人妻一区二区三区蜜桃 | 99久久人妻无码精品系列| 国产精品亚洲午夜一区二区三区| 午夜精品一区二区三区在线视 | 精品国产成人国产在线观看| 亚洲国产精品无码久久青草| 久久国产免费观看精品3| 全国精品一区二区在线观看| 国产精品青草久久久久福利99| 亚洲欧美精品一区久久中文字幕| 国产精品五月天强力打造| 亚洲av成人无码久久精品| 久久精品国产99国产精品| 精品久久久久香蕉网| 2023国产精品自拍| 一本久久a久久精品vr综合| 国产精品久久自在自线观看| 久久精品中文闷骚内射| 亚洲国产一成人久久精品| 国产精品一二区| 精品久久久久香蕉网| 精品人无码一区二区三区| 亚洲精品~无码抽插| 欧美亚洲色综久久精品国产| 成人精品一区二区三区免费看| 亚洲午夜福利精品无码| 久久夜色精品国产| 免费精品国自产拍在线播放| 欧美日韩精品一区二区三区不卡 | 亚洲AV无码久久精品狠狠爱浪潮 | 在线亚洲精品福利网址导航| 亚洲精品国产精品乱码不卡√| 日韩精品视频一区二区三区|