隨著科技的發(fā)展,現(xiàn)在也實(shí)現(xiàn)了數(shù)據(jù)傳播這個(gè)功能,大家知道如何設(shè)計(jì)大屏可視化界面設(shè)計(jì)嗎?設(shè)計(jì)這個(gè)可不是一件簡(jiǎn)單的事情,有幾個(gè)關(guān)鍵項(xiàng)值得我們注意,下面跟著小編去了解一下吧。
可視化界面設(shè)計(jì)(圖片來自網(wǎng)絡(luò))
如何設(shè)計(jì)大屏可視化界面設(shè)計(jì)?
1、字體使用
字體優(yōu)先使用系統(tǒng)默認(rèn)字體,需要嵌入字體時(shí)考慮字體的可識(shí)別性、與當(dāng)前設(shè)計(jì)風(fēng)格是否融合、是否可免費(fèi)商用。
2、字體選擇
1、要有辨識(shí)度,即字母容易辨識(shí)不會(huì)產(chǎn)生奇異的字體。
2、在字體大小上,字號(hào)跟網(wǎng)頁設(shè)計(jì)一樣不小于12號(hào)字,可以用于圖表的標(biāo)注,數(shù)據(jù)信息類建議14號(hào)字以上,大屏字體可以適當(dāng)?shù)母笠恍?/span>
3、字母之間的間距應(yīng)小于字偶間距,中文字之間的間距應(yīng)該選擇寬松合適的。
4、在中西文混排時(shí),要注意中文和西文間的間隔,一般排版的情況都是中文中混排有西文,所以需要在中西文間留有間隔,幫助用戶更快速的掃視文字內(nèi)容。
3、背景色的使用
顏色是出色的工具,使用不當(dāng)會(huì)讓讀者分心。背景色的選擇與可視化展示的設(shè)備相關(guān),分為深色、淺色、彩色。
小屏幕背景色選擇范圍比較廣,淺色、彩色、深色均可以做出很好的設(shè)計(jì)。相比之下,淺色背景更適合展示大量的數(shù)據(jù)信息,因?yàn)樵跍\色底上數(shù)據(jù)圖表的識(shí)別度比較高。而深色、彩色背景更適合渲染簡(jiǎn)單的數(shù)據(jù),用于烘托氣氛。
在大屏設(shè)備中普遍用深色作為背景色,以減少屏幕拖尾,觀眾在視覺上也不會(huì)覺得刺眼。所有圖表的配色需要以深色背景為基礎(chǔ)。保證可視化圖的清晰辨識(shí)度,色調(diào)與明度變化需要有跨度。
這是因?yàn)樯钌瞪尘翱蓽p少拼縫帶來的不適感。由于背景面積大,使用暗色背景還能夠減少屏幕色差對(duì)整體表現(xiàn)的影響,同時(shí)暗色背景更能聚焦視覺,也方便突出內(nèi)容,做出一些流光、粒子等酷炫的效果。
4、顏色搭配
應(yīng)使用色彩明度與飽和度差異顯著、對(duì)比鮮明的配色,盡量避免使用鄰近色配色。當(dāng)然如果顏色過于相似(例如淺灰與更淺的灰)也要避免,因?yàn)槿藗冸y以發(fā)現(xiàn)兩者間的區(qū)別。相反,也要避免強(qiáng)烈的對(duì)比色,例如紅配綠或藍(lán)配黃。
5、選擇最高效的可視化圖形
想要保持視覺的一致性,讓讀者可以一眼辨別出,這意味著你可能要使用堆疊型柱狀圖、分組條形圖或者折線圖了。但無論選擇哪種圖形,不要讓讀者費(fèi)力去對(duì)比太多東西。

可視化界面設(shè)計(jì)
(圖片來自網(wǎng)絡(luò))
如何設(shè)計(jì)大屏可視化界面設(shè)計(jì)?小編在上文為大家介紹了相關(guān)的內(nèi)容,這些都是很關(guān)鍵的,按照這樣的思路去設(shè)計(jì),才能美觀,大家都明白了嗎?


在微信中搜索faceui