網頁設計資訊視覺化知識講解

網際網路行業,資訊視覺化這個詞語應該不陌生了。近幾年,人們在設計中把一些繁瑣的資訊通過視覺化的圖表視覺化展現出來的例子越來越多,現在具體的看看網頁設計資訊視覺化相關知識。

網頁設計資訊視覺化知識講解

  資訊視覺化

資訊視覺化(Information visualization)是一個跨學科領域,旨在研究大規模非數值型資訊資源的視覺呈現,如軟體系統之中眾多的檔案或者一行行的程式程式碼,以及利用圖形影象方面的技術與方法,幫助人們理解和分析資料。與科學視覺化相比,資訊視覺化則側重於抽象資料集,如非結構化文字或者高維空間當中的點(這些點並不具有固有的二維或三維幾何結構)。資訊視覺化囊括了資料視覺化、資訊圖形、知識視覺化、科學視覺化以及視覺設計方面的所有發展與進步。在這種層次上,如果加以充分適當的組織整理,任何事物都是一類資訊:表格、圖形、地圖,甚至包括文字在內,無論其是靜態的還是動態的,都將為我們提供某種方式或手段,從而讓我們能夠洞察其中的究竟,找出問題的答案,發現形形色色的關係,或許還能讓我們理解在其他形式的情況下不易發覺的事情。不過,如今在科學技術研究領域,資訊視覺化這條術語則一般適用於大規模非數字型資訊資源的視覺化表達。資訊視覺化致力於建立那些以直觀方式傳達抽象資訊的手段和方法。視覺化的表達形式與互動技術則是利用人類眼睛通往心靈深處的廣闊寬頻優勢勢,使得使用者能夠目睹、探索以至立即理解大量的資訊。

專業的詞語不說那麼多了,我們來看些例子,可以更加實際的 清晰的瞭解資訊視覺化這一概念。

 Value

價值,這個關鍵詞!顧名思義,資訊量對於使用者和企業主來說無一不是至關重要的資料。

把繁瑣且令人頭疼的資料、 圖表資訊設計轉化成有意思的視覺化資訊,正是一種價值的體現。下面我們從幾個關鍵詞來展示資訊視覺化設計後的圖表,使其價值得到提升,從而產生突飛猛進的質的變化。

  racy 準確性

準確性在設計infographic是要絕對準確和精確的。這是很容易犯錯誤地方,當你想擴充套件您的資料,圖表和圖形。使用不同尺寸和形狀的資料視覺化,但不要過度。你隨手的去繪製形狀,因為沒有一個準確的基本尺度。最好使用數學公式,有依據的數字,然後在圖形中使用相同的比例。例如媒體在這個資訊圖表中,我們可以看到完美的比例。他們使用比例半圓,比較商品在商店購買的商品在網上購買的。利用圓的半徑比的理想匹配的數字之比來詮釋人們真正線上想購買的是哪些東西?包括用顏色和肌理的不同來區分的百分比資料,傳遞精準的資料視覺化。

  tivity 創新性

創造力匠心與設計是分開從簡單的圖表中體現出來的。在你的資訊圖表中,你想要表達你自己,還有它包含的資訊,同時還要牢記這個海報。不要害怕使用排版,插圖,圖示或其他設計元素,一點點的創意和大膽的設計,讓您的資訊圖表脫穎而出。這是我們花了很長時間要從android、蘋果、WP、黑莓、bab等移動作業系統平臺中找到一個勝利者。這些巨頭只能鎖定一個勝利者,它最終通殺所有的對手,所有的這些都包含一個生態系統之中,誰佔據這最大的銷售額,誰擁有著下載最多的APP商店?希望你可以從這張表中得到一些答案 visionmobile 誰是每一個平臺的關鍵角色,也告知了他們的優勢和劣勢。很霸氣創意的海報展示,既展示了資訊也充滿了創新感。把這些關鍵性元素都做成了MAP 形式好像遊戲程序通關關卡一般,非常有意思的詮釋了資訊。

雖然有大量的製造商導致的激烈的市場競爭,但還有著很多的問題需要回答:誰佔據這最大的銷售額,誰擁有著下載最多的APP商店?

如果一個作業系統獲得了壟斷性的市場份額,它便可以控制市場。如果它控制了市場,它需要更大的開發支援。需要開發更多更好的`應用和軟體,只有這樣才能帶來更多的使用者,這也意味著更多的收入。希望你可以從這張表中得到一些答案。

  iration 靈感

面對靈感這個詞,其實它很微妙和神奇。靈感是在不尋常間使精神互相溝通,用知覺感知情緒或景物而觸動的某種認識和創作情感。同理在設計輸出的時候,靈感也是非常重要的,這張Infographics就是很好的展現的靈感的所在。這是2008年F10法拉利四驅車比賽的一個資訊圖示圖,有選手的分佈特徵,還有四驅車的效能解析,國家的佔比量。用一個很突出的速度感的法拉利四驅車形態來展示資訊,給人一種很強的視覺衝擊和主題性很濃郁。

  vance 關聯性

關聯性,時下老外們喜歡針對一些資訊圖表的跟蹤設計,是為了讓大家更方便的查詢到適合自己的資訊圖表的風格和外觀。如果您要建立一個資訊圖表有關的且重要而敏感的問題,需要選擇適當的設計反映恰當的主題是最好的。這是一個很好的例子,他們做了一個掙扎在世界上邊緣的國家,所以包括了世界地圖,以及一些說明性的圖示和主題的插圖,反映的各個國家屬性的資訊圖表。每一個元素間的關聯性非常之強,就像生態鏈一樣環環相扣緊密聯絡。

  inctness 簡潔的

簡潔這個關鍵詞,其實就是需要把一些繁瑣複雜很難以理解的資料轉化成一些簡單易懂的資料表現形式。當建立一個資訊圖表你的主要目標是回答一個具體的問題的時候,圖表資料要覆蓋您的圖形,並開始通過它簡潔地回答問題。當你這樣做的同時,你可以新增額外的事實或資料,使您的圖形更廣泛。簡潔的回答你的話題,也將有助於建立一個更有效的視覺化的圖形。

  alization 視覺化

您不希望您的資訊圖表只是純文字。純文字資料是枯燥的,有時很難理解。使用幾何形狀,圖表等元素,都可以幫助資料的視覺化。如果可能的話,最好更換一些繁瑣枯燥無聊的圖示或符號。當然,你必須保持資訊的前沿和中心,因為這是在有“資訊”的資訊圖表之中。然而,請記住,現在人們有很多更直觀的技術方法,來清楚地介紹人們不感興趣的話題。這個由Rackscape的infographic的視覺化資訊圖表是一個突出的例子。他們已經建立了一個約位元組,這可能看起來很無聊,但他們已經成功地使其非常愉快和有趣的圖形化了。每條資訊都是伴隨著一個大型彩色插圖,這樣的資訊圖表是很容易理解的。

再配上詼諧幽默的人物表情,可以把一些無聊沒人關注的話題資料變的很有意思(包括一下繁瑣的程式碼),這也是資訊情景化的一種。

看了幾個範疇的關鍵詞,幾個不同關鍵詞的領悟。對資訊視覺化這個概念有所瞭解了吧!在我們的日常工作生活中,很多的領域都可以運用到這個形式。色彩清晰和有趣的展示,可以幫助我們達到意想不到的效果。這個例子就是利用色塊區域的劃分和時間軸的程序來展示資料資訊的。

色彩的對比,色塊的區分,簡單而有效的把資訊詮釋出來。

最後給大家看一個,展示的很有意思的手繪動態展示資料趨勢圖~有的時候加一些GIF動態圖也會讓這個設計變得更別出心裁一點:

這個資訊圖表採用很隨意詼諧的手繪彩筆的形式來表達網際網路行業討論專案的互動流水線框圖,把一些複雜的流程變成了可愛出彩的視覺化流線圖。感覺很有意思的傳遞了原本枯燥的資訊。使得整個變的很有愛,為每一個元素符號賦予了情感化在裡面,讓閱讀者沒有那麼的枯燥,反而更加愉悅的閱讀完了所有資訊。