@親愛的蔥 數據可視化在當前是一個熱門話題，旨在借助于圖形化手段，清晰有效地傳達與溝通信息。但是，這并不就意味著，數據可視化就一定因為要實現其功能用途而令人感到枯燥乏味，或者是為了看上去絢麗多彩而顯得極端復雜。為了有效地傳達思想概念，美學形式與功能需要齊頭并進，通過直觀地傳達關鍵的方面與特征，從而實現對于相當稀疏而又復雜的數據集的深入洞察。

然而，設計人員往往并不能很好地把握設計與功能之間的平衡，從而創造出華而不實的數據可視化形式，無法達到其主要目的，也就是傳達與溝通信息。

如今學習應用數據可視化的渠道有很多，你可以跟蹤一些專家博客，但更重要的一點是實踐/實操，你必須對目前可用的數據可視化工具有個大致了解。以下是Netmagzine列舉的二十大數據可視化工具，無論你是準備制作簡單的圖表還是復雜的圖譜或者信息圖，這些工具都能滿足你的需要。更加美妙的是，這些工具大多免費。

第一部分：入門級工具

1.Excel

Excel的圖形化功能并不強大，但Excel是分析數據的理想工具，上圖是Excel生成的熱力地圖

作為一個入門級工具，Excel是快速分析數據的理想工具，也能創建供內部使用的數據圖，但是Excel在顏色、線條和樣式上可選擇的范圍有限，這也意味著用Excel很難制作出能符合專業出版物和網站需要的數據圖。但是作為一個的內部溝通工具，Excel應當是你百寶箱中必備的工具之一。

這是一個讀圖的時代，浮躁的人們或許對超過150個的文字都讀不下去，所以，信息圖應運而生，搭配上優秀而又吸引人的圖片，再加上一小段精煉的文字，足夠吸引人而又不至于耽誤太多的時間,在閱讀一張張精彩的信息圖之余，我們也常常會產生制作屬于自己的精美信息圖的沖動，只是往往是心有余而力不足.不過還好，有眾多提供在線制作信息圖的工具,比如creately就是其中的佼佼者。

什么是信息圖(Infographics)

根據維基百科的解釋:
信息圖形（Information graphics），又稱為信息圖（Infographics），是指數據、信息或知識的可視化表現形式。信息圖形主要應用于必須要有一個清楚準確的解釋或表達甚為復雜且大量的信息，例如在各式各樣的文件檔案上、各個地圖及標志、新聞或教程文件，表現出的設計是化繁為簡。公元1958年，Stephen Toulmin提出了一種圖形化的理論模型，后來成為有影響力的理論及其應用。

制作信息圖的目的在于用圖像的形式表現需要傳達的數據、信息和知識。信息圖示中的元素未必要和所表達的信息在語義上一致，但是必須達到向受眾清晰傳達正確信息的標準,這里介紹幾個知名的提供信息圖的網站

確保工作區整潔有序

合理的圖層排序和分組便于設計師理解所有元素的對應位置。把它比作一個生產車間，要是你把所有的工具到處扔，害得你的工頭什么都找不到，你還有好日子過么？

同一對象的多個圖層歸入一個文件夾

這是一條重要的規則。圖層歸組讓你的圖層變得有序，你不需要單獨為每一個圖層命名，只要命名組就行了。
例如：如果一個按鈕由按鈕圖標和說明文字組成，那么應該把它們歸入一個”按鈕”的文件夾；菜單本身是一個一組一組的按鈕對，歸入一個”菜單”組，并且所有背景層也將歸入”背景”這個文件夾。

原則就是：文件夾分組在邏輯上應該符合你的布局結構。

如果一個對象包含幾個圖層，就應該把它們歸入一個文件夾

新幻燈的版本為34/1，修改日期11月27

通常我們會把好幾個不同版本的元素放在一個文件里，像同一個按鈕不同的背景。

但為了避免忘記這一撮奇怪的隱藏圖層其實是同一個背景的不同版本，最好還是好好給他們歸組。最簡單的辦法就是創建一個”背景”文件夾，把所有的版本背景都放到里面。但更理想的方法是復制整個”按鈕”文件夾并根據不同的版本命一樣的名。這樣就可以很清楚地知道這是一個按鈕的3個不同版本。

這樣分組，你的同事就能理解這些按鈕是三個版本

這里收錄的100句有關設計的事情，似乎更像是設計經典語錄，它們之中肯定會有一句能夠讓您共鳴，甚至大徹大悟。

好吧，美妙的句子很多，開門見山，就讓我們迅速開始吧。

零：項目背景

百度網盟推廣平臺是配合網盟推廣用戶的在線營銷平臺，推廣客戶可以在平臺上實現全方位的推廣管理，包括搭建賬戶結構、配置預算、定向方式、監控賬戶投放效果等等復雜的賬戶操作。但是由于系統的復雜度和功能性的增加，原有的系統對新功能的支撐顯得有些捉襟見肘，所以在今年8月份，我們開始了對系統體驗的分析和優化工作。

一：產品理解

廣告投放平臺廣義上屬于商業產品體系，商業產品和用戶產品在體驗的關注點上是有顯著區別的。最大的區別就是使用需求不同，商業產品一般不會出現在我們日常生活中，大部分都是在工作時，或者是特定的時段內才會使用到。所以把握好商業產品的特性，是做好商業產品用戶體驗的關鍵。

研究一個產品的特性，一個比較簡單的方法就是觀察產品的“零容忍點”，也就是產品的哪些特性如果不能夠滿足用戶，用戶就會產生強烈反感，甚至放棄使用。比如說現在非?；鸬囊苿踊ヂ摼W應用，也就是app產品，用戶的零容忍點基本上會停留在視覺層面上。因為我們的移動設備分辨率較高以及產品的使用場景（都是近距離使用）的關系，用戶對產品的視覺效果會非常嚴苛，如果產品的icon或者界面丑陋，基本上就不會用了。但是，對于一些小說站點或者視頻站點來說，視覺就不是用戶最主要關注的了，這類產品，用戶最關注的是他們的內容，如果內容不夠好，別人有的你沒有，那么用戶就會離開，即使你的界面十分精美，只能是華而不實。同樣，如果把思路切換到商業產品上，我們會發現用戶最在意的是能夠能夠在使用的功能滿足和節約時間。因為商業產品更像是一個用戶的工具，如果工具不能夠操作，那么用戶就沒有使用的動力了。因此，對于商業產品來講，功能>性能>易用>美觀。

所以，對于商業產品設計師來說，我們的思維中要一直有一個聲音，那就是我們的優化是不是能夠真正的提高用戶的效率，在效率和效果面前，我們要強迫自己選擇前者。

二.可用性走查

平臺系統的復雜度之高，超出預期，怎樣衡量復雜系統的操作效率提升是體驗優化的一個難題，思考之后，把產品的易學性作為我的設計出發點，就是通過統一、規范的系統能夠讓用戶更容易學習和掌握平臺產品具體的使用方法。

對整個系統超過30個頁面進行可用性走查，根據用戶體驗設計要素，把系統按照結構層、框架層和表現層來進行梳理。結構層解決用戶如何導到某個頁面，做完去哪里。在梳理結構層的過程中不具體思考交互方式，只是從任務出發，來看流程和結構上能不能滿足功能，在滿足功能的基礎上有沒有提升的空間?？蚣軐觿t解決頁面的具體布局和交互方式，對系統頁面的控件、布局等詳細梳理，尋找改進空間。表現層解決產品的視覺呈現。

雖然互聯網發展迅速，但是利用Banner來推廣產品，依然是王道。
很多公司都采用這種形式進行宣傳，優點多多：便宜、效果可監測、行之有效。
現在呢，假設有客戶讓你幫忙設計個Banner廣告，你要怎么設計呢？要怎么提高廣告的點擊率呢？

下面將詳細講述Banner設計的14條建議。

1. 選擇最有效的Banner尺寸

恐怕現在的設計師最怕聽到的兩個字就是“大氣”。
“你對設計稿有什么要求呢？” “哦，我希望大氣一些！”“。。。?！?br /> “您覺的哪些地方不滿意呢？”“嗯，就是希望再大氣一些！”“。。。?！?br /> “你看這次的視覺稿，風格怎么樣？”“挺好的，稍微大氣一些就OK”“。。。?！?br /> 這些對話一點也不夸張，都是同行們常常抱怨的話題。設計師已經無數次倒在了這兩個字下。
不過，抱怨并不能解決所有問題。那么我們該考慮如何解決這個令人頭疼的形容詞呢？ 簡單分析，從兩種不同類型的需求說起

第一種：商務性質中的“大氣”

簡約的頁面風格容易受到用戶的喜歡，而且能給用戶帶來一定的安全感。拿IBM這個來說，頁面給人的第一感覺是專業和安全。焦點圖構成也比較簡單，左側醒目的標語用了簡單的漸變，右側也運用了簡單的幾何圖形。下面幾個例子也是如此，還有一些沒有列舉出來的，比如大家很熟悉的apple官網。

一個LOGO對于一家企業的重要性不用我說相信大家也都知道，不管是從視覺的品牌傳播方面，還是對于傳達企業對內對外的精神和文化理念方面，小小的一個LOGO都處在一個舉足輕重的位置。好了，廢話不多說，開始正題。

有人說“即使一把火把可口可樂燒得精光，它也能憑借著它的LOGO東山再起?！爱斎涣耍劣谟袥]有人說過，我們無法考證。但是這句話充分說明了一個LOGO所能發揮的作用。下面我從5個方面來說明如何才是一個好的LOGO:

1． LOGO應該有代表性的寓意

中國銀行的LOGO的經典之處也不用我來多廢話，我們來看一看它所包含的寓意：

（1）首先，既然是中國銀行，它的圖形部分中間實際上是一個中國的“中”字；

（2）其次，外圓中方的造型，則代表著中國的古錢幣，將銀行這一特性表達出來；

（3）再次，圓形的外觀則指中國銀行面向全球，著眼世界。

2． LOGO的用色

一個好的LOGO應該有能夠表達企業特性的色彩

上圖中，同為美國的2家著名企業的LOGO,都是以大量的字母為基礎造型的LOGO

給觀者的感覺卻是截然不同的兩種感覺,色彩的運用起到了很重要的作用

前言

網絡廣告，因其數字化、數據性的本質而區別于傳統廣告。傳統廣告無法衡量受眾參與，但網絡廣告有展現、點擊、轉化。CTR很長一段時間以來，是網絡廣告效果的命脈。我們要研究CTR，研究什么？是誰在貢獻CTR，CTR有什么規律，哪些因素在影響CTR，如何提升CTR，同時也要明白，在網絡廣告技術和形式光速發展的今天，CTR是否還是最優解。

本系列即圍繞CTR展開。本文涉及“天生的點擊者”這一理論，簡單來說也是二八理論，就是網絡廣告研究者認為存在這樣一類上網人群，他們貢獻了網絡廣告的絕大多數點擊。而本文作者依然認可這個結論，并告知我們，正是在這樣的結論下：

CTR不權威也不唯一，要考慮CTR之外的價值。

What Happens When Your Audience Doesn’t Click？

譯文

幾年前，comScore，Tacoda和Starcom做了一項有趣的研究名為“天生的點擊者”（Natural Born Clickers）。該研究指出，有這樣一類人，面對網絡廣告，他們比其他人更多的發生點擊或參與行為。他們只是上網人群中的一小撮人，8%的人卻貢獻了85%的點擊。這是09年10月的研究（原文），但我不得不說，到現在為止這個情況沒有什么改變。

當你正在用受眾定向的交易平臺或者DSP系統來進行你的營銷計劃時，當你購買的受眾不是高概率點擊人群時，將會是什么結果？

這，便構成了一個警鐘。

是時候來調整一下期望了，以下是幾點建議：

 
1. 如果你一味的追求點擊，優化點擊，你會錯過很多價值

點擊不是一切，雖然它是一個好的指標對于整體效果而言。但是點擊之外，依然有其它方式與在線展示單元發生聯系，比如熱烈討論的有效展示率（原文是view-through metric。公式是view/shows*100%），品牌影響量化研究，還有banner內互動等等。簡要說下這三點：有效展示率有什么用？當你和諸如Visual IQ或者Adometry這些比較高級的cookie定向的服務商合作時，有效展示會相當有用；而品牌影響量化研究幫你衡量一些區別于人群定向的“軟指標”，在這一點上，最擅長的無疑是市場研究公司GfK和Knowledge Networks）。banner內互動呢，可以幫助我們理解用戶是如何與展示廣告本身及其環境發生聯系的。比如Moat（一個展示廣告搜索引擎，輸入品牌名就可以獲知這個品牌正在網上展示哪些創意，并提供熱點圖分析，包括鼠標滑過和點擊行為，來告訴廣告主什么樣的廣告參與度最高）所有這些對于點擊之外的數據的收集，都在告訴你：營銷決策并沒有你想想的那么難。

導航是網頁設計中不可缺少的部分，它是網站訪問者獲取所需內容的快速通道和途徑。導航讓網站的層次結構以一種有條理的方式清晰展示，并引導用戶毫不費力地找到并管理信息，達到有效傳遞。同時，導航一般位于網頁的中上部分，也是視覺中心的區域內。在保持其合理的功能作用的同時，一個好的導航設計，往往能夠成為整個網頁設計的點睛之筆！

一個設計師在布局和整體規劃網頁設計時，導航總是一個重要的元素。我們會思考，導航以什么形式呈現？是否能夠地發揮其梳理網站結構、有效傳遞信息的功能？是否能夠烘托和配合整個頁面的設計風格？是否能夠別出心裁潤色和體現該網站的特點又不影響其功能性？是否能夠精益求精成為整個網頁設計至關重要的一筆？那么，就讓我們一起分享和淺析一下一些讓設計師們花費心思精雕細琢的導航設計吧。

導航的設計會根據網站的基本類別、屬性和各自特點而有所定位。在這里，我挑選了一些非系統、門戶等類型，有明確特點、用戶定位、產品及品牌特色的品牌類、專題類網站。對于這些網站來說，導航的設計將突破我們常見的橫向長條導航或者豎式導航，會更加有意味、趣味和玩味，是能讓設計師們盡情拓展設計創意和思維的“有點兒意思”的導航設計！