洞見技術(shù)中國城市繁榮指數(shù)大屏界面設(shè)計
杭州市公安局槍械物聯(lián)智控平臺UI設(shè)計
青海師范大學(xué)——大氣污染可視化系統(tǒng)界面視覺設(shè)計
偉訊科技ioc移動駕駛艙軟件界面視覺設(shè)計
中國航空制造研究院自動生產(chǎn)管控系統(tǒng)界面設(shè)計及開發(fā)(項目保密)
福清核電通訊機(jī)房智能監(jiān)控平臺界面設(shè)計及開發(fā)(項目保密)
利亞德申能集團(tuán)大屏界面設(shè)計
數(shù)碼視訊應(yīng)急廣播調(diào)度控制平臺大屏界面設(shè)計
中國國家應(yīng)急廣播大屏預(yù)警系統(tǒng)大屏界面設(shè)計
珠海華潤電力監(jiān)控系統(tǒng)大屏界面設(shè)計
數(shù)慧時空國土資源部國土一張圖大屏界面設(shè)計及前端開發(fā)
超圖集團(tuán)四川統(tǒng)計綜合管理平臺大屏界面設(shè)計
中國移動互聯(lián)網(wǎng)內(nèi)容資源管理系統(tǒng)界面設(shè)計及開發(fā)
華晨陽科技中國電信亞太區(qū)展廳大屏界面設(shè)計
法院智能警務(wù)綜合指揮平臺大屏(項目保密)
交大思源地鐵運營大屏界面設(shè)計
自來水總公司營銷信息質(zhì)量管控大屏界面設(shè)計(項目保密)
利亞德領(lǐng)秀綜合播控系統(tǒng)界面設(shè)計
交大思源安徽應(yīng)急廣播大屏交互優(yōu)化及界面設(shè)計
交科院數(shù)據(jù)瞭望臺大屏設(shè)計(dataV實現(xiàn),項目保密)
數(shù)慧時空國水專項成果可視化系統(tǒng)界面設(shè)計(項目保密)
青島四方復(fù)興號智能動車組車載監(jiān)控屏交互及界面設(shè)計(項目保密)
江蘇銳創(chuàng)數(shù)據(jù)中心監(jiān)控大屏交互及視覺設(shè)計(項目保密)
環(huán)球影城大數(shù)據(jù)智能反饋系統(tǒng)大屏交互及界面設(shè)計(項目保密)
杭州屹道公司杭州市公安局建黨100周年安保維穩(wěn)大屏交互及視覺設(shè)計(項目保密)
航天某院無人機(jī)控制多個系統(tǒng)交互、界面設(shè)計及qt開發(fā)(項目保密)
京東數(shù)科煙臺開發(fā)區(qū)商業(yè)街洞察監(jiān)控系統(tǒng)大屏交互及界面設(shè)計(項目保密)
數(shù)慧時空國水減震救災(zāi)業(yè)務(wù)系統(tǒng)界面設(shè)計(項目保密)
1.了解到客戶是想做一個科技感強(qiáng)、炫酷的視覺效果??梢栽诰W(wǎng)上找一些效果圖或是自己曾經(jīng)做過的案例供客戶選擇,確定一個大致的風(fēng)格,然后結(jié)合具體的業(yè)務(wù)場景進(jìn)行設(shè)計。
2.顏色上結(jié)合產(chǎn)品使用場景,以及整個產(chǎn)品調(diào)性還是以藍(lán)色為主,背景選用深色調(diào),讓視覺更好聚焦,內(nèi)容部分采用比較透亮的藍(lán)色系,保證內(nèi)容與背景有一定的對比關(guān)系,便于業(yè)務(wù)信息傳達(dá)。
3.地圖為大屏的主要展示內(nèi)容,首先分析展示的目的是為了看清各個城市間的不同分布情況,和城市數(shù)據(jù)的匯集效果。
1.首先,Behance 國內(nèi)訪問不暢,并不影響它是世界范圍最優(yōu)秀的設(shè)計師聚集平臺的事實。
2.其次,正如文章剛開始我說的那樣,文中介紹的方法對國內(nèi)的大部分設(shè)計網(wǎng)站同樣適用,尤其是關(guān)鍵詞的定義、標(biāo)簽的使用、收藏及情緒板(畫板)的使用技巧。
3.毋庸置疑,優(yōu)秀的作品建立在良好的審美基礎(chǔ)之上,好的作品看多了審美自然會有提升,但審美有了為啥還是做不出符合自己期望的作品來。這塊有兩個問題,一個是刻意練習(xí)的度沒到,另一個是不會分析別人好的作品。
1. 區(qū)分層級 一個常見的錯誤就是設(shè)計師沒有對信息區(qū)分層級,所有的內(nèi)容看起來都一樣重要。 可以嘗試使用組件的大小和位置來區(qū)分?jǐn)?shù)據(jù)的層次結(jié)構(gòu)。
2. 簡單易懂 數(shù)據(jù)可視化的真正目的是用一種更方便理解,更簡單的形式來傳達(dá)復(fù)雜信息。
3. 一致性 使用一致性布局設(shè)計的數(shù)據(jù)可視化界面看起來更好。
1、什么是數(shù)據(jù)可視化 把相對復(fù)雜、抽象的數(shù)據(jù)通過可視的方式以人們更易理解的形式展示出來的一系列手段叫做數(shù)據(jù)可視化,數(shù)據(jù)可視化是為了更形象地表達(dá)數(shù)據(jù)內(nèi)在的信息和規(guī)律,促進(jìn)數(shù)據(jù)信息的傳播和應(yīng)用。
2、什么是大屏數(shù)據(jù)可視化 大屏數(shù)據(jù)可視化是以大屏為主要展示載體的數(shù)據(jù)可視化設(shè)計。 “大面積、炫酷動效、豐富色彩”,大屏易在觀感上給人留下震撼印象,便于營造某些獨特氛圍、打造儀式感。電商雙11類大屏利用此特點打造了熱烈、狂歡的節(jié)日氛圍,原本看不見的數(shù)據(jù)可視化后,便能調(diào)動人的情緒、引發(fā)人的共鳴,傳遞企業(yè)文化和價值。
整個合輯一共有 10 篇文章,分別涉及到設(shè)備篇、風(fēng)格篇、字體篇、色彩篇、組件篇、布局篇、版式篇、視覺篇、團(tuán)隊篇、技能篇十篇文章,詳細(xì)的講一講可視化大屏設(shè)計的知識點。
風(fēng)格篇主要包含:常用風(fēng)格 > 風(fēng)格解析 > 風(fēng)格選擇 > 風(fēng)格應(yīng)用。 本篇文章將會從風(fēng)格分類入手,進(jìn)行風(fēng)格解析,總結(jié)可視化設(shè)計的風(fēng)格,選擇風(fēng)格并應(yīng)用到場景,教大家如何選擇合適的風(fēng)格應(yīng)用到商業(yè)可視化項目中。
1. 什么是數(shù)據(jù)可視化 把相對復(fù)雜、抽象的數(shù)據(jù)通過可視的方式以人們更易理解的形式展示出來的一系列手段叫做數(shù)據(jù)可視化,數(shù)據(jù)可視化是為了更形象地表達(dá)數(shù)據(jù)內(nèi)在的信息和規(guī)律,促進(jìn)數(shù)據(jù)信息的傳播和應(yīng)用。 在當(dāng)前新技術(shù)支持下,數(shù)據(jù)可視化除了「可視」,還有可交流、可互動的特點。數(shù)據(jù)可視化的本質(zhì)是數(shù)據(jù)空間到圖形空間的映射,是抽象數(shù)據(jù)的具象表達(dá)。
2. 什么是大屏數(shù)據(jù)可視化 大屏數(shù)據(jù)可視化是以大屏為主要展示載體的數(shù)據(jù)可視化設(shè)計。 「大面積、炫酷動效、豐富色彩」,大屏易在觀感上給人留下震撼印象,便于營造某些獨特氛圍、打造儀式感。電商雙11時大屏利用此特點打造了熱烈、狂歡的節(jié)日氛圍,原本看不見的數(shù)據(jù)可視化后,便能調(diào)動人的情緒、引發(fā)人的共鳴,傳遞企業(yè)文化和價值。
1. 布局 通過硬件設(shè)備信息可以得到可視化的設(shè)計尺寸,基于尺寸新建設(shè)計畫布后,第一件事就需考慮頁面的整體布局??梢暬笃猎O(shè)計從信息布局到數(shù)據(jù)表達(dá),都需要設(shè)計師對業(yè)務(wù)深入了解后才能用數(shù)據(jù)助力業(yè)務(wù)決策。
2. 風(fēng)格 提起可視化大屏,大家都會聯(lián)想到:科技感、FUI、HUD 這些關(guān)鍵詞,可以說可視化大屏跟科技、數(shù)據(jù)這兩詞是強(qiáng)關(guān)聯(lián)的,風(fēng)格上也基本是這一類方向。
3. 主視覺 主視覺部分大致分為:地球、地圖、智慧城市、行業(yè)類業(yè)務(wù)展示等。目前比較容易出效果的都會采用三維模型的處理方式。
數(shù)據(jù)可視化釋義 數(shù)據(jù)可視化就是把一些相對復(fù)雜、抽象的、我們看不懂的數(shù)據(jù)通過“可視化”的方式,運用圖形化的手段清晰有效地將數(shù)據(jù)信息進(jìn)行解讀和傳達(dá),幫助我們發(fā)現(xiàn)其中的規(guī)律和特征,挖掘數(shù)據(jù)背后的價值。
可視化大屏 可視化大屏是以大屏為主要展示載體的數(shù)據(jù)可視化設(shè)計。它的應(yīng)用場景非廣泛如 ToC、ToB、ToG 等都會存在。一般應(yīng)用在會議展廳、園區(qū)管理、城市交通調(diào)度中心、公安指揮中心、企業(yè)生產(chǎn)監(jiān)控等重要場所。
平臺化 由于近幾年可視化的需求越來越大,一般的公司都會有一些可視化的需求,各大廠商也逐漸整合可視化資源,實現(xiàn)平臺化、低代碼化。滿足了大多數(shù)公司的可視化需求。國內(nèi)比較知名的可視化廠商:光啟元(Ray design)、Data V、優(yōu)諾科技(森工廠)、袋鼠云(Easy V)、數(shù)字冰雹、圖撲、等等。他們將一些可視化效果組件化集成在平臺,拖拖拽拽就能實現(xiàn)一些不錯的效果,滿足了一些公司的展示需求。
“數(shù)據(jù)可視化的目的,是要對數(shù)據(jù)進(jìn)行可視化處理,以能夠明確地、有效地傳遞信息?!?——Vitaly Friedman 如何讓人們在海量的數(shù)據(jù)中,發(fā)現(xiàn)數(shù)據(jù)的規(guī)律,或者清晰的發(fā)現(xiàn)特異的數(shù)據(jù),那數(shù)據(jù)可視化是一個有效的表達(dá)方式。 數(shù)據(jù)可視化主要旨在借助于圖形化手段。
今天就帶大家好好聊一聊可視化大屏設(shè)計中的字體、字號、字重、字體優(yōu)化等一系列注意事項。字體篇主要分為四大模塊:字體選擇與字重、字號規(guī)范與應(yīng)用、字體優(yōu)化與交接、常用字體與推薦。
在如今這個時代,越來越多的信息和內(nèi)容呈現(xiàn)開始依賴數(shù)據(jù)驅(qū)動,也開始有更多的場合需要信息圖來輔助呈現(xiàn),對于可視化數(shù)據(jù),從來沒有像現(xiàn)在的要求這般高。但是另一方面,我們周圍充斥著大量錯誤的圖表呈現(xiàn),希望這篇文章提供的 20 條建議能夠幫你設(shè)計出更好的信息圖。
我們毫無疑問已經(jīng)處在一個大數(shù)據(jù)的時代。各行各業(yè)都在快速產(chǎn)生和積累數(shù)據(jù)。 本文結(jié)合 UED 團(tuán)隊過去所參與 B 端數(shù)據(jù)可視化項目分享一些經(jīng)驗及思考。
在后臺系統(tǒng)、數(shù)據(jù)類產(chǎn)品、B 端產(chǎn)品中,表格作為最常用的一種數(shù)據(jù)整理的組件,其重要性不用過多贅述。但如何更好的設(shè)計表格呢?想必多數(shù)剛接觸 B 端的設(shè)計師都有過這個困擾。