移動端的dashboard設計也可以很好看哦

2019-3-11    用心設計

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

 

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

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

– 01 –

by limor.tabeka

– 02 –

卡路里消耗跟蹤器 by Cuberto
dribbble.com/cuberto

– 03 –

健身活動追蹤 by Cuberto

– 04 –

醫(yī)院 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 –

交易證券數(shù)據(jù)界面設計 by Iftikhar Shaikh
dribbble.com/iftikharshaikh

– 23 –

記帳應用統(tǒng)計界面 by Matt Koziorowski
dribbble.com/mattkoziorowski

– 24 –

by Matt Koziorowski
dribbble.com/mattkoziorowski

– 25 –

銀行 APP 數(shù)據(jù)界面 by Vlad Ermakov
dribbble.com/ermalength

– 26 –

比特幣交易界面設計 by Pawel Kwasnik
dribbble.com/pawelkwasnik

– 27 –

醫(yī)療護理app用戶后臺 by Masudur Rahman
dribbble.com/uigeek

– 28 –

by Manoj Rajput
dribbble.com/manojrajput

– 29 –

這個展開菜單很好看呢 by Martin Mro?
dribbble.com/martinmroc

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

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

藍設計( m.sillybuy.com )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計

日歷

鏈接

個人資料

藍藍設計的小編 http://m.sillybuy.com

存檔