原文連結：http://www.ncloud.hk/技術分享/web_desigin_dont-make-me-think-2/
閱讀過Steve Krug 所著的《Don't make me think》-訪客至上的的網頁設計秘笈，從中學到了很多互動設計方面的知識，在這裡和大家分享。
之前寫過一章，“我們是如何使用Web”的，今天我們來說一下廣告牌/banner設計的要點。
廣告牌設計101法則
未掃描設計，不為閱讀設計
如果使用者們都是一覽而過，那麼，你需要注意以下5個重要方面，來保證他們盡可能地看到了，并了解了你的網站：
l 在每個頁面建立清楚地視覺層次
l 盡量利用習慣用法
l 把頁面劃分成明确定義的區域
l 明顯标示可以點選的地方
l 最大限度的降低幹擾
建立清楚的視覺層次
讓頁面在瞬間明白易懂的一個好辦法是確定頁面上所有内容的外觀—所有可視線索---清楚，而且能準确地表述頁面上内容之間的關系；哪些内容相關，哪些内容是其他内容的組成部分，換句話說，每個頁面都應該有清楚地視覺層次。
一個視覺層次清楚地頁面有三個特點：
l 越重要的部分越突出。
例如，組重要的标題要麼字型更大，更粗，顔色更特别，旁邊了有更多的空白，要麼更接近頁面的頂部—或者，以上幾點的綜合。
l 邏輯上相關的部分在視覺上也相關。
例如，可以把内容相近的分成一組，放在同一個标題之下，采用類似的顯示樣式，或者把他們全部放在一個定義明确的區域之内。
l 邏輯上包含的部分在視覺上進行嵌套。
例如，一個分類标題“名著書籍”出現在某本具體書籍書名上面，在視覺上包含書籍區域，因為該書籍屬于這個标題，而且書籍的标題也要橫向覆寫描述這本書的元素。
對于視覺層次，沒有什麼特别的。例如在我們閱讀報紙的時候，會發現每張報紙都用突出、分組和嵌套的方式為讀者提供關于報紙内容的有用資訊。這張圖檔和這個新聞内容是一起的，因為它們位于同一個标題的覆寫範圍之下。這個新聞内容最重要，因為他采用了最大的标題，最寬的欄目，并占用頁面最突出的位置。
我們每天都會對視覺層次進行分解—不管是在網絡上還是在報紙上，但是這種分解發生得太快了，是以我們經常隻有在不能這麼做 的時候才能模模糊糊地感覺到了他—也就是，當這些可視資訊線索（或可視資訊線索的缺乏）迫使我們思考的時候。
好的視覺層次通過預先處理頁面，用一種我們能快速了解的方式對頁面的内容進行組織并區分優先級，進而減少了我們的工作。
但是i，如果一個頁面沒有清楚的視覺層次，例如，所有内容看起來都一樣重要，我們會降低掃描頁面的速度，尋找關鍵的文字和短語，然後拼湊出我們感覺重要的内容和内容的組織方。這樣就增加了很多工作。
而且，和其他媒體一樣，我們在網站上，也希望得到編輯的引導。沒有人比網站釋出者更清楚哪些内容更重要，更有價值，更流行了，一次我們為什麼不幫我們把這些内容辨別出來，免得給我們帶來麻煩？
分解一個視覺層次上有問題的頁面，例如，一個标題涵蓋了不屬于它的内容，就像是讀一個病句一樣。
即使我們通常能猜出這個句子的意思，但他還是讓我們花了點時間，迫使我們不得不進行一些不必要的思考。