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