ux設(shè)計(jì)中的各種地圖

Gestalt Theory is the theory of visual perception and how our brain pieces together reality. The theory sheds light on how cognition factors into the way viewers read a piece of design. In the German language “Gestalt” means form or shape. According to Gestalt Theory, an organized whole is not the same as the sum of its parts.

格式塔理論是一種視覺(jué)感知理論，也是我們的大腦如何將現(xiàn)實(shí)拼湊在一起的理論。 該理論揭示了認(rèn)知因素如何影響觀看者閱讀設(shè)計(jì)的方式。 在德語(yǔ)中，“格式塔”是指形狀或形狀。 根據(jù)格式塔理論，一個(gè)有組織的整體與其部分的總和并不相同。

Elements of Gestalt Theory: Proximity, Similarity, Continuity, Closure, Figure/ Ground, and Pr?gnanz.

格式塔理論的要素：接近性，相似性，連續(xù)性，閉合性，圖形/地面和Pr?gnanz。

Law of Proximity鄰近法則 Example of Proximity鄰近示例

Proximity: Objects are grouped together according to their distance from one another.

接近度：對(duì)象根據(jù)彼此之間的距離分組在一起。

In this example items that are close together appear to be more related than items that are spaced apart.

在此示例中，靠近的項(xiàng)目似乎比隔開(kāi)的項(xiàng)目更相關(guān)。

Law of Similarity相似定律 Example of Similarity相似的例子

Similarity: Objects, perceived by the user to be similar, group together.

相似性：用戶(hù)感知為相似的對(duì)象組合在一起。

In this example visual nomenclature helps the user identify items that are similar or different.

在此示例中，視覺(jué)術(shù)語(yǔ)有助于用戶(hù)識(shí)別相似或不同的項(xiàng)目。

Law of Continuity連續(xù)法則 Example of Continuity連續(xù)性的例子

Continuity: Visual perception groups continuous forms.

連續(xù)性：視覺(jué)感知將連續(xù)形式分組。

In this example continuity occurs when the user is guided to move from one object to another.

在該示例中，當(dāng)引導(dǎo)用戶(hù)從一個(gè)對(duì)象移動(dòng)到另一對(duì)象時(shí)，發(fā)生連續(xù)性。

Law of Closure封閉法 Example of Closure關(guān)閉范例

Closure: Visual perception unconsciously completes incomplete objects.

封閉：視覺(jué)感知會(huì)無(wú)意識(shí)地完成不完整的對(duì)象。

Closure is at the heart of Gestalt psychology: our minds create something coherent from parts that are objectively incoherent. My favorite example, the moving dots look like a dog.

封閉是格式塔心理學(xué)的核心：我們的思想從客觀上不連貫的部分中創(chuàng)造出連貫的東西。 我最喜歡的示例是，移動(dòng)的點(diǎn)看起來(lái)像狗。

Example of Figue/Ground菲格/地面的例子

Figure/ground: The separation between figure (foreground) and ground (background).

圖形/地面：圖形(前景)與地面(背景)之間的分隔。

Things get interesting when designers create compositions that cause our brains to flip back and forth between the figure and ground. In this example the figure is a vase and the ground contains two faces.

當(dāng)設(shè)計(jì)師創(chuàng)造出使我們的大腦在圖形和地面之間來(lái)回翻轉(zhuǎn)的構(gòu)圖時(shí)，事情就會(huì)變得很有趣。 在此示例中，該圖是一個(gè)花瓶，地面上有兩個(gè)面。

Example of Pr?gnanzPr?gnanz的例子

Pr?gnanz: We tend to reduce reality to its simplest form.

Pr?gnanz：我們傾向于將現(xiàn)實(shí)簡(jiǎn)化為最簡(jiǎn)單的形式。

When we see complex shapes in a design, the eye simplifies these by transforming them into a single, unified shape (by removing detail from these shapes).

當(dāng)我們?cè)谠O(shè)計(jì)中看到復(fù)雜的形狀時(shí)，眼睛會(huì)通過(guò)將它們轉(zhuǎn)換為單個(gè)統(tǒng)一的形狀(通過(guò)從這些形狀中刪除細(xì)節(jié))來(lái)簡(jiǎn)化它們。

We can use Pr?gnanz to when wireframing a website. Our eyes assemble the extraneous details of content blocks into a single webpage.

在對(duì)網(wǎng)站進(jìn)行線框構(gòu)建時(shí)，我們可以使用Pr?gnanz。 我們的目光將內(nèi)容塊的多余細(xì)節(jié)組合到一個(gè)網(wǎng)頁(yè)中。

翻譯自: https://uxplanet.org/gestalt-principles-in-ux-design-2e0f423bfcb5

ux設(shè)計(jì)中的各種地圖

總結(jié)

以上是生活随笔為你收集整理的ux设计中的各种地图_UX设计中的格式塔原理的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。