2019-3-11 用心設(shè)計
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里
響應(yīng)式已經(jīng)成為網(wǎng)頁設(shè)計的主流,目前已很多網(wǎng)站能兼容手機端 ,但是唯有 dashboard 的界面是相當(dāng)難在移動端顯示,特別是數(shù)據(jù)復(fù)雜、內(nèi)容較多的后臺數(shù)據(jù),是很難直接展示到移動端的。
今天我們分享一系列 dashboard UI 設(shè)計作品,主要展示一些用戶數(shù)據(jù)、圖表的可視化組合設(shè)計。這些作品界面布局合理,層級分明,設(shè)計美觀,對要做這類 UI 的同學(xué)有很好的參考價值。
– 01 –
by limor.tabeka
– 02 –
卡路里消耗跟蹤器 by Cuberto
dribbble.com/cuberto
– 03 –
健身活動追蹤 by Cuberto
– 04 –
醫(yī)院 APP 設(shè)計 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 后臺設(shè)計 by Arnar ólafsson
dribbble.com/pollur
– 21 –
by Cedrica
dribbble.com/cedrica
– 22 –
交易證券數(shù)據(jù)界面設(shè)計 by Iftikhar Shaikh
dribbble.com/iftikharshaikh
– 23 –
記帳應(yīng)用統(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 –
比特幣交易界面設(shè)計 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 端可以用響應(yīng)式來解決,以節(jié)省成本,但這樣通常交互并不十分友好,如果時間和成本允許的話,建議產(chǎn)品和交互人員策劃新的后臺版本。
藍設(shè)計( www.teruid.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計
藍藍設(shè)計的小編 http://www.teruid.com