移動(dòng)端的dashboard設(shè)計(jì)也可以很好看哦

2019-3-11    用心設(shè)計(jì)

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

 

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

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

– 01 –

by limor.tabeka

– 02 –

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

– 03 –

健身活動(dòng)追蹤 by Cuberto

– 04 –

醫(yī)院 APP 設(shè)計(jì) 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 –

暗色系移動(dòng)端后臺(tái) by ortimd
dribbble.com/ortimd

– 18 –

by Riko Sapto
dribbble.com/RikoSapto

– 19 –

by Taras Migulko
dribbble.com/migulko

– 20 –

電子單車 APP 后臺(tái)設(shè)計(jì) by Arnar ólafsson
dribbble.com/pollur

– 21 –

by Cedrica
dribbble.com/cedrica

– 22 –

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

– 23 –

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

– 24 –

by Matt Koziorowski
dribbble.com/mattkoziorowski

– 25 –

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

– 26 –

比特幣交易界面設(shè)計(jì) by Pawel Kwasnik
dribbble.com/pawelkwasnik

– 27 –

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

– 28 –

by Manoj Rajput
dribbble.com/manojrajput

– 29 –

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

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

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

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

日歷

鏈接

個(gè)人資料

存檔