1德绿、數(shù)據(jù)可視化理解
大數(shù)據(jù)可視化是什么?
大量數(shù)據(jù)的宏觀呈現(xiàn)退渗,通過簡單易觀的圖表或者其他圖形效果脆炎,把復(fù)雜繁多的數(shù)據(jù)根據(jù)業(yè)務(wù)的維度一一呈現(xiàn)出來的過程叫做數(shù)據(jù)可視化。
數(shù)據(jù)可視化有哪些風(fēng)格氓辣?
2、FUI風(fēng)格介紹
2.1FUI風(fēng)格定義
1.FUI一提到這個(gè)詞首先想到就是漫威和 DC 科幻電影中主角的操作場(chǎng)景袱蚓,
例如漫威電影中鋼鐵俠的操作界面:
FUI 中:“U”代表用戶(User)“I”代表界面(Interface)“F”代表虛構(gòu)的(Fiction)钞啸、未來的(Future)、幻想的(Fantasy)喇潘。
概括來說 FUI 就是:虛構(gòu)的体斩、未來的、幻想的用戶界面颖低。
“科幻界面”只是 FUI 中的分支絮吵,并不能完全解釋 FUI 。
2.2FUI跟傳統(tǒng)區(qū)別
色彩
a.背景
常以深色的背景來營造強(qiáng)烈空間感忱屑,讓用戶感覺自己處在一個(gè)三維的空間當(dāng)中
如下圖蹬敲,我們能夠感受到強(qiáng)烈的空間感,數(shù)據(jù)儀表盤處于一個(gè)具有縱深感的三維世界當(dāng)中莺戒,視覺中心的數(shù)據(jù)顯示器與背景形成了鮮明的對(duì)比伴嗡。
b.配色簡潔
在顏色的選擇上,借鑒了軍事設(shè)備中的配色準(zhǔn)則从铲,在殘酷的戰(zhàn)爭中“快速瘪校、準(zhǔn)確、直接”是最重要的,所以在軍事設(shè)備上多以【單一的冷色調(diào)為主】阱扬,盡量【避免多種色彩】的使用泣懊,這樣對(duì)于操作者而言更加簡單。所以 FUI 的配色設(shè)計(jì)大多以冷色調(diào)為主麻惶,對(duì)比色通常作為輔助色用以反饋重要信息
如在 007系列電影中的界面都是使用對(duì)比色反饋重要信息馍刮,如下圖中的坐標(biāo)信息都使用了紅色作為突出重要信息的設(shè)計(jì)手段。
當(dāng)然也有大量使用同類色的情況用踩,例如 Sid Meier 中的飛船狀態(tài)頁面渠退,著重表示當(dāng)前的飛船的狀態(tài),這樣在發(fā)生異常的狀況下可以立馬發(fā)現(xiàn)脐彩。
c.對(duì)比強(qiáng)烈
FUI 中的配色對(duì)比強(qiáng)烈碎乃,首先因?yàn)楸尘岸嘁陨钌珵橹鳎瑥?qiáng)烈的對(duì)比能夠有效的拉開頁面中的空間感惠奸。
總結(jié)
1梅誓、FUI界面具備的要素:“幻想”UI、空間感佛南、扁平化梗掰、“異形”元素、配色簡潔嗅回,對(duì)比強(qiáng)烈及穗、軍事風(fēng)格
2、FUI界面如何營造出這種精細(xì)绵载、嚴(yán)謹(jǐn)埂陆、高端的感覺:
? 線條感強(qiáng),結(jié)構(gòu)清晰娃豹,采用較多的線條焚虱、線框等幾何圖形元素;
? 排版布局工整規(guī)范懂版,色彩搭配沉穩(wěn)不花哨鹃栽,內(nèi)容復(fù)雜但有條理和秩序;
? 減少樣式的花哨躯畴,文本和色彩的樣式基本沒有太多變化起伏民鼓,也沒有特別突兀的大色塊破壞和諧;
? 增加表現(xiàn)形式的多樣:比如用更精細(xì)的圖形代替簡單的色塊蓬抄,比如用設(shè)計(jì)元素巧妙的填充了界面中不必要的留白摹察,增加細(xì)節(jié)、保證風(fēng)格完整性倡鲸。