心理學(xué)在設(shè)計(jì)中扮演什么角色？比你想象的要多得多。更好地理解人類行為有利于21世紀(jì)的設(shè)計(jì)師為目標(biāo)受眾培養(yǎng)良好的感覺。網(wǎng)站建設(shè)和其他技能超越了美學(xué)-強(qiáng)大的視覺傳輸是每個(gè)產(chǎn)品的關(guān)鍵和功能。通過在我們的創(chuàng)作過程中運(yùn)用心理學(xué)原理，我們通常會(huì)學(xué)習(xí)如何改我們的視覺語言，并與用戶建立更穩(wěn)定的聯(lián)系。
在本文中，我們將分解一種著名的心理理論：格式塔心理學(xué)。為了解決人們的認(rèn)知問題，格式塔的原則側(cè)重于如何識(shí)別客戶的模式，以簡化復(fù)雜的視覺效果。我們將簡要地掌握這對設(shè)計(jì)行業(yè)意味著什么，以及如何在您建設(shè)網(wǎng)站時(shí)幫助這些原則。
格式塔心理學(xué)是什么？
格式塔心理學(xué)是Max Wertheimer、Wolfgang K?hler 和 Kurt Koffka 20世紀(jì)初發(fā)展起來的思想流派。他們的研究打破了人們?nèi)绾瓮ㄟ^尋找最簡單的方式來處理視覺數(shù)據(jù)。
考夫卡的簡短宣言強(qiáng)調(diào)了完形心理學(xué)原理背后的主要思想，“總體不同于部分總和。”在認(rèn)知方面，格式塔理論警告我們，視覺數(shù)據(jù)促進(jìn)人眼識(shí)別，將單個(gè)元素結(jié)合在一起，找到一個(gè)統(tǒng)一的整體。我們通過潛意識(shí)地發(fā)現(xiàn)作品各部分之間的相似性來做到這一點(diǎn)。
作為人，找到最簡單的方法來看待事物是每個(gè)人的天性。根據(jù)格式塔的原理，即使在查詢復(fù)雜的構(gòu)圖時(shí)，我們的大腦也會(huì)將其分解為一種基本的方式。從那時(shí)起，它將組織一種可識(shí)別的方法，試圖填寫細(xì)節(jié)并獲得更全面的理解。
格式塔理論為何重要？
如果像格式塔這樣的心理理論能讓我們更深入地思考視覺圖像是如何被解釋的，那么它肯定會(huì)幫助我們更故意地為用戶設(shè)計(jì)。特別是在網(wǎng)站設(shè)計(jì)中，屏幕空間有限，功能元素的智能分配非常重要，以便訪問者能夠?qū)崿F(xiàn)他們的目標(biāo)。
格式塔理論給我們帶來了客戶需求的概述，并警告我們很多關(guān)于如何識(shí)別、處理和的視覺數(shù)據(jù)。我們的大腦尋找線索來分解和理解視覺信息；衍生出不同的原則，我們可以使用這些原則來開發(fā)更先進(jìn)的設(shè)計(jì)語言。
網(wǎng)站設(shè)計(jì)的五個(gè)格式塔設(shè)計(jì)原則
在下一節(jié)中，我們將簡要介紹從格式塔理論中衍生出來的五個(gè)與新手最相關(guān)的設(shè)計(jì)原則。您還將向您展示如何在網(wǎng)頁制作中使用這些原則，因此您可以嘗試在您的網(wǎng)站建立中嘗試這些想法：
接近度
相關(guān)性由間距定制-至少根據(jù)格式塔的接近原則。這表明，當(dāng)視覺元素接近時(shí)，人們的眼鏡專注于識(shí)別它們作為實(shí)體。即使作品看起來比特定的更相關(guān)，它也會(huì)講述不同的故事。
我們?nèi)绾螒?yīng)用格式塔的接近原則來改變視覺交流？例如，在平臺(tái)上，最好記住把內(nèi)容放在一起似乎代表了一個(gè)目標(biāo)。一個(gè)非常簡單的-但尤里卡！值得我們自己使用的概念。
一種緊密的視覺分布可以幫助或混淆訪問者，但最終你想把彼此的相關(guān)元素放在附近。在某種程度上，這在建設(shè)網(wǎng)站時(shí)是很自然的。
在組裝網(wǎng)頁布局時(shí)，您必須在各種內(nèi)容之間創(chuàng)建間距：例如，您的頁面導(dǎo)航將與博客文章分開；您不會(huì)將標(biāo)志放置在離主頁圖像太近的位置。因?yàn)檫@些部分中的每一個(gè)都代表不同的部分“總體”所以你必須確保他們之間有足夠的空間。
利用相鄰原則也可以加強(qiáng)信息，幫助網(wǎng)站訪問者實(shí)現(xiàn)特定目標(biāo)。假設(shè)你想用主頁的一部分來宣傳活動(dòng)。根據(jù)宣傳圖片、書面詳細(xì)信息和注冊信息CTA按鈕建立一個(gè)緊密的分配，將立即向訪問者展示這些元素中的每一個(gè)都是參與該活動(dòng)的相關(guān)和重要組成部分。
相似度
格式塔理論警告我們，相似性意味著連接。人們的眼鏡側(cè)重于將看似相似的元素識(shí)別為共享組或方法的一部分。無論是基于色調(diào)、字體、大小、線條還是大量具有相同特征的視覺效果，它都會(huì)傳達(dá)相互關(guān)聯(lián)。
當(dāng)用于網(wǎng)頁制作時(shí)，相似性可以通過潛意識(shí)地向訪問者暗示特定的視覺特征來傳遞特定的信息或動(dòng)作來改善用戶體驗(yàn)。如果設(shè)計(jì)中常用的元素具有相同的功能、結(jié)構(gòu)分析或含義，則可以通過使其具有相似的特征來輕松傳達(dá)。例如，如果您的主頁包括多個(gè)鼓勵(lì)客戶采取行動(dòng)CTA按鍵（“注冊”，“注冊”或“選購”)，將這些按鈕設(shè)計(jì)成整個(gè)網(wǎng)站的相同顏色，使讀者更直觀地按下。
另一方面，掌握格式塔原則可以讓你掌握如何在你的平臺(tái)上建立結(jié)構(gòu)分析和分離一些材料。區(qū)分某些網(wǎng)站元素的外觀將防止相似性-向讀者強(qiáng)調(diào)它們具有獨(dú)立的功能，并幫助你的網(wǎng)站在某些方面脫穎而出。
持續(xù)性
當(dāng)一個(gè)視覺元素與另一個(gè)元素對齊時(shí)，它可以為眼睛建立一條統(tǒng)一的道路。格式塔的設(shè)計(jì)原則被多次使用-特別是在排版和標(biāo)志建立中-警告我們，眼睛喜歡被引導(dǎo)，并自然關(guān)注連續(xù)的方式。
作為一名設(shè)計(jì)師，可持續(xù)性原則讓我們意識(shí)到，線條和曲線將迫使人們在視覺上看到這一事實(shí)。無論是根據(jù)文本圖像（如箭頭和圓形），還是根據(jù)這種模式分配內(nèi)容，我們都知道，當(dāng)有一個(gè)清晰、簡單和流暢的方法可以遵循時(shí)，觀眾將專注于訪問信息。
最好的網(wǎng)站為用戶提供了一個(gè)清晰的戰(zhàn)略旅程，可以幫助持續(xù)的原則。以連續(xù)順序放置的單獨(dú)視覺數(shù)據(jù)位將被解釋為一個(gè)整體部分，訪問者將遵循此類排名。
您的網(wǎng)頁制作可以通過小心包含在連續(xù)模式中的內(nèi)容來促進(jìn)積極的用戶旅程，以確保它們實(shí)際上是相互關(guān)聯(lián)的。就像司機(jī)將遵循標(biāo)志和道路一樣，網(wǎng)站訪問者將創(chuàng)建他們在整個(gè)網(wǎng)站上的流量，并實(shí)現(xiàn)他們作為用戶的目標(biāo)。
關(guān)閉
到目前為止，我們已經(jīng)看到了格式塔的理論描述，當(dāng)我們查詢視覺構(gòu)圖時(shí)，我們的大腦將從整體上理解它。但是，當(dāng)面對理解和不完整的視覺效果時(shí)會(huì)發(fā)生什么，比如破碎的圓形或破碎的字體字母呢？根據(jù)封閉的完形設(shè)計(jì)原則，當(dāng)面對未完成但可識(shí)別的圖像時(shí)，我們的大腦會(huì)向你解釋它已經(jīng)完成了。
分解熟悉的形狀和圖案只是設(shè)計(jì)中的一個(gè)普遍趨勢。一方面，它有利于創(chuàng)造引人注目的視覺效果。在為您的品牌和網(wǎng)站建立圖像處理（如標(biāo)志）時(shí)，將空缺作為吸引訪問者的陰謀是一個(gè)明智和時(shí)尚的決定。
一般來說，完整性原則具有相同的審美和戰(zhàn)略重要性。這個(gè)想法可以直接用于您的網(wǎng)頁制作，以提高您的網(wǎng)站設(shè)計(jì)水平和客戶體驗(yàn)質(zhì)量。例如，您可以使用視差翻轉(zhuǎn)來隱藏和顯示網(wǎng)頁的差異，因?yàn)槟揽蛻粝胍@得完整的照片。這將激活用戶，并提供更令人興奮的瀏覽體驗(yàn)。
對稱
對稱是格式塔理論定義的另一個(gè)統(tǒng)一要素。建議在處理復(fù)雜的視覺信息時(shí)找到秩序，德語術(shù)語pr?gnanz（或“好身材”)一般與設(shè)計(jì)中的對稱性有關(guān)。
由于對稱圖像的精致順序，它們在我們的腦海中被稱為統(tǒng)一的人群-整體的兩部分。這是一個(gè)設(shè)計(jì)原則，使我們能夠以不同的方式思考對稱的影響以及如何促進(jìn)平衡，這在構(gòu)圖中尤為重要。
在你的網(wǎng)頁制作中放大對稱性的唯一缺點(diǎn)是它最終可能過于靜態(tài)。完全對稱的布局將是一種財(cái)產(chǎn)，但在大多數(shù)情況下，你需要確保它使用復(fù)雜的顏色搭配、圖像或效果來裝飾。有了組織的基礎(chǔ)，打破創(chuàng)意界限只會(huì)使你的網(wǎng)站受益，使它對訪問者更有吸引力。
