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