引導使用者的視覺流設計:視覺資訊最簡單的解讀辦法

來源:互聯網
上載者:User

文章描述:給不完整的視覺資訊尋找最簡單直接的解讀辦法.

如果你對某個設計的第一印象非常深刻,又或者你本能的覺得某個設計十分給力,那麼其實極有可能你被“格式塔”了!

目前許多設計偏好運用一個或多個格式塔心理學的原則。這一舉動不但能讓設計有更多靈動的感覺,還比一般的設計更容易留住欣賞者得目光。

格式塔是德文Gestalt的譯音,英文往往譯成form(形式)或shape(形狀),因此格式塔心理學所研究的出發點就是“形”。但這裡的形又不止於一般所指的形式或形狀,還包括由知覺活動組織成的經驗中的整體,中文又譯作“完形”。它認為整體決定部分的性質,而部分依從於整體。

格式塔心理學的核心:給不完整的視覺資訊尋找最簡單直接的解讀辦法。

除了設計,在日常生活的交流中,格式塔心理學也有發揮其作用:例如在電郵或資訊中的笑臉表情:D,它僅僅由一個符號加一個字母,人們卻通過它們表達了大笑的含義。“符號表情”也是格式塔心理學在發揮著作用呢。

格式塔心理學中最經典的案例之一

因此,格式塔心理學在網頁或應用的互動設計中,可以指導設計師們如何在有限的空間中向使用者傳達更加豐富的資訊。靈活的使用格式塔心理學可以協助設計師去設計一個架構或者頁面內的從屬關係,還可以利用這些原則去設計頁面內一些特別需要使用者注意到的模組元素,製造一些具有深刻影響的平衡和牢固。這一些設計能夠讓使用者更輕易去解讀我們的介面。

我們已經大約瞭解了格式塔心理學是什麼了,那麼接下來我們又如何去運用格式塔心理學來讓我們的設計更有影響呢。
現在,我們來瞭解一下格式塔心理學的五項原則:

  • 相似法則:人的潛意識裡意識會根據形狀, 顏色, 大小, 亮度等視線內一些相似的元素自動整合成集合或是整體。

我們對比下面這兩幅圖,左邊那幅圖是的黑點,會讓我們覺得他們是一塊整體。這時候,如果我們將其中的一些黑點換成紅色的點點(右邊那幅圖),根據我們在潛意識分類,會自動將黑色的點集合在一起,紅色點集合在一起,各自成為一個分組。如此一來原本單一的整體就被切開成為五個組了。(如下)

根據相似原則,我們很容易的將屬於同種類目的元素集合在一塊。舉個我們最經常會遇到的例子,下圖是個系統檔案夾的內容截圖,通常同種類型的檔案會以同樣的表徵圖呈現在檔案夾裡,所以就算檔案零散無章,我們也會潛意識地把下面這些檔案進行分組。

而另一種情況,就是當我圈選了一部分檔案後,選中的和沒選中的檔案就會在視覺上變成了兩組不一樣的內容。

因此相似法則可以在如下表單設計中得到應用,即使輸入框與主體內容相隔甚遠,但是使用者依然會將它們兩個一一對應的聯絡在一起。

  • 接近法則 :在意識裡,我們常常傾向於空間上或時間上接近的元素整合成集合或一個整體。

繼續拿之前的點點舉例,這個時候的點點們,雖然紅色和黑色排布在一塊,但我們卻會在此時將距離近的紅色和黑色點歸為一組。

這個原則在網頁中的頁面內容歸組設計最常見,通過留白(Whitespace or native space)進行頁面內容的歸組。
比如底下這個百度貼吧目錄局部設計。通過將同目錄下的內容距離稍近的擺放在一塊,並與另一個目錄隔了一個比較大的距離。在視覺閱讀上,使用者自然會認同以下內容分屬兩個主題。

[1] [2]  下一頁



相關文章

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。