亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計(jì)師 (詳情)
//百度統(tǒng)計(jì) 20220402 uicn

您的意見是我們 UI 中國進(jìn)步的動(dòng)力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入U(xiǎn)I中國官方反饋群進(jìn)行反饋!
群號(hào):302892100
備注:反饋問題后@管理員能讓我們及時(shí)了解您的意見

提交需求

賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

  • 設(shè)計(jì)大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對(duì)UI中國的支持和信賴!
10個(gè)讓用戶一眼就愛上的設(shè)計(jì)心理學(xué)知識(shí)
0.0°
2021-05-17 自譯外文 設(shè)計(jì)趨勢(shì) 原作者: Hoang Nguyen 舉報(bào) 24793 214 261 8


一個(gè)優(yōu)秀的設(shè)計(jì)不僅要解決正確的問題,同時(shí)也是給用戶創(chuàng)造積極的情感。在過去,實(shí)體產(chǎn)品可以通過人類的五感來創(chuàng)造情感體驗(yàn),但對(duì)于如今的數(shù)字化產(chǎn)品來說,這似乎很難達(dá)到,因?yàn)橹皇窃谄聊簧线M(jìn)行枯燥的交互來獲取服務(wù)。

所以,數(shù)字化產(chǎn)品設(shè)計(jì)師們需要更深入的理解每種類型的情感,以及創(chuàng)造它們的心理學(xué)原則。

根據(jù)唐.諾曼(Don Norman)的研究,人們對(duì)一個(gè)物體產(chǎn)生情感有三個(gè)層次:本能、行為和反思。

  • 本能層: “用戶想要的感覺是什么”
  • 行為層: “用戶想要做什么”
  • 反思層: “用戶想成為什么樣的人”


在第一層,用戶將通過視覺和與產(chǎn)品的交互設(shè)計(jì)中產(chǎn)生情緒。因此,這是UI設(shè)計(jì)師擅長發(fā)揮的地方。除了美學(xué)和基本的平面設(shè)計(jì)原則外,下面是我在工作中經(jīng)常應(yīng)用到設(shè)計(jì)中的心理學(xué)原則。

1. 格式塔原理

相似律

人類的眼睛傾向于將相似的元素連接成一個(gè)組,而大腦會(huì)認(rèn)為這些元素都有相同的目的。 

因此,在設(shè)計(jì)具有相同功能和內(nèi)容的界面元素時(shí),就應(yīng)該要保持一致性。(彩云注:這也是為什么要保持一致性的理論解釋)


應(yīng)用場(chǎng)景: 導(dǎo)航、控件、卡片、banner、內(nèi)容、分頁


連續(xù)律

人眼會(huì)將連續(xù)的元素視為一組。這一定律與對(duì)稱性和相似性非常相關(guān),通過在一個(gè)序列上設(shè)計(jì)相似和重復(fù)的元素,我們可以將用戶的視線引導(dǎo)到我們想要的方向,它能使得閱讀信息更加連貫和清晰。 

一點(diǎn)點(diǎn)的切割是在暗示用戶,這里還有更多的內(nèi)容等待你去查看。


應(yīng)用場(chǎng)景: 菜單、列表、排序、輪播、服務(wù)進(jìn)度


封閉律

當(dāng)看到一幅不完整的圖像時(shí),大腦會(huì)依賴之前的經(jīng)驗(yàn)進(jìn)行填充。 

這是圖形和logo設(shè)計(jì)中常用的規(guī)則,但是在產(chǎn)品設(shè)計(jì)中,我們也經(jīng)常把它用在圖標(biāo)和Loading設(shè)計(jì)中。


應(yīng)用: 圖標(biāo)、loading、數(shù)據(jù)可視化


相近律

這是UI設(shè)計(jì)中的一個(gè)基本規(guī)則,因?yàn)槿搜蹠?huì)將任何相鄰元素視為一個(gè)組。 

在設(shè)計(jì)的時(shí)候,我非常注重使用間距來將元素組合在一起。我通常使用大空間來分隔大內(nèi)容組,然后使用小空間來分隔大內(nèi)容組中的小內(nèi)容組。


應(yīng)用場(chǎng)景: 導(dǎo)航、控件、卡片、banner、內(nèi)容、分頁


對(duì)稱律

我們的大腦喜歡看到對(duì)稱和平衡的東西。它是所有設(shè)計(jì)領(lǐng)域中使用最頻繁、最安全的法則。它幫助我們創(chuàng)造一種穩(wěn)定和秩序的感覺。 

當(dāng)設(shè)計(jì)需要簡(jiǎn)單和諧可視化的產(chǎn)品時(shí),我經(jīng)常使用對(duì)稱律。當(dāng)用戶需要關(guān)注重要的事情時(shí),它也能讓他們感到更舒服。缺點(diǎn)是,如果過度使用,產(chǎn)品會(huì)變得乏味和單調(diào)。通常,我用標(biāo)題或CTA按鈕來更好地強(qiáng)調(diào)和號(hào)召行動(dòng),打破畫面的單調(diào)格局。(彩云注:CTA是call to action的縮寫,中文通常翻譯為行為號(hào)召??梢岳斫鉃橐龑?dǎo)用戶點(diǎn)擊的行為都算是行為號(hào)召)


應(yīng)用場(chǎng)景:控件,banner,強(qiáng)調(diào)內(nèi)容,產(chǎn)品顯示,清單,導(dǎo)航。


背景分割

這個(gè)定律是關(guān)于人眼傾向于注意脫離背景或組合的事物。 

我使用這個(gè)規(guī)則引導(dǎo)用戶的眼睛看到重要信息。它通常是一個(gè)卡片設(shè)計(jì)與一個(gè)輕投影在背景之上的層。此外,構(gòu)建整體也是應(yīng)用這一規(guī)則的一種方式。


應(yīng)用場(chǎng)景:卡片、內(nèi)容、列表、服務(wù)、摘要


共同命運(yùn)法則

在同一方向上移動(dòng)的元素被認(rèn)為比固定的元素或在另一個(gè)方向上移動(dòng)的元素更相關(guān)。這個(gè)規(guī)則應(yīng)用幫助我們建立組和狀態(tài)之間的關(guān)系。 

在制作動(dòng)畫時(shí),我經(jīng)常更明確地使用這個(gè)規(guī)則。然而,我們?nèi)匀豢梢赃m用于許多不同的因素。


應(yīng)用場(chǎng)景:導(dǎo)航/下拉菜單,折疊,手風(fēng)琴,工具提示,產(chǎn)品滑塊,視差滾動(dòng)和指示器。


2. 焦點(diǎn)原則

當(dāng)我們看東西時(shí),我們的眼睛傾向于首先關(guān)注最突出的元素。理解這種行為將幫助我們?cè)谠O(shè)計(jì)中創(chuàng)建一個(gè)“錨點(diǎn)”,從而推動(dòng)用戶查看我們的場(chǎng)景之后的內(nèi)容。

應(yīng)用場(chǎng)景:內(nèi)容、落地頁、價(jià)格、產(chǎn)品頁、banner 


3. 雷斯多夫效應(yīng)

(彩云注:維基百科解釋為指?jìng)€(gè)人對(duì)學(xué)習(xí)材料或所見所聞的資訊,容易記住最特殊的部分的現(xiàn)象。例如:有一些參考書將重要的資料,以不同顏色或特殊的字體標(biāo)示出來,就是利用雷斯多夫效應(yīng)來加深讀者的印象。)

這也被稱為隔離效應(yīng),它表明人們傾向于注意并記住與其他部分不同的部分。這條規(guī)則很容易與焦點(diǎn)定律混淆。不同的是,應(yīng)用此規(guī)則的元素通常是獨(dú)立的,沒有為用戶導(dǎo)航更多信息的額外功能。 

應(yīng)用場(chǎng)景:定價(jià)表、促銷banner、不同會(huì)員介紹 


4. 本能反應(yīng)


基于現(xiàn)實(shí)世界打造的視覺體驗(yàn)。比如,當(dāng)我們看一個(gè)視頻,每個(gè)高潮笑話時(shí)都有旁白跟著一起笑時(shí),我們會(huì)更容易發(fā)笑(彩云注:想想《快樂大本營》)。用戶會(huì)喜歡我們的設(shè)計(jì),如果它讓他們感覺良好和舒適。

(彩云注:這個(gè)理論的意思是說盡可能讓用戶產(chǎn)生沉浸感,把產(chǎn)品用到真實(shí)的環(huán)境上,比如大家平時(shí)使用的手機(jī)樣機(jī),把設(shè)計(jì)的界面放到這些樣機(jī)中就能夠給人直觀的感受到應(yīng)用后的效果,也是這個(gè)理論的運(yùn)用)。 

此外,我們不要忘記從早期到現(xiàn)在一直在廣泛使用的顏色,這些顏色的使用更符合用戶習(xí)慣:

紅色:錯(cuò)誤

綠色:成功

藍(lán)色:進(jìn)行中

黃色:警告


6. 形狀心理學(xué)

就像顏色一樣,人類的潛意識(shí)對(duì)不同的形狀也有不同的反應(yīng)。例如:

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

方形和三角形:帶有強(qiáng)烈的信息,通常與力量和穩(wěn)定聯(lián)系在一起。

豎線:代表強(qiáng)度、力量或攻擊性。

橫線:表示平靜、相等、安靜。


7. 雙碼理論


這一理論解釋了人類需要視覺和語言信息來盡可能快地處理信息。此外,人類是視覺動(dòng)物,我們的大腦處理圖像的速度是處理文本的6萬倍。為了最大化設(shè)計(jì)的有效性,我們不應(yīng)該去掉解釋性的文字。

(彩云注:根據(jù)這個(gè)理論,在做作品集時(shí),就應(yīng)該盡可能的多用視覺化語言,文字作為輔助,對(duì)于視覺設(shè)計(jì)師來說,能用圖表達(dá)的就盡量減少文字的比重。) 

 一個(gè)很明顯的例子就是導(dǎo)航欄。大多數(shù)新的應(yīng)用或具有復(fù)雜功能的應(yīng)用都同時(shí)設(shè)計(jì)了圖標(biāo)和文字標(biāo)簽。 



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


人類的眼睛傾向于看到平行因素比其他因素更相關(guān)。我經(jīng)常使用這一原則對(duì)同一屏幕內(nèi)的兩組不同內(nèi)容進(jìn)行分類。最容易看到的例子可能是Facebook messenger界面,當(dāng)帖子并排排列時(shí),消息是平行的。 


9. 共同區(qū)域


這一原則類似于格式塔原則中的相似定律,但它并不是完全相似。共同區(qū)域原則是通過我們使用分隔線、形狀或顏色的方式創(chuàng)建的。 

如果一個(gè)界面需要用戶滾動(dòng)更多來查看內(nèi)容,我們應(yīng)該有一些方法來更清楚地劃分它,而不僅僅是使用間距。


應(yīng)用場(chǎng)景:列表清單、信息流

 

10.掃描圖形


根據(jù)NNGroup UXPin等組織或團(tuán)體的各種研究,兩種最常用的掃描模式是“F”和“Z”。

  • F的使用最為廣泛,尤其是對(duì)于內(nèi)容量大的網(wǎng)站。
  • Z用于不太注重文本的網(wǎng)站,通常強(qiáng)調(diào)在最后的號(hào)召行動(dòng)。

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


總結(jié)


第一印象是最令人難忘的,積極的體驗(yàn)可以在用戶和產(chǎn)品之間創(chuàng)造持久的關(guān)系。如果能讓用戶在一開始就喜歡上我們的設(shè)計(jì),就能為我們的產(chǎn)品創(chuàng)造了一個(gè)很好的優(yōu)勢(shì)。

(彩云注:這些都是非常基礎(chǔ)的理論,但基礎(chǔ)的厚度才是決定后期發(fā)展高度,我現(xiàn)在越來越能體會(huì)到這一點(diǎn)了,也希望大家能重視并加強(qiáng)基礎(chǔ)的學(xué)習(xí)。) 


原文:https://blog.prototypr.io/10-psychological-rules-i-used-to-make-users-love-at-first-sight-55c71f99bfa1

作者:Hoang Nguyen

譯者:彩云Sky

本文翻譯已獲得作者的正式授權(quán)(授權(quán)截圖如下)

Powered by Froala Editor

微信公眾號(hào):彩云譯設(shè)計(jì)

更新:2021-05-17

收藏

214人已收藏

彩云Sky

騰訊ISUX高級(jí)視覺設(shè)計(jì)師

  • 177

    作品

  • 1.3w

    粉絲

  • 13

    關(guān)注

  • 實(shí)戰(zhàn)案例!如何從0到1為Apple Vision Pro設(shè)計(jì)
  • 蘋果Vision Pro上到底有哪些設(shè)計(jì)亮點(diǎn)?| 視覺篇
  • 搶先體驗(yàn)蘋果visionOS的方法
  • 深度解讀VisionOS設(shè)計(jì)原則,掌握下一代設(shè)計(jì)趨勢(shì)!

    猜你喜歡

      2021-05-17 自譯外文 設(shè)計(jì)趨勢(shì) 原作者: Hoang Nguyen 舉報(bào) 24793 214 261 8

      10個(gè)讓用戶一眼就愛上的設(shè)計(jì)心理學(xué)知識(shí)

      0.0°

      你確定要舉報(bào)10個(gè)讓用戶一眼就愛上的設(shè)計(jì)心理學(xué)知識(shí)?

      如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請(qǐng)。

      0/200

      上傳證據(jù): 超過10M的附件請(qǐng)使用網(wǎng)盤地址

      點(diǎn)擊上傳附件

      對(duì)誰可見:

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時(shí)間:2021年05月12日

      評(píng)分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      261
      214
      8

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      登錄

      手機(jī)號(hào)

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯(cuò)誤

      登錄
      第三方賬號(hào)登錄