激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

可視化UI設(shè)計中要注意的這幾點

發(fā)布時間：2024-03-09 16:06:09 瀏覽量：249次

數(shù)據(jù)可視化主要旨在借助于圖形化手段，然而隨著需求和期待的不斷提高，在大屏數(shù)據(jù)可視化的實現(xiàn)上，出現(xiàn)了某種趨勢，即為了使其看上去絢麗多彩而顯得極端復(fù)雜，反而不能有效傳遞出數(shù)據(jù)信息。所以，究竟什么才是真正的大屏數(shù)據(jù)可視化？要設(shè)計這樣一款可視化大屏需要注意哪些問題呢？本篇文章將從專業(yè)的UI角度來探討該問題。

什么是大屏數(shù)據(jù)可視化？

在談?wù)撨@個問題之前，我們首先要再強調(diào)一下“數(shù)據(jù)可視化”的概念。數(shù)據(jù)可視化其實就是通過信息圖對數(shù)據(jù)進(jìn)行描述而設(shè)計，以讓人們更易理解的形式展示出來的一系列手段。其目的在于更形象地表達(dá)數(shù)據(jù)內(nèi)在的信息和規(guī)律，促進(jìn)數(shù)據(jù)信息的傳播和應(yīng)用。

而大屏數(shù)據(jù)可視化是以大屏為主要展示載體的數(shù)據(jù)可視化設(shè)計。也就是通過整個超大尺寸的LED屏幕來展示關(guān)鍵數(shù)據(jù)內(nèi)容。其特點在于“大面積”、“動效炫酷”、“色彩豐富”，大屏易在觀感上給人留下震撼印象，便于營造某些獨特氛圍、打造儀式感。利用其面積大、可展示信息多的特點，通過關(guān)鍵信息大屏共享的方式可方便團(tuán)隊討論和決策，所以大屏也常用來做數(shù)據(jù)分析監(jiān)測使用。

有一點需要明確，即大屏數(shù)據(jù)可視化的主要目的在于分析和傳達(dá)數(shù)據(jù)信息，并希望通過設(shè)計增加美感的同時能有效地縮短信息傳達(dá)的路徑。也就是說，它并不是簡單的把數(shù)據(jù)變成視覺設(shè)計圖，而是以數(shù)據(jù)為視角來看待世界。通俗的說，數(shù)據(jù)可視化就是“讓數(shù)據(jù)好好說話”，用信息圖去講述數(shù)據(jù)的故事?？梢暬且环N表達(dá)數(shù)據(jù)的方式，是現(xiàn)實世界的抽象表達(dá)。

數(shù)字化敘事設(shè)計的關(guān)鍵項

所以要設(shè)計出一個好的大屏，必須找到數(shù)據(jù)和它所代表事物之間的關(guān)系，按照“數(shù)字化敘事”去做設(shè)計，是全面分析數(shù)據(jù)的關(guān)鍵，同樣也是深層次理解數(shù)據(jù)的關(guān)鍵。那么在大屏UI設(shè)計中，如果想要美學(xué)形式與功能齊頭并進(jìn)，平衡好設(shè)計與功能之間，就必須注意以下事項：

1、字體使用

字體優(yōu)先使用系統(tǒng)默認(rèn)字體，需要嵌入字體時考慮字體的可識別性、與當(dāng)前設(shè)計風(fēng)格是否融合、是否可免費商用。


2、字體選擇

字體方面，應(yīng)選擇字母容易辨識不會產(chǎn)生歧義的字體。

1、要有辨識度，即字母容易辨識不會產(chǎn)生奇異的字體；

2、在字體大小上，字號跟網(wǎng)頁設(shè)計一樣不小于12號字，可以用于圖表的標(biāo)注，數(shù)據(jù)信息類建議14號字以上，大屏字體可以適當(dāng)?shù)母笠恍?/p>

3、字母之間的間距應(yīng)小于字偶間距，中文字之間的間距應(yīng)該選擇寬松合適的；

4、在中西文混排時，要注意中文和西文間的間隔，一般排版的情況都是中文中混排有西文，所以需要在中西文間留有間隔，幫助用戶更快速的掃視文字內(nèi)容。

3、背景色的使用

顏色是出色的工具，使用不當(dāng)會讓讀者分心。背景色的選擇與可視化展示的設(shè)備相關(guān)，分為深色、淺色、彩色。

小屏幕背景色選擇范圍比較廣，淺色、彩色、深色均可以做出很好的設(shè)計。相比之下，淺色背景更適合展示大量的數(shù)據(jù)信息，因為在淺色底上數(shù)據(jù)圖表的識別度比較高。而深色、彩色背景更適合渲染簡單的數(shù)據(jù)，用于烘托氣氛。


在大屏設(shè)備中普遍用深色作為背景色，以減少屏幕拖尾，觀眾在視覺上也不會覺得刺眼。所有圖表的配色需要以深色背景為基礎(chǔ)。保證可視化圖的清晰辨識度，色調(diào)與明度變化需要有跨度。

這是因為深色暗色背景可減少拼縫帶來的不適感。由于背景面積大，使用暗色背景還能夠減少屏幕色差對整體表現(xiàn)的影響，同時暗色背景更能聚焦視覺，也方便突出內(nèi)容，做出一些流光、粒子等酷炫的效果。


4、顏色搭配

應(yīng)使用色彩明度與飽和度差異顯著、對比鮮明的配色，盡量避免使用鄰近色配色。當(dāng)然如果顏色過于相似（例如淺灰與更淺的灰）也要避免，因為人們難以發(fā)現(xiàn)兩者間的區(qū)別。相反，也要避免強烈的對比色，例如紅配綠或藍(lán)配黃。


5、用一種顏色去表達(dá)相同類型的數(shù)據(jù)

在圖表中一般使用自然增量（0、5、10、15），而非不均勻的增量（0、3、5、16）排序則要尋求均勻，不能在視覺上造成無序感。


6、對比

可視化讓數(shù)據(jù)對比更直觀，但是僅僅把兩組圖表緊挨著放在一起并不能達(dá)成這個目標(biāo)，甚至更令人費解。試想將32個不同的餅狀圖放在一起對比系不系很闊怕?

7、選擇最高效的可視化圖形

想要保持視覺的一致性，讓讀者可以一眼辨別出，這意味著你可能要使用堆疊型柱狀圖、分組條形圖或者折線圖了。但無論選擇哪種圖形，不要讓讀者費力去對比太多東西。

好了，理論說了這么多，是不是覺得有點抽象？別著急，上一波通過億信BI酷屏做出來的優(yōu)秀案例，或者你會有更直觀的了解。



注意這些可視化UI設(shè)計注意事項，一定能讓你的作品用戶體驗更佳！

熱門課程推薦

熱門資訊

請綁定手機(jī)號

獲取驗證碼
x

同學(xué)您好！

您已成功報名0元試學(xué)活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定