心理學(xué)在設(shè)計(jì)的應(yīng)用(一)

前序:設(shè)計(jì)的面向?qū)ο笫侨撕Γm然個(gè)體的認(rèn)知識(shí)別千差萬(wàn)別,但又有樸素的理論支持月幌。人對(duì)物體雪隧、圖形等等的認(rèn)知是跟隨進(jìn)化史發(fā)展的西轩,希望能從大腦或者心理學(xué)的角度來(lái)解讀視覺(jué)信息對(duì)于人的不同認(rèn)知。


一脑沿、弧形偏好

認(rèn)知神經(jīng)科學(xué)實(shí)驗(yàn)室主任Moshe Bar實(shí)驗(yàn)證明藕畔,人更喜歡帶有弧形的物體,棱角分明的物體給人一種威脅感

在平衡和不平衡圖像中庄拇,人們都傾向于弧線圖像

帶有棱角的復(fù)雜圖形 和 帶有輕微弧度的復(fù)雜圖形實(shí)驗(yàn)中注服,人們還是選擇了弧度的復(fù)雜圖形韭邓。

很多著名公司在logo的設(shè)計(jì)上都采用了弧形設(shè)計(jì)

著名公司logo


而在表現(xiàn)物體正面和負(fù)面中,人們的偏好會(huì)有差別溶弟。

在正面女淑、中性的物體,會(huì)更偏向弧形辜御;

蛋糕是弧形
洋娃娃是弧形

而在負(fù)面意義的物體鸭你,沒(méi)有偏好;

蜘蛛
刀片

建議:在視覺(jué)設(shè)計(jì)中擒权,采用弧形圖形袱巨。能傳遞給用戶友好可信賴


二、識(shí)別物體會(huì)尋找規(guī)律

David Hubel 和Torsten Wiesel(1959)研究表明碳抄,大腦視覺(jué)皮質(zhì)中的細(xì)胞分工不同愉老,分別只對(duì)橫線、豎線剖效、邊線和特定角度的線作出反應(yīng)嫉入。

為了更快解析周?chē)澜纾竽X傾向于發(fā)現(xiàn)規(guī)律;

形成了著名的格式塔原理璧尸;主要包括接近性原理咒林、相似性原理連續(xù)性原理逗宁、封閉性原理映九、對(duì)稱性原理主體/背景理論共同命運(yùn)原理瞎颗;

相似原理:

這3個(gè)為1組??????? 這2個(gè)為1組? ? ??


對(duì)稱原理:

將對(duì)象視為在中心點(diǎn)對(duì)稱,并且均勻分割? ? ??


連續(xù)性原理:

視覺(jué)系統(tǒng)傾向于感知連續(xù)的形式捌议,看到的是2條相交線哼拔,而不是4條線段

封閉原理:

會(huì)將敞開(kāi)的圖形關(guān)閉起來(lái),感知完整物體瓣颅,而不是分散


主體背景原理

場(chǎng)景中占據(jù)注意力的是元素倦逐,其余是背景? ? ??


共同命運(yùn)原理:

一起運(yùn)動(dòng)的物體被感知為屬于一組或者彼此相關(guān)

建議:設(shè)計(jì)中應(yīng)呈現(xiàn)規(guī)律

舉例~~~

相似原理:每一個(gè)模塊外形、布局設(shè)計(jì)一致宫补,在元素內(nèi)容上區(qū)別于其他檬姥,既能保持整齊,又能使用戶直觀感受到每個(gè)功能模塊展示的是不同內(nèi)容粉怕。



對(duì)稱原理:空間布局上采用對(duì)稱性原理健民,使得空間的劃分呈現(xiàn)均勻性。左右的比重在視覺(jué)上平衡贫贝。



連續(xù)性原理:在構(gòu)圖上秉犹,元素未顯示完整蛉谜,但不會(huì)影響視覺(jué)效果,反倒增加頁(yè)面擴(kuò)展性崇堵。



封閉性原理:會(huì)將敞開(kāi)的圖形關(guān)閉起來(lái)型诚,感知完整物體,而不是分散



主體背景原理:頁(yè)面設(shè)計(jì)時(shí)常用主要內(nèi)容顯示后鸳劳,放置印象背景狰贯,達(dá)到傳遞信息暗示主題的作用。作為最上的內(nèi)容赏廓,是用戶注意力焦點(diǎn)內(nèi)容暮现。彈窗是主體,背后的頁(yè)面成為了背景楚昭。



共同命運(yùn)原理:針對(duì)運(yùn)動(dòng)的物體栖袋,與接近性、相似性原理相關(guān)抚太,都影響我們感知物體是否成組塘幅,例如圖中周?chē)?個(gè)色塊一同運(yùn)動(dòng),則會(huì)認(rèn)為同時(shí)運(yùn)動(dòng)的8個(gè)色塊為一組尿贫。



三电媳、大腦有專(zhuān)門(mén)識(shí)別人臉的區(qū)域

大腦有專(zhuān)門(mén)識(shí)別人臉的區(qū)域,視覺(jué)皮層之外有特殊的區(qū)域庆亡,專(zhuān)門(mén)來(lái)識(shí)別人臉匾乓。

而且我們會(huì)不由自主的向別人眼睛所看的方向。


建議在視覺(jué)設(shè)計(jì)中又谋,采用人眼神方向延伸注意區(qū)域



四拼缝、整體認(rèn)知主要依靠周?chē)曈X(jué)而非中央視覺(jué)

中央凹是視網(wǎng)膜后的一個(gè)小凹陷,能看到高清晰的圖形彰亥,覆蓋2個(gè)大拇指蓋大咧七,而中央凹其他的周邊稱為周邊視覺(jué)。

大腦中樞能同時(shí)處理中央視覺(jué)和周邊視覺(jué)

Casimirludwig實(shí)驗(yàn)研究任斋,周邊視覺(jué)決定著中央視覺(jué)接下來(lái)要把注意力的焦點(diǎn)放在哪里继阻,這在很大程度上是潛意識(shí)的過(guò)程。

然而废酷。

不要因?yàn)檫@個(gè)理論瘟檩,就刪除周邊視覺(jué),反而應(yīng)該重視澈蟆。正是由于周邊視覺(jué)決定接下來(lái)看哪里墨辛。

所以設(shè)計(jì)中不要只是留白這樣簡(jiǎn)短粗暴的方式

建議:在周邊視覺(jué)中包含信息,輔助人們接下來(lái)決定看哪里丰介。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末背蟆,一起剝皮案震驚了整個(gè)濱河市鉴分,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌带膀,老刑警劉巖志珍,帶你破解...
    沈念sama閱讀 212,816評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異垛叨,居然都是意外死亡伦糯,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)嗽元,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)敛纲,“玉大人,你說(shuō)我怎么就攤上這事剂癌∮傧瑁” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 158,300評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵佩谷,是天一觀的道長(zhǎng)旁壮。 經(jīng)常有香客問(wèn)我,道長(zhǎng)谐檀,這世上最難降的妖魔是什么抡谐? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,780評(píng)論 1 285
  • 正文 為了忘掉前任,我火速辦了婚禮桐猬,結(jié)果婚禮上麦撵,老公的妹妹穿的比我還像新娘。我一直安慰自己溃肪,他們只是感情好免胃,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,890評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著乍惊,像睡著了一般杜秸。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上润绎,一...
    開(kāi)封第一講書(shū)人閱讀 50,084評(píng)論 1 291
  • 那天,我揣著相機(jī)與錄音诞挨,去河邊找鬼莉撇。 笑死,一個(gè)胖子當(dāng)著我的面吹牛惶傻,可吹牛的內(nèi)容都是我干的棍郎。 我是一名探鬼主播,決...
    沈念sama閱讀 39,151評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼银室,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼涂佃!你這毒婦竟也來(lái)了励翼?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,912評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤辜荠,失蹤者是張志新(化名)和其女友劉穎汽抚,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體伯病,經(jīng)...
    沈念sama閱讀 44,355評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡造烁,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,666評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了午笛。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片惭蟋。...
    茶點(diǎn)故事閱讀 38,809評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖药磺,靈堂內(nèi)的尸體忽然破棺而出告组,到底是詐尸還是另有隱情,我是刑警寧澤癌佩,帶...
    沈念sama閱讀 34,504評(píng)論 4 334
  • 正文 年R本政府宣布木缝,位于F島的核電站,受9級(jí)特大地震影響驼卖,放射性物質(zhì)發(fā)生泄漏氨肌。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,150評(píng)論 3 317
  • 文/蒙蒙 一酌畜、第九天 我趴在偏房一處隱蔽的房頂上張望怎囚。 院中可真熱鬧,春花似錦桥胞、人聲如沸恳守。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,882評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)催烘。三九已至,卻和暖如春缎罢,著一層夾襖步出監(jiān)牢的瞬間伊群,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,121評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工策精, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留舰始,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,628評(píng)論 2 362
  • 正文 我出身青樓咽袜,卻偏偏與公主長(zhǎng)得像丸卷,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子询刹,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,724評(píng)論 2 351

推薦閱讀更多精彩內(nèi)容

  • 寫(xiě)在前面的話:本來(lái)是很久之前拿來(lái)做部門(mén)分享活動(dòng)谜嫉,還做了一個(gè)PPT萎坷,但是因?yàn)楦鞣N原因,沒(méi)有分享沐兰。今天整理資料發(fā)現(xiàn)它哆档,...
    gyro閱讀 4,007評(píng)論 0 16
  • 《堅(jiān)毅》這本書(shū)之前是不了解的,如果不是這次的鄉(xiāng)村英語(yǔ)教師的學(xué)習(xí)僧鲁,可能就不會(huì)看這個(gè)作品虐呻,所以說(shuō)首先需要感謝鄉(xiāng)村...
    大名350李欣閱讀 581評(píng)論 1 1
  • 在人的一生中會(huì)遇見(jiàn)許多的人斟叼,他們大多是過(guò)客,有的是擦肩而過(guò)春寿,最多的不過(guò)是相攜有一段路朗涩,而后就不免斷了聯(lián)系。...
    沐瑾妍閱讀 577評(píng)論 0 0