首頁(yè)

可視化數(shù)據(jù)大屏應(yīng)該如何設(shè)計(jì)

資深UI設(shè)計(jì)者

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

2018年如自己所愿,終于有機(jī)會(huì)可以嘗試下數(shù)據(jù)大屏的可視化設(shè)計(jì),但是想象總歸是美好的,新手上崗第一次總是那么不太如意,陌生而又熟悉著。在做過(guò)幾次嘗試后,自己又私下里翻閱了一些關(guān)于數(shù)據(jù)大屏方面的設(shè)計(jì)文章,好的設(shè)計(jì)圖片。有很多不足,也有很多剛開(kāi)始做的時(shí)候沒(méi)有注意到的點(diǎn),這次整理作品,也順便把大概的設(shè)計(jì)流程整理了一下。給自己的一個(gè)復(fù)盤總結(jié),也是一次設(shè)計(jì)分享。

可視化數(shù)據(jù)大屏應(yīng)該如何設(shè)計(jì)可視化數(shù)據(jù)大屏應(yīng)該如何設(shè)計(jì)



可視化數(shù)據(jù)大屏應(yīng)該如何設(shè)計(jì)

文章來(lái)源:UI中國(guó)

藍(lán)藍(lán)設(shè)計(jì)bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)  ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

大屏ui設(shè)計(jì)系列之十三:阿里巴巴三萬(wàn)億大屏項(xiàng)目

藍(lán)藍(lán)設(shè)計(jì)的小編

2016年3月,阿里巴巴中國(guó)零售交易市場(chǎng)2016財(cái)年商品交易即時(shí)總額即將突破三萬(wàn)億,這是阿里歷史性的一刻,也見(jiàn)證了消費(fèi)的力量, 為了記錄這一歷史時(shí)刻,三萬(wàn)億大屏項(xiàng)目應(yīng)運(yùn)而生。這是阿里UED的一些文章。


大屏ui設(shè)計(jì)系列之三:某地區(qū)地鐵1號(hào)線大屏幕控制中心應(yīng)用案例

藍(lán)藍(lán)設(shè)計(jì)的小編

2.jpg

相關(guān)負(fù)責(zé)人介紹,大屏幕最上方一個(gè)個(gè)顯示著列車、車站景象的小窗口是1號(hào)線各個(gè)站點(diǎn)的實(shí)時(shí)監(jiān)控圖像,可以清晰看見(jiàn)地鐵內(nèi)發(fā)生的情況。下面有著紫色綠色條紋的一幅幅圖像就是地鐵的信號(hào)系統(tǒng),哪輛車行到哪里,間隔多少,是否有情況需要停車……這里一目了然,調(diào)度人員就是在同步的電腦屏幕上進(jìn)行調(diào)度,保證地鐵正常運(yùn)營(yíng)。最下面的是供電系統(tǒng),停電、變電、送電等操作都在這上面完成。

(藍(lán)藍(lán)注:轉(zhuǎn)載這篇文章,是為了讓設(shè)計(jì)師和產(chǎn)品經(jīng)理們了解到客戶平時(shí)的業(yè)務(wù)和工作方法)

大屏ui設(shè)計(jì)系列之二:大屏數(shù)據(jù)可視化設(shè)計(jì)項(xiàng)目心得

藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)設(shè)計(jì)經(jīng)常會(huì)接到大屏設(shè)計(jì)的項(xiàng)目,比如中國(guó)移動(dòng)互聯(lián)網(wǎng)監(jiān)控大屏可視化設(shè)計(jì)及開(kāi)發(fā)、太極集團(tuán)承接的中央臺(tái)應(yīng)急指揮中心大屏可視化設(shè)計(jì)、交大思源承接的北京地鐵軌道批揮中心大屏可視化設(shè)計(jì)、數(shù)碼視訊展廳大屏可視化設(shè)計(jì),在積累了一定經(jīng)驗(yàn)的同時(shí),也在不斷的學(xué)習(xí)和豐富關(guān)于大屏設(shè)計(jì)的特點(diǎn)及數(shù)據(jù)可視化的表達(dá)方式。

1.面積巨大——用戶站遠(yuǎn)才能看全內(nèi)容(所以字也不能設(shè)計(jì)很?。?。
2.深色背景——緊張感強(qiáng),讓視覺(jué)更好的聚焦,省電。
3.不可操作——大屏主要用來(lái)給來(lái)賓觀看的。來(lái)賓一般不會(huì)直接操作大屏。
4.空間局限——大屏不像網(wǎng)頁(yè)有滾動(dòng)條,它的長(zhǎng)寬都是固定的。
5.單獨(dú)主題——每塊大屏都有具體想給來(lái)賓表達(dá)某個(gè)主題

知道了這些,如果我們遇到一個(gè)具體的大屏項(xiàng)目,要怎么來(lái)設(shè)計(jì)呢?

大屏UI設(shè)計(jì)系列之一:與太極合作,設(shè)計(jì)中國(guó)國(guó)家應(yīng)急廣播大屏預(yù)警系統(tǒng) 界面設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

今天上午參觀了太極上周剛搬的新家,5000多人的新辦公樓群,不知不覺(jué)聊到12:43,匆匆離去。聽(tīng)到我們參與的項(xiàng)目要評(píng)國(guó)家科技進(jìn)步一等獎(jiǎng),聽(tīng)到設(shè)計(jì)界面得到多方全國(guó)范圍內(nèi)的認(rèn)可,聽(tīng)到客戶贊比同行業(yè)設(shè)計(jì)公司做的好,聽(tīng)到客戶由項(xiàng)目經(jīng)理升總監(jiān),還是蠻開(kāi)心的。作為外包方,我們是弱勢(shì)群體,有時(shí)候覺(jué)得很辛酸,這個(gè)客戶沒(méi)有用高人一等的優(yōu)越感和我們交流,而是用卓越的交流方式讓我們感受到這件事的價(jià)值和意義,被尊重,我們也回報(bào)以高優(yōu)先級(jí),卓越的作品,不惜加班加點(diǎn)去工作。

這次,還有之前幾次和客戶、朋友的交流讓我非常受益,感受到不同的人做事,換位思考,打動(dòng)人心說(shuō)話的方式,項(xiàng)目管理方式,視野的廣闊性和方法,教我許多。信息量太大,恨不得記下來(lái)。


大屏ui設(shè)計(jì)系列之五——大屏設(shè)計(jì)語(yǔ)言分析 大屏數(shù)據(jù)可視化設(shè)計(jì)方法論

藍(lán)藍(lán)設(shè)計(jì)的小編


藍(lán)藍(lán)設(shè)計(jì)經(jīng)常會(huì)接到大屏設(shè)計(jì)的項(xiàng)目,比如中國(guó)移動(dòng)互聯(lián)網(wǎng)監(jiān)控大屏可視化設(shè)計(jì)及開(kāi)發(fā)太極集團(tuán)承接的中央臺(tái)應(yīng)急指揮中心大屏可視化設(shè)計(jì)、交大思源承接的北京地鐵軌道批揮中心大屏可視化設(shè)計(jì)、數(shù)碼視訊展廳大屏可視化設(shè)計(jì),在積累了一定經(jīng)驗(yàn)的同時(shí),也在不斷的學(xué)習(xí)和豐富關(guān)于大屏設(shè)計(jì)的特點(diǎn)及數(shù)據(jù)可視化的表達(dá)方式。

數(shù)據(jù)可視化過(guò)濾了非常多的冗余信息,濃縮了最重要的信息,它的魅力就在于將枯燥的數(shù)據(jù)組織在一起,把最需要的那些編輯成一個(gè)故事。目前大數(shù)據(jù)那么流行,但是其實(shí)大家并不是需要那么多的數(shù)據(jù),而是需要整合的數(shù)據(jù),恰當(dāng)?shù)膶⒖蛻糇铌P(guān)注的數(shù)據(jù)挖掘展示出來(lái)才是最重要的。


一、要做好大屏的界面設(shè)計(jì),首先需要了解大屏的硬件特點(diǎn)。

二、了解大屏的使用場(chǎng)景和用戶群體

三、了解大屏上專用的軟件

四、了解大屏通常顯示的內(nèi)容

五、大屏界面的設(shè)計(jì)語(yǔ)言


日歷

鏈接

個(gè)人資料

存檔