網(wǎng)頁設計準則從何而來

從1976年開始就已經(jīng)有界面設計準則，而到現(xiàn)在網(wǎng)絡上也到處充斥著“表單設計十忌”，“注冊的N種設計方式”等等等等類似的文章，看得少還好，看得多了難免會迷惑：有些準則，禁忌甚至是沖突的。就好像時間一樣，你有一塊表，問你幾點了你知道，如果你有兩塊時間不一樣的表，你知道幾點了嗎？

而這本書試圖從更底層的角度來詮釋設計準則，讓你了解設計準則是由于什么原因推導出的，究其本質(zhì)，還是回歸到人類的心理，視覺，生理等方面的習慣，方式，本能等因素。而掌握這些因素，會讓你更深入了解設計準則的意義和目的，甚至歸納自己的設計準則。

再多提一嘴作者：Jeff Johnson，《GUI設計禁忌》正是他的作品。

我們感知自己的期望

人類對于外部世界的感知，不是完全真實的描述，很大程度是我們“期望”感知到的，也會受到三個因素的影響

• 過去：我們的經(jīng)驗
• 現(xiàn)在：當前的環(huán)境
• 將來：我們的目標

再舉下例子

被經(jīng)驗影響：看看下面這樣隨手潑墨的畫，第一感覺就是各種無序的墨點構(gòu)成

而如果告訴你這是一只花園里的斑點狗，你看出來了嗎？因為你對場景和主體都已經(jīng)有了自己的概念，即有了自己的理解。

被環(huán)境影響：

同樣的一個不完整的字母，放到不同的場景下，第一個會被認為是H，第二個會認為是A

類似的還有海底撈的一個說法：在接受到的服務很好的情況下，客人會覺得味道也很好~

被目標影響：

這個例子更簡單和直接了：新浪微博大家都用，頂部導航的第三個是什么？有印象嗎？如果不是那個頻道的目標用戶，基本都不會有什么印象，因為我們的目標明確，不會關注其他的；這是目標影響視覺的例子。同時這個也是“網(wǎng)頁為掃描而不是為閱讀設計”的理論支持。

對于設計這些意味著什么？

為觀察結(jié)構(gòu)優(yōu)化我們的視覺

20世紀早期，一個由德國心理學家組成的研究小組試圖解釋人類視覺的工作原理。他們觀察了許多重要的視覺現(xiàn)象并對它們編訂了目錄。其中最基礎的發(fā)現(xiàn)是人類視覺是整體的：我們的視覺系統(tǒng)自動對視覺輸入構(gòu)建結(jié)構(gòu)，并且在神經(jīng)系統(tǒng)層面上感知形狀，圖形和物體，而不是只看到互不相連的邊、線和區(qū)域。這些理論統(tǒng)稱為“格式塔”原理，其中包括以下幾條

看看上面這個界面，可以用格式塔原理去解釋中間很多設計方式和方法，比如位置，背景，相似性，接近性等等。

對于設計這些意味著什么？

我們平時做設計可能會導致無意產(chǎn)生的視覺關系。而為了能夠滿足這些人類視覺的特點，推薦的辦法是在設計一個界面之后，使用每個格式塔原理，來考量各個設計元素之間的關系是否復核設計的初衷。