網(wǎng)頁(yè)設(shè)計(jì)信息可視化知識(shí)講解
在互聯(lián)網(wǎng)行業(yè)，信息可視化這個(gè)詞語(yǔ)應(yīng)該不陌生了。近幾年，人們?cè)谠O(shè)計(jì)中把一些繁瑣的信息通過(guò)可視化的圖表視覺(jué)化展現(xiàn)出來(lái)的例子越來(lái)越多，現(xiàn)在具體的看看網(wǎng)頁(yè)設(shè)計(jì)信息可視化相關(guān)知識(shí)。
信息可視化
信息可視化(Information visualization)是一個(gè)跨學(xué)科領(lǐng)域，旨在研究大規(guī)模非數(shù)值型信息資源的視覺(jué)呈現(xiàn)，如軟件系統(tǒng)之中眾多的文件或者一行行的程序代碼，以及利用圖形圖像方面的技術(shù)與方法，幫助人們理解和分析數(shù)據(jù)。與科學(xué)可視化相比，信息可視化則側(cè)重于抽象數(shù)據(jù)集，如非結(jié)構(gòu)化文本或者高維空間當(dāng)中的點(diǎn)(這些點(diǎn)并不具有固有的二維或三維幾何結(jié)構(gòu))。信息可視化囊括了數(shù)據(jù)可視化、信息圖形、知識(shí)可視化、科學(xué)可視化以及視覺(jué)設(shè)計(jì)方面的所有發(fā)展與進(jìn)步。在這種層次上，如果加以充分適當(dāng)?shù)慕M織整理，任何事物都是一類(lèi)信息：表格、圖形、地圖，甚至包括文本在內(nèi)，無(wú)論其是靜態(tài)的還是動(dòng)態(tài)的，都將為我們提供某種方式或手段，從而讓我們能夠洞察其中的究竟，找出問(wèn)題的答案，發(fā)現(xiàn)形形色色的關(guān)系，或許還能讓我們理解在其他形式的情況下不易發(fā)覺(jué)的事情。不過(guò)，如今在科學(xué)技術(shù)研究領(lǐng)域，信息可視化這條術(shù)語(yǔ)則一般適用于大規(guī)模非數(shù)字型信息資源的可視化表達(dá)。信息可視化致力于創(chuàng)建那些以直觀方式傳達(dá)抽象信息的手段和方法。可視化的表達(dá)形式與交互技術(shù)則是利用人類(lèi)眼睛通往心靈深處的廣闊寬帶優(yōu)勢(shì)勢(shì)，使得用戶能夠目睹、探索以至立即理解大量的信息。
專(zhuān)業(yè)的詞語(yǔ)不說(shuō)那么多了，我們來(lái)看些例子，可以更加實(shí)際的 清晰的了解信息可視化這一概念。
Value
價(jià)值，這個(gè)關(guān)鍵詞!顧名思義，信息量對(duì)于用戶和企業(yè)主來(lái)說(shuō)無(wú)一不是至關(guān)重要的數(shù)據(jù)。
把繁瑣且令人頭疼的數(shù)據(jù)、 圖表信息設(shè)計(jì)轉(zhuǎn)化成有意思的可視化信息，正是一種價(jià)值的體現(xiàn)。下面我們從幾個(gè)關(guān)鍵詞來(lái)展示信息可視化設(shè)計(jì)后的圖表，使其價(jià)值得到提升，從而產(chǎn)生突飛猛進(jìn)的質(zhì)的變化。
A.Accuracy 準(zhǔn)確性
準(zhǔn)確性在設(shè)計(jì)infographic是要絕對(duì)準(zhǔn)確和精確的。這是很容易犯錯(cuò)誤地方，當(dāng)你想擴(kuò)展您的數(shù)據(jù)，圖表和圖形。使用不同尺寸和形狀的數(shù)據(jù)可視化，但不要過(guò)度。你隨手的去繪制形狀，因?yàn)闆](méi)有一個(gè)準(zhǔn)確的基本尺度。最好使用數(shù)學(xué)公式，有依據(jù)的數(shù)字，然后在圖形中使用相同的比例。例如媒體在這個(gè)信息圖表中，我們可以看到完美的比例。他們使用比例半圓，比較商品在商店購(gòu)買(mǎi)的商品在網(wǎng)上購(gòu)買(mǎi)的。利用圓的半徑比的理想匹配的數(shù)字之比來(lái)詮釋人們真正在線想購(gòu)買(mǎi)的是哪些東西?包括用顏色和肌理的不同來(lái)區(qū)分的百分比數(shù)據(jù)，傳遞精準(zhǔn)的數(shù)據(jù)可視化。
B.Creativity 創(chuàng)新性
創(chuàng)造力匠心與設(shè)計(jì)是分開(kāi)從簡(jiǎn)單的圖表中體現(xiàn)出來(lái)的。在你的信息圖表中，你想要表達(dá)你自己，還有它包含的信息，同時(shí)還要牢記這個(gè)海報(bào)。不要害怕使用排版，插圖，圖標(biāo)或其他設(shè)計(jì)元素，一點(diǎn)點(diǎn)的創(chuàng)意和大膽的設(shè)計(jì)，讓您的信息圖表脫穎而出。這是我們花了很長(zhǎng)時(shí)間要從android、蘋(píng)果、WP、黑莓、bab等移動(dòng)操作系統(tǒng)平臺(tái)中找到一個(gè)勝利者。這些巨頭只能鎖定一個(gè)勝利者，它最終通殺所有的對(duì)手，所有的這些都包含一個(gè)生態(tài)系統(tǒng)之中，誰(shuí)占據(jù)這最大的銷(xiāo)售額，誰(shuí)擁有著下載最多的APP商店?希望你可以從這張表中得到一些答案 visionmobile 誰(shuí)是每一個(gè)平臺(tái)的關(guān)鍵角色，也告知了他們的優(yōu)勢(shì)和劣勢(shì)。很霸氣創(chuàng)意的海報(bào)展示，既展示了信息也充滿了創(chuàng)新感。把這些關(guān)鍵性元素都做成了MAP 形式好像游戲進(jìn)程通關(guān)關(guān)卡一般，非常有意思的詮釋了信息。
雖然有大量的制造商導(dǎo)致的激烈的市場(chǎng)競(jìng)爭(zhēng)，但還有著很多的問(wèn)題需要回答：誰(shuí)占據(jù)這最大的銷(xiāo)售額，誰(shuí)擁有著下載最多的APP商店?
如果一個(gè)操作系統(tǒng)獲得了壟斷性的市場(chǎng)份額，它便可以控制市場(chǎng)。如果它控制了市場(chǎng)，它需要更大的開(kāi)發(fā)支持。需要開(kāi)發(fā)更多更好的應(yīng)用和軟件，只有這樣才能帶來(lái)更多的用戶，這也意味著更多的收入。希望你可以從這張表中得到一些答案。
C.Inspiration 靈感
面對(duì)靈感這個(gè)詞，其實(shí)它很微妙和神奇。靈感是在不尋常間使精神互相溝通，用知覺(jué)感知情緒或景物而觸動(dòng)的某種認(rèn)識(shí)和創(chuàng)作情感。同理在設(shè)計(jì)輸出的時(shí)候，靈感也是非常重要的，這張Infographics就是很好的展現(xiàn)的靈感的所在。這是2008年F10法拉利四驅(qū)車(chē)比賽的一個(gè)信息圖標(biāo)圖，有選手的分布特征，還有四驅(qū)車(chē)的性能解析，國(guó)家的占比量。用一個(gè)很突出的速度感的法拉利四驅(qū)車(chē)形態(tài)來(lái)展示信息，給人一種很強(qiáng)的視覺(jué)沖擊和主題性很濃郁。
D.Relevance 關(guān)聯(lián)性
關(guān)聯(lián)性，時(shí)下老外們喜歡針對(duì)一些信息圖表的跟蹤設(shè)計(jì)，是為了讓大家更方便的查找到適合自己的信息圖表的風(fēng)格和外觀。如果您要?jiǎng)?chuàng)建一個(gè)信息圖表有關(guān)的且重要而敏感的問(wèn)題，需要選擇適當(dāng)?shù)脑O(shè)計(jì)反映恰當(dāng)?shù)闹黝}是最好的。這是一個(gè)很好的例子，他們做了一個(gè)掙扎在世界上邊緣的國(guó)家，所以包括了世界地圖，以及一些說(shuō)明性的圖標(biāo)和主題的插圖，反映的各個(gè)國(guó)家屬性的信息圖表。每一個(gè)元素間的關(guān)聯(lián)性非常之強(qiáng)，就像生態(tài)鏈一樣環(huán)環(huán)相扣緊密聯(lián)系。
E.Succinctness 簡(jiǎn)潔的
簡(jiǎn)潔這個(gè)關(guān)鍵詞，其實(shí)就是需要把一些繁瑣復(fù)雜很難以理解的數(shù)據(jù)轉(zhuǎn)化成一些簡(jiǎn)單易懂的數(shù)據(jù)表現(xiàn)形式。當(dāng)創(chuàng)建一個(gè)信息圖表你的主要目標(biāo)是回答一個(gè)具體的問(wèn)題的時(shí)候，圖表數(shù)據(jù)要覆蓋您的圖形，并開(kāi)始通過(guò)它簡(jiǎn)潔地回答問(wèn)題。當(dāng)你這樣做的同時(shí)，你可以添加額外的事實(shí)或資料，使您的圖形更廣泛。簡(jiǎn)潔的回答你的話題，也將有助于創(chuàng)建一個(gè)更有效的可視化的圖形。
F.Visualization 可視化
您不希望您的信息圖表只是純文本。純文本數(shù)據(jù)是枯燥的，有時(shí)很難理解。使用幾何形狀，圖表等元素，都可以幫助數(shù)據(jù)的可視化。如果可能的話，最好更換一些繁瑣枯燥無(wú)聊的圖標(biāo)或符號(hào)。當(dāng)然，你必須保持信息的前沿和中心，因?yàn)檫@是在有“信息”的信息圖表之中。然而，請(qǐng)記住，現(xiàn)在人們有很多更直觀的技術(shù)方法，來(lái)清楚地介紹人們不感興趣的話題。這個(gè)由Rackscape的infographic的可視化信息圖表是一個(gè)突出的例子。他們已經(jīng)創(chuàng)建了一個(gè)約字節(jié)，這可能看起來(lái)很無(wú)聊，但他們已經(jīng)成功地使其非常愉快和有趣的圖形化了。每條信息都是伴隨著一個(gè)大型彩色插圖，這樣的信息圖表是很容易理解的。
再配上詼諧幽默的人物表情，可以把一些無(wú)聊沒(méi)人關(guān)注的話題數(shù)據(jù)變的很有意思(包括一下繁瑣的代碼)，這也是信息情景化的一種。
看了幾個(gè)范疇的關(guān)鍵詞，幾個(gè)不同關(guān)鍵詞的領(lǐng)悟。對(duì)信息可視化這個(gè)概念有所了解了吧!在我們的日常工作生活中，很多的領(lǐng)域都可以運(yùn)用到這個(gè)形式。色彩清晰和有趣的展示，可以幫助我們達(dá)到意想不到的效果。這個(gè)例子就是利用色塊區(qū)域的劃分和時(shí)間軸的進(jìn)程來(lái)展示數(shù)據(jù)信息的。
色彩的對(duì)比，色塊的區(qū)分，簡(jiǎn)單而有效的把信息詮釋出來(lái)。
最后給大家看一個(gè)，展示的很有意思的手繪動(dòng)態(tài)展示數(shù)據(jù)趨勢(shì)圖～有的時(shí)候加一些GIF動(dòng)態(tài)圖也會(huì)讓這個(gè)設(shè)計(jì)變得更別出心裁一點(diǎn)：
這個(gè)信息圖表采用很隨意詼諧的手繪彩筆的形式來(lái)表達(dá)互聯(lián)網(wǎng)行業(yè)討論項(xiàng)目的交互流水線框圖，把一些復(fù)雜的流程變成了可愛(ài)出彩的可視化流線圖。感覺(jué)很有意思的傳遞了原本枯燥的信息。使得整個(gè)變的很有愛(ài)，為每一個(gè)元素符號(hào)賦予了情感化在里面，讓閱讀者沒(méi)有那么的枯燥，反而更加愉悅的閱讀完了所有信息。
【網(wǎng)頁(yè)設(shè)計(jì)信息可視化知識(shí)講解】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)信息可視化知識(shí)解析07-28
網(wǎng)頁(yè)設(shè)計(jì)的優(yōu)化知識(shí)02-25
網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)知識(shí)09-26
網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)12-15
網(wǎng)頁(yè)設(shè)計(jì)顏色搭配的知識(shí)11-10
網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)知識(shí)02-27
網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)的小知識(shí)09-24
網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)小知識(shí)01-12
網(wǎng)頁(yè)制作方法講解11-18