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