設計原則有哪些？盤點那些深入人心的設計原則

引言

自有設計崗位以來，一直存在部分設計師習慣于將設計視為純粹的視覺藝術(shù)工作，但其背后還是有很多工作要做。所以，美感和靈感其實不足以創(chuàng)造與支撐出非常嫻熟的設計。這也就是為什么UED設計師應該擁有不同科學和領域的部分知識和技能來支撐完成工作，這里我們可以將這種學習方式與學習思維稱之為“多元思維”。

不管是工業(yè)設計、產(chǎn)品設計、服裝設計，還是平面設計等等都好，這些不同的設計，其實本質(zhì)上來講，都不僅僅是純粹的設計，或者叫做藝術(shù)設計?在拋除自身領域的知識外，它們還應該涉及其他學科知識的各個領域知識，而且，可以確定的說，這些多學科知識與學問、知識和實踐都可以幫助我們更加高效且富有成效地工作。

我們今天要跟大家討論的同樣也是可以幫助設計師了解用戶的一些基礎研究之一：心理學，并且，同時包含講述心理學在設計中所能起到的作用，以及在設計過程中我們需要也是必須記住的心理學原理知識點。

心理學在設計中的作用

現(xiàn)如今，以用戶為中心的設計可使設計師大幅度提升對工作的效率與對接，并且還可以更深入地了解目標受眾與群體?！对O計心理學》(作者：唐納德·諾曼)一書中將設計定義為一種交流行為，這意味著設計師對正在與之交流的人會有更加深刻的了解。并且，為了更好地了解人們的需求，我也建議設計師牢記人類本性行為，清楚用戶心智、習慣和動機的心理學原理。

如果設計師在創(chuàng)作過程中運用心理學，那么工作的結(jié)果必將更加有效與匹配，因為科學的總結(jié)對目標受眾與人群已經(jīng)有了非常深入的了解。同時心理學知識也有助于創(chuàng)造設計，使用戶能夠執(zhí)行設計師所期望的操作流程，例如：進行點擊購買或滑動界面。

部分初級設計師在面對這類知識時，可能會將心理學視為改善設計的復雜方法，因此可能刻意或無視忽略這部分研究和學習。但是，當你簡單了解后，就會發(fā)現(xiàn)這些本應就有的知識，在你一看就懂的同時，卻是你日常工作中最容易忽略的。其實，在日常設計工作中，你只需簡單且有效地使用它，就可以大幅度提升你的工作效率與產(chǎn)品邏輯，您需要考慮的就是設計中不斷提出的基本原理。根據(jù)經(jīng)驗和研究學習，我總結(jié)了在設計過程中經(jīng)常應用的六項有效的心理學原理。

格式塔原理

格式塔心理學也稱為“完形心理學”，研究內(nèi)容主要是意識體驗，著名論點是：“整體大于部分之和”。格式塔心理學明確指出：構(gòu)造主義把心理活動分割成一個個獨立的元素進行研究并不合理，因為人對事物的認識具有整體性，心理、意識不等于感覺元素的機械總和。這一理論到如今已有近100年的歷史了，但它卻從沒有消失現(xiàn)實性。其中原則包括：

1. 親密性

當物體彼此靠近時，這些物體被看作是一個整體而不是獨立的。

2. 相似性

相似性原則出現(xiàn)在物體看起來相似的時候，人們常常會把他們看作是一個組或者是一個模式。

3. 焦點

焦點是畫面中用戶感興趣、強調(diào)或者差異的區(qū)域，能夠抓住用戶的注意力。

4. 共同區(qū)域

意思是當物體在同一個封閉區(qū)域內(nèi)時，會被認為是同一組元素。

5.閉合原則

有一種常見的視覺歸類方法基于人類的一種完型心理：把局部形象當作一個整體的形象來感知。這種知覺上的特殊現(xiàn)象，稱之為閉合。

6.對稱原則

無論距離遠近，對稱元素都會被認為屬于一體，給我們一種堅固和有序的感覺。

7.共同命運原則

向同一方向運動的元素被認為比向不同方向運動的元素更相關。

8.連續(xù)性原則

排列成直線或柔和曲線的元素被認為與隨機排列或粗糙線排列的元素相關。

本能反應

你曾經(jīng)有沒有過這種感覺，當你第一次打開某一網(wǎng)站或app時，就立刻喜歡上了這個網(wǎng)站或app，或者某個網(wǎng)站或app會是你馬上吐槽，并讓你感到非常不適?如果有以上這兩種情況，那么恭喜你，您之前已經(jīng)無意中體驗過了本能反應。其實這種反應是來自大腦負責本能的部分，我們稱之為“舊腦”，它的反應比我們的意識要快得多，在我們大腦中，由三部分負責我們的情緒或決策，其中有：新腦、舊腦、中腦，而其中舊腦就是負責我們本能反應的，也就是我們常說的感覺、直覺，這是因為它植根于我們的DNA中，因此可以輕松預測一些外界事物，或者舉例說當我們看到一只老虎時，我們本能反應是逃跑與害怕，這就是舊腦在起作用。

那么，設計師該如何使用這些知識呢?我們的的目標是在設計中營造并賦予這種積極的審美印象。其實不難猜測，對人們看起來不錯的東西，只要尋找符合用戶需求的內(nèi)容與樣式，就可以達到這一目標。因此，我們推斷一下，那些在網(wǎng)站或app首頁上賦予高質(zhì)量圖片或色彩的界面設計，他們在設計過程中，所運用的方式與手法，也就不難理解了。

色彩心理學

研究顏色對人的思想、行為、反應影響的科學被稱為色彩心理學。今天，我們不深入討論顏色的本質(zhì)問題與知識點，因為它太復雜。簡而言之，這次講解的主要思想是顏色對用戶的感知度和影響力。這也是為什么我們設計師應該有意識地選擇顏色，以確保我們的作品能呈現(xiàn)正確的信息和色彩。

以下是基本顏色及其通常關聯(lián)的含義的列表，我在這里給大家做了總結(jié)：

紅色：顏色通常與熱情，強烈或激進的感覺相關;它象征著好和壞的感覺，包括愛、自信、熱情和憤怒。

橙色：充滿活力的溫暖色彩帶給您興奮的感覺。

黃色：這就是幸福的色彩，它象征著陽光、歡樂和溫暖。

綠色：大自然的色彩，它帶來平靜和更新的感覺;另外，可能表示經(jīng)驗不足。

藍色：它通常代表一些公司形象，它通常表現(xiàn)出鎮(zhèn)定的感覺，但是作為一種涼快的顏色，它還與距離和悲傷相關。

紫色：由于許多國王穿著紫色衣服，長期以來與皇室和財富聯(lián)系在一起，它也是神秘和魔術(shù)的顏色。

黑色：顏色具有很多含義;它伴隨著悲劇和死亡、它代表著一個謎、它可以是傳統(tǒng)的也可以是現(xiàn)代的，一切都取決于您如何使用它以及它帶有哪種顏色。
白色：顏色表示純度和純正，以及完整性和清晰度。

識別模式

你可能在日常瀏覽網(wǎng)站或者app時已經(jīng)注意到這一現(xiàn)象，產(chǎn)品界面風格或樣式會與一個主題結(jié)合在一起，并且網(wǎng)站或app通常在設計中都同樣具有共同的模式。這里原因就在于用戶的心理認知，事實是，在用戶訪問網(wǎng)站或使用app前，就已經(jīng)對特定行業(yè)屬性或風格做了識別設定，同樣也期望看到與特定種類產(chǎn)品所相近和相關的事物信息。

例如，我們在訪問一個政府型網(wǎng)站時，所已有的認知是莊嚴的、紅色或者藍色的、且布局是列表形式的，但如果打開網(wǎng)站確實活潑的、多彩的，我們肯定會認為這個網(wǎng)站是不可靠或者打開了錯誤的網(wǎng)頁，這就是識別模式的作用。

這里還有一點，一個網(wǎng)站或app不僅顏色和圖片很重要，而且一些顯而易見的常見事物，例如首頁上的列表、過濾器對于成功導航也很重要，這些同等的因素合在一起，會使用戶很快就習慣此產(chǎn)品，并快速上手使用。

掃描圖文

在閱讀網(wǎng)頁之前，用戶基本都會對其進行掃描一遍，以進行對產(chǎn)品內(nèi)容的大致了解，這是他們在看此產(chǎn)品界面是否會讓他們感興趣。根據(jù)不同的研究，包括尼爾森定律(Nielsen Norman Group)，有幾種常見的設計手法用于界面設計， 其中有“ F”和“ Z”模式：

“F”模式被稱為最常見的眼睛掃描模式，尤其是對于內(nèi)容量很大的網(wǎng)頁。用戶首先掃描屏幕頂部的一條水平線，然后向下移動頁面一點，然后沿著通常覆蓋較短區(qū)域的水平線進行讀取。最后一個是副本左側(cè)的垂直線，他們在段落的初始句子中查找關鍵字。它通常應用在文本較多的頁面上，例如微博，新聞平臺，社區(qū)類的網(wǎng)頁平臺等。

而“Z”模式適用于不太集中在副本上的頁面。用戶首先從左上角開始掃描頁面頂部，并查找重要信息，然后向下傾斜至對角線的對角，最后以頁面底部的水平線結(jié)束，從左至右瀏覽。這是掃描登錄頁面或二級副本頁面且不需要向下滾動頁面的網(wǎng)站的典型模型，這意味著所有核心數(shù)據(jù)在預滾動區(qū)域中都是可見的。

當設計師知道了這些模式后，就可以已有效的方式放置元素與排版來引起用戶的感知，并幫助他們執(zhí)行預期的操作，從而快速完成任務。

希克定律

?？硕杀硎荆河脩魮碛械倪x擇權(quán)越多，他們所做出決定所花費的時間也就越長。這意味著設計師提供給用戶的選項越多，無論是要選擇的產(chǎn)品還是要查看的圖片，就需要花費更多的時間和精力來決定交互的下一步。可能出現(xiàn)的結(jié)果是，用戶在使用產(chǎn)品后做出了選擇，但感覺不愉快，或者也可能出現(xiàn)更壞的情況，那就是用戶可能不想花那么大的力氣尋找任務目標從而離開此網(wǎng)站。

因此，建議設計師保留較為重要的選擇，包括按鈕、圖片、頁面。并且刪除不必要的選擇，這樣可以使產(chǎn)品的可用性更有效。

總結(jié)

心理學是設計中的較為有效工具，它可以使設計師在創(chuàng)作過程中制作出更加高效的產(chǎn)品樣式，同時結(jié)果也將更加的人性與好用。以上就是我要介紹的六種有用的心理設計原則，但是它們其實還只是冰山一角，因為在該知識領域上還有很多東西要學習。所以，大家可以根據(jù)基礎的心理知識進行延展學習與使用，并且合理運用于日常工作中，這樣就可以大幅度提升你的設計水平與能力。獲取【UI設計視頻教程】加播妞：435946716。


猜你喜歡：

電商面試寶典：鉆展直通車怎么做?

排版設計技巧：簡單實用的提升設計水平的方法

描邊風格系列插畫設計教程

全鏈路UI/UE設計課程