在文章的開始我想先跟大家一起來科普下,什麼是大屏?什麼是數據可視化?
一、可視化大屏的概念所謂大屏,顧名思義就是一個很大的屏!!!
圖片來源于網絡
大屏一般應用在交易大廳,展覽中心,管控中心,老闆辦公室等等場景,把一些關鍵數據集中展示在一塊巨大的LED屏幕上,你可以把大屏想象成巨大化的Dashboard,但又不同于傳統的Dashboard,是當今數據可視化的主流展示平台。
大屏可視化就是以大屏為主要展示載體的數據可視化設計。“大面積、炫酷動效、豐富色彩”,大屏易在觀感上給人留下震撼印象,利用面積大、可展示信息多的特點,通過關鍵信息大屏共享的方式可方便團隊讨論、決策,故大屏也常用來做數據分析監測使用。
二、大屏數據可視化設計原則也許你覺得酷炫的可視化效果遙不可及,但如果我告訴你,現在你也可以。用對工具你就成功了一半,億信華辰的酷屏軟件是專為以大屏為主要載體的數據可視化需求而研發的。【參考之前的文章:10分鐘拖拉拽搞定大屏可視化】
當然,要做出好看的效果,還需要你掌握了大屏設計的基本原則!
1、明确業務需求
大屏設計要避免為了展示而展示,排版布局、圖表選用等應服務于業務,所以大屏設計是在充分了解業務需求的基礎上進行的。那什麼是業務需求呢?業務需求就是要解決的問題或達成的目标。
2、主概述、次詳情、層次分明
大屏因為大,承載數據多,為了避免觀者迷失,大屏信息呈現要有焦點、有主次。先把突出核心數據,待用戶理解大屏主要内容與展示邏輯後,再逐級浏覽次要内容。部分細節數據可暫時隐藏,用戶需要時可通過動畫切換輪播等交互方式喚醒。
三、大屏可視化設計流程
1、根據業務場景需求抽取關鍵指标、維度
關鍵指标是對一組或者一系列數據的統稱。一般情況下,一個指标在大屏上獨占一塊區域,所以通過關鍵指标定義,我們就知道大屏上大概會顯示哪些内容以及大屏會被分為幾塊。确定關鍵指标後,根據業務需求拟定指标展示的優先級(主、次、輔)。同一個指标的數據,從不同維度分析就有不同結果。這樣就可以将不同的維度的數據分開展示從而達到多維分析,全面展示詳情。
2、了解物理大屏,确定設計稿尺寸
一般情況下設計稿的分辨率就是電腦的分辨率,此外,當被投電腦分辨率長寬比與大屏物理長寬比不一緻時,也會對被投電腦屏幕分辨率做自定義調整,這種情況設計稿分辨率也會發生變化。所以設計開始前了解物理大屏長寬比很重要。
3、頁面布局、劃分主次
尺寸确立後,接下來要對設計稿進行布局劃分。主要根據我們之前定好的業務指标維度進行,核心業務指标安排在中間位置,其餘的指标按優先級依次在核心指标周圍展開。一般把有關聯的指标讓其相鄰或靠近,把圖表類型相近的指标放一起,這樣能減少客戶認知上的負擔并提高信息傳遞的效率。
版式不是金科定律,隻是通常推薦的主次分布版式,能讓信息一目了然。小夥伴們可以自己嘗試下多樣的布局來打破常規。
4、定義酷屏設計、開發酷屏
酷屏的設計風格主要根據行業類型、客戶喜好、具體展示指标整體搭配,但總體一般以深色為主,這主要是因為大屏如果是淺色系長時間觀看會造成眼睛疲勞、刺疼,還一點就是淺色上面不是很适合體現動感光線等特效的展示。當然大屏雖酷炫,但我們也不能忘記了為了炫酷而炫酷,實際我們還是要以展示具體指标為主要目的。小夥伴們千萬别偏題了喲。
在大屏設計中,如果想要美學形式與功能齊頭并進,平衡好設計與功能之間,就必須注意字體、背景色的使用、顔色搭配等細節。可參考這篇文章《要美感與功能兼備?那你的可視化大屏設計要注意這些》。
最後上幾張我們的大屏可視化效果圖:
億信華辰大屏效果圖
億信華辰大屏效果圖
億信華辰大屏效果圖
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!