<address id="ttjl9"></address>
      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      

      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>
          
  
      
    

          

	
          
		
          
			
          
				
          移動端的dashboard設計也可以很好看哦
          
				
           2019-3-11      用心設計      
          
			
          
			
          
				
          
    如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里 

          

          
     

          

          
    響應式已經成為網頁設計的主流，目前已很多網站能兼容手機端 ，但是唯有 dashboard 的界面是相當難在移動端顯示，特別是數據復雜、內容較多的后臺數據，是很難直接展示到移動端的。

          

          
    今天我們分享一系列 dashboard UI 設計作品，主要展示一些用戶數據、圖表的可視化組合設計。這些作品界面布局合理，層級分明，設計美觀，對要做這類 UI 的同學有很好的參考價值。

          

          
    
          
        – 01 –
    
          
    
          
        
    
          
    
          
        by limor.tabeka
    
          
    
          
        – 02 –
    
          
    
          
        
    
          
    
          
        卡路里消耗跟蹤器 by Cuberto
          
dribbble.com/cuberto
    
          
    
          
        – 03 –
    
          
    
          
        
    
          
    
          
        健身活動追蹤 by Cuberto
    
          
    
          
        – 04 –
    
          
    
          
        
    
          
    
          
        醫院 APP 設計 by Nicat Manafov
          
dribbble.com/nicatmanafovv
    
          
    
          
        – 05 –
    
          
    
          
        
    
          
    
          
        by Stelian Subotin
    
          
    
          
        – 06 –
    
          
    
          
        
    
          
    
          
        – 07 –
    
          
    
          
        
    
          
    
          
        by Zoeyshen
          
dribbble.com/zoeyshen
    
          
    
          
        – 08 –
    
          
    
          
        
    
          
    
          
        by Gabe Becker
    
          
    
          
        – 09 –
    
          
    
          
        
    
          
    
          
        by Cedrica
          
dribbble.com/rddstudio
    
          
    
          
        – 10 –
    
          
    
          
        
    
          
    
          
        by Michal Parulski
    
          
    
          
        http://dribbble.com/Shuma87
    
          
    
          
        – 11 –
    
          
    
          
        
    
          
    
          
        by Divan Raj
          
dribbble.com/divanraj
    
          
    
          
        – 12 –
    
          
    
          
        
    
          
    
          
        by Maciej Ka?aska
          
dribbble.com/themce
    
          
    
          
        – 13 –
    
          
    
          
        
    
          
    
          
        by Gregory Muryn-Mukha
          
dribbble.com/murynmukha
    
          
    
          
        – 14 –
    
          
    
          
        
    
          
    
          
        by Saepul Rohman
          
dribbble.com/SaepulRohman
    
          
    
          
        – 15 –
    
          
    
          
        
    
          
    
          
        by Dmitro Petrenko
          
dribbble.com/ortimd
    
          
    
          
        – 16 –
    
          
    
          
        
    
          
    
          
        健康生活 APP，by OKatarina
          
dribbble.com/OKatarina
    
          
    
          
        – 17 –
    
          
    
          
        
    
          
    
          
        暗色系移動端后臺 by ortimd
          
dribbble.com/ortimd
    
          
    
          
        – 18 –
    
          
    
          
        
    
          
    
          
        by Riko Sapto
          
dribbble.com/RikoSapto
    
          
    
          
        – 19 –
    
          
    
          
        
    
          
    
          
        by Taras Migulko
          
dribbble.com/migulko
    
          
    
          
        – 20 –
    
          
    
          
        
    
          
    
          
        電子單車 APP 后臺設計 by Arnar ólafsson
          
dribbble.com/pollur
    
          
    
          
        – 21 –
    
          
    
          
        
    
          
    
          
        by Cedrica
          
dribbble.com/cedrica
    
          
    
          
        – 22 –
    
          
    
          
        
    
          
    
          
        交易證券數據界面設計 by Iftikhar Shaikh
          
dribbble.com/iftikharshaikh
    
          
    
          
        – 23 –
    
          
    
          
        
    
          
    
          
        記帳應用統計界面 by Matt Koziorowski
          
dribbble.com/mattkoziorowski
    
          
    
          
        – 24 –
    
          
    
          
        
    
          
    
          
        by Matt Koziorowski
          
dribbble.com/mattkoziorowski
    
          
    
          
        – 25 –
    
          
    
          
        
    
          
    
          
        銀行 APP 數據界面 by Vlad Ermakov
          
dribbble.com/ermalength
    
          
    
          
        – 26 –
    
          
    
          
        
    
          
    
          
        比特幣交易界面設計 by Pawel Kwasnik
          
dribbble.com/pawelkwasnik
    
          
    
          
        – 27 –
    
          
    
          
        
    
          
    
          
        醫療護理app用戶后臺 by Masudur Rahman
          
dribbble.com/uigeek
    
          
    
          
        – 28 –
    
          
    
          
        
    
          
    
          
        by Manoj Rajput
          
dribbble.com/manojrajput
    
          
    
          
        – 29 –
    
          
    
          
        
    
          
    
          
        這個展開菜單很好看呢 by Martin Mro?
          
dribbble.com/martinmroc
    
          

          

          
    從收集的這些 Dashboard 界面來看，它的展示形式和PC 端有很大的區別，移動端的后臺只能顯示少量或簡化版的數據。比如 PC 一個頁面的功能，在移動端可以分開1-2個頁面來區分，或者使用類似 Tab 的形式來展現。

          

          
    如果是手機 WEB 端可以用響應式來解決，以節省成本，但這樣通常交互并不十分友好，如果時間和成本允許的話，建議產品和交互人員策劃新的后臺版本。

          

          
    藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 

          				
          
								
			
          
		
          
		
		
	
          


          
    
  
          
    
          日歷
          
    
          
        
          
        
    
          
  
          
    
    
          
      
          鏈接
          
      
            
                
          
    
          
    
          
      
          個人資料
          
      
          
          
          
                    
          
          
          藍藍設計的小編
          http://www.syprn.cn
          
      
          
    
          
    
          
      
          存檔
          
      
    
          

          

          



亚洲va欧美va天堂v国产综合