百度商橋

在線咨詢

400-660-9989

uipower@uipower.com

如何進行可視化大屏視覺設計?

發布時間:2021-11-29 17:35:35

數據可視化設計是通過可視化直觀地呈現大數據背后的結構、邏輯和趨勢等。使數據更加可讀,告訴人們數據背后的意義。極大地幫助人們利用數據信息來實現商業價值。因此,數據可視化設計已經成為目前熱門的工作崗位。
數據可視化通過視覺設計的表現手法,可以將復雜無形的數據具體化,將凌亂的數據故事化。它不僅可以展示視覺設計后的數據之美,還可以通過設計語言有效地傳達數據信息。那么我們應該如何設計大屏幕數據可視化產品?

一、大屏幕使用字號分析

由于字號使用不合理而返工是一件可怕的事情。因為如果調整字號,幾乎所有相關元素都必須調整。所以在大屏幕設計之前,設置合理的字號非常重要。

因為大屏幕的開發是基于Web端,所以網頁設計中使用的最小字號是12px,小于12px瀏覽器基本無法識別。但大屏幕設計中,12px的字號會顯得較小。由于大屏幕本身很大,觀眾只有站在遠處才能看清全貌。

對于不同比例的大屏幕,字號的選擇也會有所不同。選擇字號之前,設計師最好去現場測試。按照大屏幕的比例制作幾個字號測試圖,然后在大屏幕使用環境中的關鍵瀏覽位置和屏幕邊緣,測試字號大小。

二、大屏幕設計布局分析

大屏幕設計的四個過程包括需求調查、數據分析、產品設計和可行性測試。其中,數據分析的結果是大屏幕布局的重要依據。數據的主次關系、總分關系、不同層次的業務指標等都與大屏幕布局有關。

核心業務指標應突出并占用較大面積。主要業務指標應放置在第一視覺的上方(右上角);界面邊緣設計了次要業務指標。與此同時,每一個業務板塊都會有數據主次的層次,這在設計形式上也需要表現出來。

此外,在界面布局劃分業務指標時,最好將相關業務指標放在同一區域或相鄰區域。對于觀眾來說,這在瀏覽中更有邏輯,不會有分裂感,也更容易形成結構性的理解。

UIPower案列-UIpower

三、定義設計風格的主題

大屏幕設計一般以深色為主題,強調科技感和酷炫效果。淺色大屏幕容易造成眼睛疲勞且不容易渲染出酷炫的效果。深色主題會在視覺上更加注重內容,可以減少眼部刺激,幫助觀眾長時間瀏覽。

在暗色調設計的基礎上,設計師還應結合行業屬性定義大屏幕的整體色調風格。比如:公安、交通、政務等行業常用的藍色調,藍色調也是大屏幕設計最常用的顏色;在保險、銀行、金融等行業,金色調更符合行業屬性,但切記不要大面積使用,否則容易造成俗氣的感覺;醫療、環保、能源、健康行業的大屏幕可以采用能代表未來、希望的綠色調;電商娛樂行業的大屏幕可以是橙色和紫色,也就是暖色,可以渲染活潑的場景。

1、大屏要有看點

鋪滿文字和圖表的大屏幕很難讓人產生觀賞情緒,所以大屏幕的設計一定要有趣。大屏幕的主視覺元素,一般面積比較大,用于立即抓住觀眾的眼球。在主視覺立即抓住觀眾的眼球后,視覺焦點將逐漸擴展到周圍的相關數據信息。

設計大屏幕就像設計海報,需要突出的主視覺元素,和諧的排版和構圖,視覺上要有沖擊力,才能呈現出美觀的數據可視化顯示頁面。

2、大屏幕設計需要情感認同

盡管美感很重要,但并非大屏設計的唯一追求,真正能讓用戶驚嘆的一定是情感上的調動。美國著名心理學家唐納德·諾曼提出了三個層次的情感設計:本能、行為和反思,大屏幕設計風格也可以根據情感設計的三個層次來定義。

美觀的設計可以讓用戶立刻產生觀賞情緒,這就是本能層。觀賞性情緒的延續也體現在產品的功能性、易懂性和故事性傳遞上,這將與用戶互動,即行為層面。最終,用戶的情感認同會產生更高的滿意度和依賴感,即反思層。

三個層次相輔相成,簡而言之就是抓住眼球(本能),滿足需求(行為),認同依賴(反思)。

好的大屏幕設計不僅美觀,而且易于理解和使用。大屏幕用戶往往是行業專家,對行業有充分的了解,對產品業務需求有專業的了解。面對這樣的用戶,設計師必須具備專業能力。

UIPower案列-UIpower

四、情感板設計方法

情感板是將設計對象的相關圖片和材料整理在一起,創造相應產品的調性。通過產品的設計和加工,使用戶產生情感共鳴。情感板也可以理解為設計靈感的收集,是設計思維的可視化表達。

在產品的視覺設計中,情感板是一種非??茖W有效的設計方法,可以幫助設計師客觀理性地定義產品的視覺設計風格,從而使產品設計更貼近用戶的頭腦。

做好以上四個方面的設計,就可以做好數據可視化大屏的視覺設計,不僅讓用戶使用起來更加方便,還能讓用戶對數字大屏產生依賴,喜歡上這樣的大屏設計。





{转码词},{转码词1},{转码词2},{转码词3}