2019-3-11 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
響應(yīng)式已經(jīng)成為網(wǎng)頁(yè)設(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è)展開(kāi)菜單很好看呢 by Martin Mro?
dribbble.com/martinmroc
從收集的這些 Dashboard 界面來(lái)看，它的展示形式和PC 端有很大的區(qū)別，移動(dòng)端的后臺(tái)只能顯示少量或簡(jiǎn)化版的數(shù)據(jù)。比如 PC 一個(gè)頁(yè)面的功能，在移動(dòng)端可以分開(kāi)1-2個(gè)頁(yè)面來(lái)區(qū)分，或者使用類似 Tab 的形式來(lái)展現(xiàn)。
如果是手機(jī) WEB 端可以用響應(yīng)式來(lái)解決，以節(jié)省成本，但這樣通常交互并不十分友好，如果時(shí)間和成本允許的話，建議產(chǎn)品和交互人員策劃新的后臺(tái)版本。
藍(lán)設(shè)計(jì)( www.chinatradebeam.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.chinatradebeam.com