DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 設計理論:如何設計電子圖表
設計理論:如何設計電子圖表
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:全美92%的商業文案都是由那些大公司用Excel或Powerpoint的模板功能完成的,這真是噩夢般的悲劇。

原文:How to make graphs that work

———————————— 全文的分割線 —————————————

graphics_chart

1.不要讓流行的電子表單影響你制作圖表的方式

全美92%的商業文案都是由那些大公司用Excel或Powerpoint的模板功能完成的,這真是噩夢般的悲劇。

首先,程序員經常沒有很好的品味。字體通常松松垮垮(flaccid)、蒼白無力,也無法引起人的興趣,一點也不成熟。

其次,也是更重要的一點,當你向我展示我已經看過幾百遍的東西時,你還期望我能說什麼?這裡有個提示:Zzzzz。

2.講一個好故事

我想象一下,只有4種理由你會想給某人展示一張圖表(不是表和充滿信息的圖,而是布滿數字的圖):

  • 這圖表很不錯,快去瞧!
  • 這圖表像噩夢,救命啊!
  • 沒啥事正在發生。
  • 我們需要一同工作來找出這些數據意味著什麼。

我認為如果是第3個理由,你或許會把圖一起給免了。第4個理由不是一個真正想要用圖表進行表達的原因,只是一個工作討論而已。所以,就第1和第2點而言,你就如同正在嘗試點著一堆火、闡述一個觀點或讓某些趨勢更突顯,這些都是導致動用圖表的原因。因此,你的圖表就需要反映這些內容,或你正在浪費我的時間。

3.遵循一些簡單的原則

當你違反了制圖的基本原則時,你會使讀者產生困惑,或讓讀者在不是你所要表達的事實上投入精力。這裡有一些原則可供你參考:

  • 時間應放在圖表的底部,並且要從左到右表示由近到遠。
  • 好的結果應該在Y軸上呈現成逐漸向上。這意味著如果你想為減肥制作圖表,不要做成“我現在有多重”,因為這樣好的結果呈現是逐漸向下的。正確的方式是以“完成減肥目標的百分比”或“我已經減了多少”來制作圖表。
  • 不要將不相關的數據連接起來。例如,一張有關幼兒園所有班級兒童的IQ圖表,那就應該是一系列不相關的點,而不是一個線性圖表。從另外一個角度來講,你的減肥事實上是一個持續的過程,所以每天的數據都應該被附上。
  • 餅圖的作用被過度高估。如果你想向我展示5個牙醫中的4個偏愛三叉戟(Trident),而我們需要標識出那個不喜歡的,請給我們展示5個牙醫的照片,然後使其中的一個引人注目。這樣我們才會記住的。
     

growth_chart

5_dentist

4.打破一些規則

使用色彩。使用粗線。使用圓圈。使用個人數字作品集。使用大開面。不要使用3D圖表,除非你獲得了授權(license)。你可以用動畫,但只有得到許可後才可。

如果你打破了太多的規則,也可能會產生事與願違的結果。如果圖表很難理解或扭曲,我們就不再相信它。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved