他的龙根本太大了_动漫美女被吸乳视频漫画_欧美xxxx性疯狂bbbb_天天看天天爽天天摸天天添

讓設(shè)計(jì)方案更具說(shuō)服力的10個(gè)心理學(xué)原理!

2022-12-20    seo達(dá)人


??????

 

1.格式塔原則 

相似原則

人的眼睛會(huì)把具有相似特征的元素當(dāng)成一個(gè)整體,認(rèn)為這些元素具有相同的作用。

圖片

▲ 界面中的綠色圖標(biāo)具有相同的功能,方便用戶快速認(rèn)知和操作。因此在設(shè)計(jì)具有相同功能或內(nèi)容的界面元素時(shí),應(yīng)該保持一致性。

應(yīng)用位置:導(dǎo)航、鏈接、按鈕、內(nèi)容頁(yè)。

 

連續(xù)原則

用戶傾向于把連續(xù)排列的元素視為一個(gè)整體。這條原則與對(duì)稱(chēng)性和相似性密切相關(guān)。通過(guò)在序列上創(chuàng)建相似且重復(fù)的元素,引導(dǎo)用戶的視線方向,使操作更加連貫和清晰。

圖片

▲ 只露出一部分的卡片會(huì)向用戶發(fā)出信號(hào),表示滑動(dòng)可以查看更多的書(shū)。

應(yīng)用位置:菜單和子菜單、列表、產(chǎn)品頁(yè)、輪播頁(yè)。

 

封閉原則

當(dāng)看到不完整的圖像時(shí),我們會(huì)依據(jù)已有的經(jīng)驗(yàn)把不完全封閉的圖像當(dāng)成一個(gè)統(tǒng)一的整體,這是在平面或logo設(shè)計(jì)中常用到的原則。

圖片

▲ 盡管頁(yè)面右上方的餅圖只顯示了一部分,我們?nèi)匀荒軌蜉p松地識(shí)別出來(lái)。

應(yīng)用位置:圖標(biāo)、加載、數(shù)據(jù)可視化。

 

鄰近原則

人們會(huì)將彼此相鄰的元素視為一組。在設(shè)計(jì)時(shí)要注意使用間距將元素組合在一起。使用較大的間距來(lái)分隔大的內(nèi)容組,再使用較小的間距來(lái)分隔大內(nèi)容組中的小內(nèi)容組。

圖片

▲ 頁(yè)面上的每個(gè)卡片中都含有4組信息,很難快速識(shí)別具體的內(nèi)容。通過(guò)調(diào)整間距,可以將這些信息清楚地分為2組。

應(yīng)用位置:導(dǎo)航、卡片、橫幅、列表頁(yè)、分頁(yè)。

 

對(duì)稱(chēng)原則

我們喜歡看到對(duì)稱(chēng)且平衡的事物。它是所設(shè)計(jì)領(lǐng)域中最常用和最安全的原則,有助于營(yíng)造一種穩(wěn)定感和秩序感。

圖片

▲ 對(duì)稱(chēng)的布局不僅增強(qiáng)了用戶的印象,還強(qiáng)調(diào)了中間的視頻播放按鈕。

應(yīng)用位置:產(chǎn)品展示頁(yè)、列表、導(dǎo)航以及任何內(nèi)容豐富的頁(yè)面。

 

共同區(qū)域原則

通過(guò)信息分組和內(nèi)容組織,實(shí)現(xiàn)內(nèi)容的組合,有助于提升內(nèi)容的層次結(jié)構(gòu)和可掃描性。

圖片

▲ 卡片式UI有助于將信息分組并創(chuàng)建內(nèi)容的層級(jí)深度。

應(yīng)用位置:卡片、內(nèi)容、服務(wù)、摘要。

 

共同命運(yùn)原則

向同一方向移動(dòng)的元素被認(rèn)為比靜止或向另一個(gè)方向上移動(dòng)的元素更相關(guān)。這個(gè)原則有利于建立不同分組或狀態(tài)之間的關(guān)系。

圖片

▲ 頁(yè)面右側(cè)的3個(gè)圖形方向相同,有利于展示信息并讓用戶了解它們的功能。

應(yīng)用位置:導(dǎo)航/下拉、折疊條目、工具提示、產(chǎn)品滑塊、滾動(dòng)條。

 

2.焦點(diǎn) 

看東西時(shí),我們的視線往往會(huì)首先關(guān)注最突出的元素。理解這種行為有助于我們?cè)谠O(shè)計(jì)中創(chuàng)建一個(gè)“錨點(diǎn)”,從而引導(dǎo)用戶按照我們?cè)O(shè)計(jì)的場(chǎng)景查看內(nèi)容。

圖片

▲ 通過(guò)人物插畫(huà)將用戶的注意力引導(dǎo)到賬單和人數(shù)等主要信息上。

應(yīng)用位置:內(nèi)容、登錄頁(yè)、產(chǎn)品頁(yè)。

 

3.馮·雷斯托夫效應(yīng) 

又稱(chēng)隔離效應(yīng),相對(duì)于普通事件或物體,獨(dú)特、有特色的事件或物體更容易被人記住。應(yīng)用此原則的元素通常獨(dú)立存在,不需要向用戶導(dǎo)航額外的信息。

圖片

▲ 中間的升級(jí)插畫(huà)部分在整個(gè)頁(yè)面上是獨(dú)立存在的,并且吸引注意力是號(hào)召性用語(yǔ)或轉(zhuǎn)化的關(guān)鍵。

應(yīng)用位置:價(jià)格表、促銷(xiāo)頁(yè)、圖標(biāo)入口。

 

4.本能反應(yīng) 

根據(jù)現(xiàn)實(shí)中的用戶行為創(chuàng)建視覺(jué)上引人入勝的體驗(yàn)。例如看幽默類(lèi)視頻的時(shí)候,如果在視頻的高潮伴有笑聲音效,我們也會(huì)更容易跟著笑起來(lái)。

圖片

如果能讓用戶感覺(jué)良好和舒適,他們也會(huì)更喜歡我們的設(shè)計(jì)。

應(yīng)用位置:產(chǎn)品圖、插圖、攝影。

 

5.色彩心理學(xué) 

許多研究表明,顏色對(duì)我們的潛意識(shí)有特殊的影響。性別、宗教和文化對(duì)顏色的理解也有所不同。

圖片

▲ 關(guān)于顏色的運(yùn)用,這張色彩心理學(xué)海報(bào)介紹了豐富的方法。同時(shí)也要記住最廣泛使用的系統(tǒng)顏色:紅色代表錯(cuò)誤;綠色代表成功;藍(lán)色代表進(jìn)行中;黃色代表警告。

 

6.形狀心理學(xué) 

圖片

▲ 同顏色一樣,人們的潛意識(shí)對(duì)不同的形狀也有不同的反應(yīng):

圓形、橢圓形:傳達(dá)積極的信息,通常與社區(qū)或關(guān)系有關(guān);

正方形、三角形:傳達(dá)強(qiáng)烈的信息,通常與強(qiáng)度和穩(wěn)定性有關(guān);

垂直線:表示強(qiáng)度或力量。

水平線:表示平靜、相等或安靜。

 

7.雙重編碼理論 

這個(gè)理論解釋了人類(lèi)需要視覺(jué)和語(yǔ)言信息來(lái)盡快處理信息。為了最大限度地提高設(shè)計(jì)的有效性,不應(yīng)該刪除必要的說(shuō)明性文字。

圖片

▲ 大多數(shù)App的底部導(dǎo)航欄都利用圖標(biāo)與文字相結(jié)合的方式讓用戶快速知道功能。

 

另一個(gè)好的設(shè)計(jì)案例:

圖片

 

8.并行設(shè)計(jì) 

人眼傾向于看到平行因素比其他因素更相關(guān)。這一原理經(jīng)常用來(lái)對(duì)同一頁(yè)面中的兩組不同內(nèi)容進(jìn)行分類(lèi)。

圖片

▲ 使用垂直排列的卡片代表相同的問(wèn)題,水平排列的卡片代表不同的問(wèn)題。

 

9.公共區(qū)域 

這一原理類(lèi)似于格式塔原則中的相似原則。公共區(qū)域通過(guò)使用線、形狀或顏色劃分的方式創(chuàng)建。

圖片

▲ 如果頁(yè)面需要用戶不斷滾動(dòng)來(lái)查看內(nèi)容,可以考慮使用顏色來(lái)更清楚地劃分這些內(nèi)容,而不僅僅是使用間距。

 

10.掃描模式 

根據(jù)NNGroup、UXPin等設(shè)計(jì)團(tuán)體的研究,最常用的兩種掃描模式是“F型”和“Z型”:

“F型”應(yīng)用最為廣泛,尤其是對(duì)于內(nèi)容豐富的網(wǎng)站。

“Z型”用于那些文字信息少,最后需要強(qiáng)調(diào)用戶點(diǎn)擊類(lèi)的網(wǎng)站。

關(guān)于掃描模式更詳細(xì)的內(nèi)容可以查看我之前的文章:如何構(gòu)建直觀有效的導(dǎo)航結(jié)構(gòu)(上)

了解如何使用這些模式后,我們就可以有效地選擇布局和安排元素來(lái)實(shí)現(xiàn)設(shè)計(jì)目標(biāo)。

 

最后 

第一印象是最令人難忘的,好的體驗(yàn)可以在用戶與產(chǎn)品之間建立持久的聯(lián)系。


作者:Hoang Nguyen

譯者:Clippp

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》讓設(shè)計(jì)方案更具說(shuō)服力的10個(gè)心理學(xué)原理!

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)ssll180.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司




日歷

鏈接

個(gè)人資料

存檔