設計原則為什麼是這樣?為什麼這個是原則?

來源:互聯網
上載者:User

文章描述:知其然知其所以然-設計準則從何而來.

主要的內容是從底層分析設計原則:設計原則為什麼是這樣?為什麼這個是原則?

從1976年開始就已經有介面設計準則,而到現在網路上也到處充斥著“表單設計十忌”,“註冊的N種設計方式”等等等等類似的文章,看得少還好,看得多了難免會迷惑:有些準則,禁忌甚至是衝突的。就好像時間一樣,你有一塊表,問你幾點了你知道,如果你有兩塊時間不一樣的表,你知道幾點了嗎?

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

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

我們感知自己的期望

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

  • 過去:我們的經驗
  • 現在:當前的環境
  • 將來:我們的目標

再舉下例子

被經驗影響:看看下面這樣隨手潑墨的畫,第一感覺就是各種無序的墨點構成

而如果告訴你這是一隻花園裡的斑點狗,你看出來了嗎?因為你對情境和主體都已經有了自己的概念,即有了自己的理解。

被環境影響:

同樣的一個不完整的字母,放到不同的情境下,第一個會被認為是H,第二個會認為是A

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

被目標影響:

這個例子更簡單和直接了:新浪微博大家都用,頂部導航的第三個是什嗎?有印象嗎?如果不是那個頻道的目標使用者,基本都不會有什麼印象,因為我們的目標明確,不會關注其他的;這是目標影響視覺的例子。同時這個也是“網頁為掃描而不是為閱讀設計”的理論支援。

對於設計這些意味著什嗎?

  1. 避免歧義:避免顯示有歧義的資訊,並通過測試確認所有使用者對資訊的理解是一致的。
  2. 保持一致:在一致的位置擺放資訊和控制項。這樣的一致效能讓使用者很快的找到和識別
  3. 理解目標:使用者去用一個系統是有目標的。在一次互動的每個點上,確保提供了使用者需要的資訊,並非常清晰的對應到一個可能的使用者目標,是使用者能夠注意到並使用這些資訊。

為觀察結構最佳化我們的視覺

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

  1. 接近性:物體之間的相對距離會影響我們感知他們是否以及如何組織在一起
  2. 相似性:如果其他因素相同,那麼相似的物體看起來歸屬於一組
  3. 連續性:我們的視覺傾向於感知連續的形式而不是離散的片段
  4. 封閉性:我們的視覺系統自動嘗試將敞開的圖形關閉起來,從而將其感知為完整的物體而不是分散的片段
  5. 對稱性:我們傾向於分解複雜的情境來降低複雜度
  6. 主體/背景:我們的大腦將地區分為主體和背景,主體包括一個情境中佔據我們主要注意力的所有元素,其餘的則是背景
  7. 共同命運:針對運動的物體,一起運動的物體被感知為屬於一組或者是彼此相關的
  8. 格式塔原理可以綜合

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

對於設計這些意味著什嗎?

我們平時做設計可能會導致無意產生的視覺關係。而為了能夠滿足這些人類視覺的特點,推薦的辦法是在設計一個介面之後,使用每個格式塔原理,來考量各個設計項目之間的關係是否複核設計的初衷。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。