<ruby id="djcmt"><video id="djcmt"></video></ruby>

      <legend id="djcmt"><font id="djcmt"></font></legend>
      <ruby id="djcmt"><option id="djcmt"></option></ruby>
      <ruby id="djcmt"><table id="djcmt"><thead id="djcmt"></thead></table></ruby>

      <strong id="djcmt"></strong>
    1. 您當前的位置 :首頁 > 科技 > 電商
      投稿

      淺析APP中預加載圖設計

      2018-06-25 11:22:28 來源: 作者: 責任編輯: 點擊圖片瀏覽下一頁

       預計加載過程中表現形式有加載等待(轉圈動畫或其他GIF動畫),加載歷史緩存數據,提前加載一半,逐步加載,后臺提供默認加載圖,當然還有加載失敗場景。今天我們這里只討論預加載中的Content表達方式,我分析提煉了幾個常用的視覺表達方式:UeO安徽網庫 地方門戶新聞站

      預加載LOGO品牌元素UeO安徽網庫 地方門戶新聞站

      色塊UeO安徽網庫 地方門戶新聞站

      布局UeO安徽網庫 地方門戶新聞站

      提供默認灰色圖UeO安徽網庫 地方門戶新聞站

      無內容加載UeO安徽網庫 地方門戶新聞站

      使用高斯模糊UeO安徽網庫 地方門戶新聞站

      預加載LOGO品牌元素UeO安徽網庫 地方門戶新聞站

      他是什么?在加載過程中,會預先在用戶面前呈現出來一些圖像元素,通過LOGO或者相關圖標來表達,給用戶一種前期的心理預期要呈現的大致內容UeO安徽網庫 地方門戶新聞站

      淺析APP中預加載圖設計UeO安徽網庫 地方門戶新聞站

      解析:UeO安徽網庫 地方門戶新聞站

      優點是能提前預期所呈現的內容,品牌感知能力強,用戶記憶強,一看就知道是什么內容UeO安徽網庫 地方門戶新聞站

      缺點是適配麻煩,不同樣式圖片都需要切圖,增加APP包大小,安卓還需要單獨切點九圖片來適配等等,有些人肯定會問,安卓為何就不能切整張圖啦?哈哈你可以試一試,如果你想你們包大小超大的話。UeO安徽網庫 地方門戶新聞站

      色塊預覽UeO安徽網庫 地方門戶新聞站

      他是什么?在加載過程中,會預先在用戶面前呈現出來一些色塊元素,這種做法方法是: 直接讀取圖片的顏色,取什么顏色?大致是圖片中的主色調,面積大的者讀取圖片平均色,當然后臺需要有一個強大色庫來支撐且需要提供一種或者2種默認顏色,因為避免取色失敗,目前這樣做的產品有蘋果音樂、天貓App、Pinterest、Twitter、花瓣移動端等等,當然蘋果音樂加載不出來是直接提供默認的logo色塊。淺析APP中預加載圖設計UeO安徽網庫 地方門戶新聞站

       UeO安徽網庫 地方門戶新聞站

      UeO安徽網庫 地方門戶新聞站

      優點是圖片適配非常方便,全端展現方式提供一套色庫即可,畫面不枯燥,最后補充一點,截圖真的好難截啊,說明這些應用優化的真的很牛,Pinterest是個奇葩比較好截。UeO安徽網庫 地方門戶新聞站

      需要色庫配得好,顏色需要設計師親自調,當然我目前還沒想到有更好的方法,如果有請各位元老大神告訴我下,感謝。UeO安徽網庫 地方門戶新聞站

      布局加載UeO安徽網庫 地方門戶新聞站

      它是什么?在加載過程中,會預先在用戶面前呈現內容布局大致樣式:淺析APP中預加載圖設計UeO安徽網庫 地方門戶新聞站

       UeO安徽網庫 地方門戶新聞站

      解析:使用布局加載實現是比較簡單的,全端適配簡單。UeO安徽網庫 地方門戶新聞站

      提供默認灰色圖UeO安徽網庫 地方門戶新聞站

      它是什么?在加載過程中,會預先在用戶面前呈現出來一些灰色圖像元素淺析APP中預加載圖設計UeO安徽網庫 地方門戶新聞站

      解析:特別說明下Twitter是采用的兩種表達方式,一種是提供默認灰色圖,一種是圖片取色,一般灰色值采用#F2F2F2,優點畫面干凈,適配簡單,這里說明下,可以開發寫,可以我們自己提供,但是推薦我們提供,免得增加累贅代碼。UeO安徽網庫 地方門戶新聞站

      無內容顯示UeO安徽網庫 地方門戶新聞站

      它是什么?在加載過程中,不出現任何占位符,直接負型空間展示。淺析APP中預加載圖設計UeO安徽網庫 地方門戶新聞站

       UeO安徽網庫 地方門戶新聞站

      解析:UeO安徽網庫 地方門戶新聞站

       UeO安徽網庫 地方門戶新聞站

      這兩者其實都有兩種表達方式一種是這種空內容,一種是提供灰色默認圖,只是所在場景不一樣,這種加載效率最高UeO安徽網庫 地方門戶新聞站

      缺點是如果網速比較慢,半天加載不出來,用戶產生焦略心理,以為軟件BUG,不推薦使用UeO安徽網庫 地方門戶新聞站

      使用高斯模糊UeO安徽網庫 地方門戶新聞站

      它是什么?在加載過程中,會預先在用戶面前呈現出來一些圖像元素通過高斯模糊來表達。淺析APP中預加載圖設計UeO安徽網庫 地方門戶新聞站

       UeO安徽網庫 地方門戶新聞站

      解析:UeO安徽網庫 地方門戶新聞站

      通過把預加載出來的圖片進行高斯模糊處理,Instgram也是采用提供灰色圖和高斯模糊兩種方式,好玩有趣UeO安徽網庫 地方門戶新聞站

      缺點是高斯模糊會有一定的功耗,加載慢,不建議使用UeO安徽網庫 地方門戶新聞站

      產品設計策略UeO安徽網庫 地方門戶新聞站

      通過以上分析在做默認加載預覽過程中實現方式推薦有以下幾個方式,根據自己產品特色選用合適的表達方式UeO安徽網庫 地方門戶新聞站

      文章來源: 責任編輯:
      版權聲明:
      ·凡注明來源為“安徽網庫”的所有文字、圖片、音視頻、美術設計和程序等作品,版權均屬安徽網庫所有。未經本網書面授權,不得進行一切形式的下載、轉載或建立鏡像。
      ·凡注明為其它來源的信息,均轉載自其它媒體,轉載目的在于傳遞更多信息,并不代表本網贊同其觀點和對其真實性負責。
      不良信息舉報信箱 新聞熱線 技術服務
      關于本站 | 廣告服務 | 免責申明 | 招聘信息 | 聯系我們
      安徽網庫 版權所有 Copyright(C)2005-2019 皖ICP備19011896號

      皖公網安備 34010202601110號

      亚洲av永久无码精品一百度_一区二区三区自拍_99久久香蕉国产_久久天天躁狠狠躁夜夜
          <ruby id="djcmt"><video id="djcmt"></video></ruby>

          <legend id="djcmt"><font id="djcmt"></font></legend>
          <ruby id="djcmt"><option id="djcmt"></option></ruby>
          <ruby id="djcmt"><table id="djcmt"><thead id="djcmt"></thead></table></ruby>

          <strong id="djcmt"></strong>