2019-3-11 用心設計
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
響應式已經成為網頁設計的主流,目前已很多網站能兼容手機端 ,但是唯有 dashboard 的界面是相當難在移動端顯示,特別是數據復雜、內容較多的后臺數據,是很難直接展示到移動端的。
今天我們分享一系列 dashboard UI 設計作品,主要展示一些用戶數據、圖表的可視化組合設計。這些作品界面布局合理,層級分明,設計美觀,對要做這類 UI 的同學有很好的參考價值。
– 01 –
by limor.tabeka
– 02 –
卡路里消耗跟蹤器 by Cuberto
dribbble.com/cuberto
– 03 –
健身活動追蹤 by Cuberto
– 04 –
醫院 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 –
交易證券數據界面設計 by Iftikhar Shaikh
dribbble.com/iftikharshaikh
– 23 –
記帳應用統計界面 by Matt Koziorowski
dribbble.com/mattkoziorowski
– 24 –
by Matt Koziorowski
dribbble.com/mattkoziorowski
– 25 –
銀行 APP 數據界面 by Vlad Ermakov
dribbble.com/ermalength
– 26 –
比特幣交易界面設計 by Pawel Kwasnik
dribbble.com/pawelkwasnik
– 27 –
醫療護理app用戶后臺 by Masudur Rahman
dribbble.com/uigeek
– 28 –
by Manoj Rajput
dribbble.com/manojrajput
– 29 –
這個展開菜單很好看呢 by Martin Mro?
dribbble.com/martinmroc
從收集的這些 Dashboard 界面來看,它的展示形式和PC 端有很大的區別,移動端的后臺只能顯示少量或簡化版的數據。比如 PC 一個頁面的功能,在移動端可以分開1-2個頁面來區分,或者使用類似 Tab 的形式來展現。
如果是手機 WEB 端可以用響應式來解決,以節省成本,但這樣通常交互并不十分友好,如果時間和成本允許的話,建議產品和交互人員策劃新的后臺版本。
藍設計( ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計