響應(yīng)式已經(jīng)成為網(wǎng)頁設(shè)計(jì)的主流,目前已很多網(wǎng)站能兼容手機(jī)端 ,但是唯有 dashboard 的界面是相當(dāng)難在移動(dòng)端顯示
負(fù)能量,特別是數(shù)據(jù)復(fù)雜、內(nèi)容較多的后臺(tái)數(shù)據(jù),是很難直接展示到移動(dòng)端的。
今天我們分享一系列 dashboard UI 設(shè)計(jì)作品,主要展示一些用戶數(shù)據(jù)、圖表的可視化組合設(shè)計(jì)。這些作品界面布局合理,層級(jí)分明
營(yíng)銷型網(wǎng)站制作,設(shè)計(jì)美觀
杰創(chuàng)網(wǎng)絡(luò)科技有限公司,對(duì)要做這類 UI 的同學(xué)有很好的參考價(jià)值。
卡路里消耗跟蹤器 by Cuberto
健身活動(dòng)追蹤 by Cuberto
醫(yī)院 APP 設(shè)計(jì) by Nicat Manafov
健康生活 APP,by OKatarina
暗色系移動(dòng)端后臺(tái) by ortimd
電子單車 APP 后臺(tái)設(shè)計(jì) by Arnar ólafsson
交易證券數(shù)據(jù)界面設(shè)計(jì) by Iftikhar Shaikh
記帳應(yīng)用統(tǒng)計(jì)界面 by Matt Koziorowski
銀行 APP 數(shù)據(jù)界面 by Vlad Ermakov
比特幣交易界面設(shè)計(jì) by Pawel Kwasnik
醫(yī)療護(hù)理app用戶后臺(tái) by Masudur Rahman
從收集的這些 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)版本。
,