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