《設(shè)計(jì)師要懂心理學(xué)》這本書(shū)講了100個(gè)心理學(xué)的知識(shí)穆趴。內(nèi)容很好色徘，但是感覺(jué)看完就會(huì)忘記赖条，結(jié)合之前看過(guò)的版式設(shè)計(jì)原理一書(shū)，于是我整合了下并試著分析幾個(gè)可以證明其觀點(diǎn)的案例（全以app端為例講述）岁诉，作為自己學(xué)習(xí)的方式之一。

第1章：人如何觀察

眼見(jiàn)非腦見(jiàn)

視覺(jué)是一切感覺(jué)之首跋选。人的大腦有一半的資源都用于接收和解析眼睛所見(jiàn)涕癣。但眼睛所見(jiàn)并非全部，因?yàn)橐曈X(jué)信息還要經(jīng)過(guò)大腦轉(zhuǎn)換和解析前标。真正用來(lái)"觀察"的其實(shí)是大腦坠韩。為了更快地解析周?chē)氖澜缇嗯耍竽X會(huì)偷懶：大腦每秒要接收約4000萬(wàn)次的感官信息輸入，并試圖完全解析出它們的意義只搁，所以它會(huì)根據(jù)以往的經(jīng)驗(yàn)绽昼，猜測(cè)我們看見(jiàn)了什么。

大腦解析

大腦認(rèn)為左邊有兩個(gè)三角须蜗，右邊有個(gè)矩形硅确，其實(shí)只是零碎的線(xiàn)條和有缺口的圓拼接而成

合理進(jìn)行排版布局設(shè)計(jì)，運(yùn)用內(nèi)容組合方式明肮、形狀和色彩可以影響人們所見(jiàn)菱农，從而傳遞信息給觀察的人∈凉溃總結(jié)了四種可以影響人之所見(jiàn)的方法如下：

一循未、根據(jù)版面率、顏色秫舌、圖片外形來(lái)調(diào)整頁(yè)面的效果（版面率一詞主要運(yùn)用在印刷品設(shè)計(jì)中的妖，此為手機(jī)版面率）

1、版面率對(duì)頁(yè)面效果的影響

版面率可理解為各信息元素占手機(jī)屏幕大小的比率足陨，版面率越大（界面留白越少）嫂粟，則頁(yè)面包含的信息就越多，反之則反墨缘。由于手機(jī)屏幕較小星虹，信息的展示是有限的，如何在有限的屏幕展示有價(jià)值的信息是每個(gè)設(shè)計(jì)師都該考慮的镊讼。

左邊版面率比右邊版面率低

版面率的不同給用戶(hù)帶來(lái)的印象也會(huì)發(fā)生改變宽涌。版面率的降低很容易給人造成一種典雅印象或是形成一種高級(jí)的效果（適合整體效果較安靜和穩(wěn)重型設(shè)計(jì)）。版面率的升高會(huì)給人以充滿(mǎn)活力而又非常熱鬧的印象蝶棋。

版面率不同卸亮，頁(yè)面給人的印象不同

調(diào)整版面率的方法：（1）調(diào)整留白-擴(kuò)大留白降低版面率，縮小留白提升版面率玩裙；（2）調(diào)整圖片數(shù)量和尺寸-圖片數(shù)量越多版面率越高兼贸，圖片尺寸越大版面率越高；（3）改變版面底色-必要時(shí)献酗，在文字?jǐn)?shù)量多寝受，圖版率小的情況下可以通過(guò)改變頁(yè)面底色，從而改變頁(yè)面所呈現(xiàn)的視覺(jué)感受

2罕偎、顏色對(duì)頁(yè)面效果的影響

頁(yè)面中對(duì)顏色的處理不一樣也會(huì)給人不一樣的心情很澄，白色給人冷靜，紅色給人熱情，純度高的顏色比純度低的顏色更加顯眼甩苛。

顏色的處理方式不同蹂楣，頁(yè)面給人的印象不同

這基本就是為什么每次打開(kāi)淘寶都覺(jué)得很熱鬧，而京東則顯得低調(diào)的多的原因了讯蒲。電商最主要的還是要烘托一種購(gòu)買(mǎi)的氣氛痊土，在這上面，淘寶還是略勝一籌墨林。

3赁酝、圖片外形對(duì)頁(yè)面效果的影響

對(duì)圖片外形來(lái)說(shuō)，大體上可分為幾何形與自然形兩種使用方法旭等。拍攝出來(lái)的圖片都是圍在四邊形方框之中的酌呆，如果圖片在使用時(shí)仍保持了四邊形、圓形等形狀則叫做“幾何形圖片”搔耕；如果圖片是按照被拍攝對(duì)象的輪廓來(lái)進(jìn)行裁剪隙袁，突出被拍攝對(duì)象的獨(dú)特形狀的叫“自然形圖片”

幾何形圖片主要分為四邊形圖和圓形圖，越偏向于四邊形圖弃榨，效果越自然菩收，而圓形圖則能夠取得人為特寫(xiě)的效果。按輪廓線(xiàn)來(lái)剪裁的自然形圖片可以有效地強(qiáng)調(diào)物品的形狀鲸睛，讓頁(yè)面富有動(dòng)感娜饵，這種方法多適用于雜物及衣物、食品等物品的展示腊凶。

圖片外形不同划咐，帶給頁(yè)面的感覺(jué)不同

可以根據(jù)頁(yè)面想給人的感覺(jué)使用相應(yīng)的圖片外形，在做頁(yè)面設(shè)計(jì)的時(shí)候最好不默認(rèn)顯示邊框钧萍，這樣可以選擇添加自然形圖還是幾何形圖從而給頁(yè)面帶來(lái)不一樣的感覺(jué)。

二政鼠、通過(guò)對(duì)內(nèi)容大小风瘦、方向性的處理來(lái)引導(dǎo)用戶(hù)視線(xiàn)

人根據(jù)經(jīng)驗(yàn)和預(yù)期瀏覽屏幕

掃一眼屏幕后，人的視線(xiàn)一般會(huì)是從左向右或自上而下公般，但如果旁邊有張大圖或動(dòng)的東西万搔，這類(lèi)內(nèi)容就會(huì)引起他們的注意，從而打破原本的閱讀傾向官帘。

當(dāng)存在一些希望用戶(hù)能首先注意到的內(nèi)容并形成先后順序時(shí)瞬雹，必須通過(guò)設(shè)計(jì)將其明確地提示出來(lái)。最基本的方法是通過(guò)將希望用戶(hù)注意的部分放大刽虹，根據(jù)尺寸的大小來(lái)安排順序先后酗捌。這種情況下的各部分內(nèi)容所占的尺寸比例，在設(shè)計(jì)領(lǐng)域內(nèi)被稱(chēng)為“優(yōu)先率”。

左邊優(yōu)先率比右邊優(yōu)先率低

左邊雖然也有大小的差別但并不明顯胖缤，右邊更明顯更具有節(jié)奏感

如果頁(yè)面整體內(nèi)容的優(yōu)先率比較高尚镰，則頁(yè)面的內(nèi)容就會(huì)富于變化，產(chǎn)生富于動(dòng)感和節(jié)奏的效果哪廓；優(yōu)先率較低的頁(yè)面就可能給人帶來(lái)穩(wěn)定平整的印象狗唉。

優(yōu)先率的比較

將重要的部分（可以是區(qū)域、圖片涡真、文字）放大使其變得顯眼來(lái)吸引用戶(hù)的注意分俯，從而抓住他們的視線(xiàn)。

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

雖然大腦視覺(jué)皮質(zhì)范圍很大且占用了大量的腦力資源哆料，但在視覺(jué)皮層之外還有一處特殊區(qū)域缸剪，專(zhuān)門(mén)用來(lái)識(shí)別人臉，稱(chēng)為“梭形臉部區(qū)”剧劝。所以我們?cè)诳磮D時(shí)一眼便能識(shí)別出人臉橄登，且會(huì)不由自主地看向別人的眼睛所看的方向。

唯品會(huì)-主題專(zhuān)場(chǎng)封面圖

活動(dòng)宣傳頁(yè)上能經(jīng)常見(jiàn)到讥此。

三拢锹、運(yùn)用內(nèi)容組合方式、形狀和色彩傳遞信息

人在識(shí)別物體時(shí)會(huì)尋找規(guī)律

發(fā)現(xiàn)規(guī)律有助于快速處理時(shí)刻接收的感官信息萄喳。即使本無(wú)規(guī)律卒稳，人眼和大腦也會(huì)嘗試創(chuàng)造規(guī)律。用戶(hù)在進(jìn)行觀察時(shí)他巨，并不是孤立地對(duì)不同的事物進(jìn)行認(rèn)識(shí)充坑，而是會(huì)受到作為整體的大范圍的影響的。

顏色規(guī)律

形狀規(guī)律

通過(guò)顏色或形狀的對(duì)比來(lái)吸引用戶(hù)的注意染突，傳遞重要信息捻爷。

人們認(rèn)為相鄰的物體必然相關(guān)

如果兩個(gè)東西距離很近，那人們就會(huì)認(rèn)為它們之間有聯(lián)系份企。

當(dāng)頁(yè)面有很多內(nèi)容時(shí)也榄，在需要進(jìn)行組別劃分表現(xiàn)的時(shí)候，必須明確地表示出屬于同一組的內(nèi)容相互之間的關(guān)聯(lián)司志，同時(shí)甜紫，還必須表示出這一組內(nèi)容與其他組別內(nèi)容之間的不同意思和作用。這時(shí)可以通過(guò)分割線(xiàn)或底色來(lái)劃分區(qū)域骂远。

這里底色較分割線(xiàn)更易區(qū)分

如果想使用線(xiàn)或底色填充分割內(nèi)容囚霸，先嘗試是否只調(diào)整間距就達(dá)到效果。有時(shí)激才，調(diào)整間距足以劃分內(nèi)容還能使頁(yè)面具有簡(jiǎn)潔的視覺(jué)效果拓型。

對(duì)于分割線(xiàn)而言额嘿，一般來(lái)說(shuō)，實(shí)線(xiàn)比虛線(xiàn)相比區(qū)別更徹底吨述，構(gòu)成虛線(xiàn)的點(diǎn)與點(diǎn)之間的間隔的不同區(qū)分強(qiáng)度也會(huì)不同岩睁，而且顏色或粗細(xì)的不同也會(huì)給人帶來(lái)不同的印象；對(duì)于底色填充而言揣云，顏色不同的程度越大則區(qū)分程度也越高捕儒，但要保證可辨別性不能太低。

再一例邓夕，分類(lèi)的重要性

四刘莹、變化更加明顯

人可能會(huì)對(duì)變化視而不見(jiàn)

人在觀察事物時(shí)，即使看到了也不一定關(guān)注到了焚刚，很容易忽略實(shí)際發(fā)生的變化点弯。不要認(rèn)為物體出現(xiàn)在屏幕上就一定會(huì)被用戶(hù)看到，特別是刷新頁(yè)面出現(xiàn)改變時(shí)矿咕，用戶(hù)很可能完全意識(shí)不到頁(yè)面前后的區(qū)別抢肛，可以增加視覺(jué)提示（如使之閃爍）或聽(tīng)覺(jué)提示（如“嘩”的一聲）來(lái)保證用戶(hù)注意到界面上某處的變化。

淘寶-首頁(yè)廣告輪播+動(dòng)態(tài)消息切換

這就是為什么手機(jī)上的廣告要輪播碳柱，有些動(dòng)態(tài)消息要?jiǎng)蛹裥酰晕脩?hù)注意。

第2章：人如何閱讀

閱讀與理解是兩碼事

人經(jīng)常閱讀莲镣，對(duì)所讀內(nèi)容的理解和記憶取決于此前的經(jīng)驗(yàn)福稳、閱讀時(shí)的視角和閱讀前的說(shuō)明，別指望用戶(hù)閱讀時(shí)能記住特定信息瑞侮。

舉個(gè)例子：告訴我的圆，你想看完嗎？

微信錢(qián)包-手機(jī)充值活動(dòng)規(guī)則

都知道這樣看整版文字很難受半火，為什么活動(dòng)規(guī)則還是要這樣寫(xiě)越妈？

第3章：人如何記憶

短期記憶是有限的

1、不要讓人們的記憶處于不同位置的內(nèi)容钮糖，比如讀取某一頁(yè)上的文字或數(shù)字叮称，然后再輸入到另一頁(yè)上。如果你這么干了藐鹤，他們很可能會(huì)忘記信息，因此信心遭受打擊赂韵。

2娱节、如果要讓人們使用短期記憶記東西，那么在完成任務(wù)前別讓他們做其他事情祭示。短期記憶很容易被干擾肄满，過(guò)多感官輸入會(huì)讓他們無(wú)法集中注意力。

人一次只能記住四項(xiàng)事物

1、能把展示給用戶(hù)的信息限制在4條固然好稠歉，但也不必強(qiáng)求掰担。可以用歸類(lèi)或分組的方法展示更多信息怒炸。

有待求證带饱。

第4章：人如何思考

人更擅長(zhǎng)處理小塊信息

大腦一次只能有意識(shí)地處理少量信息，設(shè)計(jì)師常犯的錯(cuò)誤就是一次給用戶(hù)提供太多信息阅羹∩滋郏可應(yīng)用漸進(jìn)呈現(xiàn)的設(shè)計(jì)理念。

漸進(jìn)呈現(xiàn)即每次只展示用戶(hù)當(dāng)前需要的信息捏鱼，可以避免信息過(guò)量給用戶(hù)帶來(lái)不適执庐。漸進(jìn)呈現(xiàn)需要多次點(diǎn)擊，你也許聽(tīng)說(shuō)過(guò)导梆，設(shè)計(jì)時(shí)應(yīng)該將用戶(hù)得到詳細(xì)信息所需的點(diǎn)擊次數(shù)盡量減少轨淌。但是點(diǎn)擊次數(shù)并不重要，如果用戶(hù)在每次點(diǎn)擊時(shí)都能得到適量的信息看尼，愿意沿著設(shè)計(jì)思路繼續(xù)查看頁(yè)面递鹉，那他們根本就不會(huì)注意到點(diǎn)擊的操作。當(dāng)應(yīng)該考慮漸進(jìn)呈現(xiàn)設(shè)計(jì)時(shí)狡忙，不要在意點(diǎn)擊次數(shù)梳虽。如果不得不在讓用戶(hù)點(diǎn)擊和讓用戶(hù)動(dòng)腦之間做出取舍，那么多幾次點(diǎn)擊吧灾茁，少一點(diǎn)動(dòng)腦思考窜觉。

使用漸進(jìn)呈現(xiàn)，僅在用戶(hù)需要時(shí)才展示他們需要的信息北专。用鏈接引導(dǎo)用戶(hù)獲取更多詳情禀挫。

漸進(jìn)呈現(xiàn)案例

漸進(jìn)呈現(xiàn)是個(gè)好方法，但前提條件是你得了解多數(shù)用戶(hù)在多數(shù)時(shí)候需要什么信息拓颓。如果沒(méi)做足這方面的調(diào)研语婴，會(huì)讓用戶(hù)受挫。漸進(jìn)呈現(xiàn)的方法僅在你了解多數(shù)用戶(hù)每一步需要什么信息時(shí)才有效驶睦。

人有30%的時(shí)間會(huì)走神

心智游移指在做一件事情時(shí)砰左，沉浸在與之無(wú)關(guān)的思考之中。在很多情況下场航，人們都很容易分心缠导。比如你正在讀一篇文章，突然想到應(yīng)該煮飯了溉痢，這在生活中經(jīng)常發(fā)生僻造。心智游移它能讓你快速在不同想法之間來(lái)回切換憋他。

人集中注意力處理一項(xiàng)任務(wù)的時(shí)間是有限的，應(yīng)當(dāng)假設(shè)他們經(jīng)常走神髓削。

游移切換案例

務(wù)必建立提示用戶(hù)位置的信息反饋竹挡，以便他們回過(guò)神來(lái)之后還能回到原來(lái)的位置繼續(xù)瀏覽。

人越不確定就越固執(zhí)己見(jiàn)

認(rèn)知失調(diào)：即人們擁有兩種互相矛盾的觀點(diǎn)時(shí)產(chǎn)生的不快感立膛。人們不喜歡這種感覺(jué)揪罕，所以極力想要擺脫它，擺脫方向有兩種旧巾，改變?cè)杏^念或否認(rèn)其中一個(gè)觀點(diǎn)耸序。

1、受到強(qiáng)迫時(shí)鲁猩，人容易改變?cè)杏^點(diǎn)

2坎怪、不受強(qiáng)迫時(shí)，人容易固執(zhí)己見(jiàn)

3廓握、人在不確定的情況下會(huì)更加雄辯

這條比較有意思搅窿，也解釋了很多場(chǎng)景疑惑。當(dāng)我和朋友們因?yàn)槟硞€(gè)觀點(diǎn)而辯論時(shí)隙券，誰(shuí)也說(shuō)服不了誰(shuí)男应，因?yàn)槲覀兌紡?qiáng)迫不了對(duì)方，于是最常說(shuō)的一句就是“我不同意你的觀點(diǎn),但我捍衛(wèi)你說(shuō)話(huà)的權(quán)利”娱仔；當(dāng)一個(gè)值得你尊敬或身上有某種令你敬佩的特質(zhì)的人來(lái)和你就某個(gè)觀點(diǎn)來(lái)談時(shí)沐飘，你容易改變?cè)杏^點(diǎn)，常說(shuō)的一句就是“恩牲迫，你說(shuō)的有道理”耐朴。

時(shí)間是相對(duì)的

一個(gè)人的心理活動(dòng)越多，就越覺(jué)得時(shí)間流逝得多盹憎，在做任務(wù)時(shí)如果每一步都得停下來(lái)思考筛峭，就會(huì)覺(jué)得這個(gè)任務(wù)耗時(shí)很長(zhǎng)。

為了讓處理過(guò)程顯得短一些陪每，把任務(wù)拆分成幾步影晓，并讓用戶(hù)少動(dòng)腦子，因?yàn)檫M(jìn)行心理活動(dòng)會(huì)讓人感覺(jué)過(guò)了很長(zhǎng)時(shí)間檩禾。

keep-注冊(cè)挂签，信息填寫(xiě)

善用任務(wù)分解，讓多項(xiàng)任務(wù)變得簡(jiǎn)單（一股腦兒把所有任務(wù)擠在一起不是明智之舉）盼产。

人可以進(jìn)入心流狀態(tài)

心流狀態(tài)指在執(zhí)行某項(xiàng)任務(wù)或活動(dòng)時(shí)竹握，全身心地投入其中，完全處于忘我狀態(tài)辆飘。人是可以進(jìn)入心流狀態(tài)的啦辐，如果你的設(shè)計(jì)視圖引發(fā)用戶(hù)的心流狀態(tài)（游戲設(shè)計(jì)比較常見(jiàn)），那么：

1蜈项、讓用戶(hù)在操作過(guò)程中可以控制自己的行為

2芹关、把很艱難的操作分成幾步，既要讓人們?nèi)蝿?wù)當(dāng)前的目標(biāo)可以完成紧卒，又不能讓他們覺(jué)得太簡(jiǎn)單（如果你認(rèn)為自己無(wú)法實(shí)現(xiàn)目標(biāo)就不會(huì)進(jìn)入心流狀態(tài)侥衬，如果目標(biāo)不具有挑戰(zhàn)性，你也不會(huì)集中注意力跑芳，心流狀態(tài)也會(huì)消失）

3轴总、給用戶(hù)持續(xù)的反饋

4、盡量減少干擾

第5章：人如何集中注意力

人會(huì)主動(dòng)過(guò)濾信息

當(dāng)人長(zhǎng)期持有一個(gè)觀念且從不改變時(shí)博个，無(wú)論你找出多少證據(jù)證明這種觀念站不住腳怀樟。人們會(huì)主動(dòng)找尋和關(guān)注能支持他們觀念的信息和線(xiàn)索，而不會(huì)去找尋甚至?xí)o(wú)視那些與自己固有觀念相悖的信息盆佣。

主動(dòng)過(guò)濾通常很有用往堡，因?yàn)樗梢詼p少我們需要關(guān)注的信息量，但有時(shí)候這也會(huì)導(dǎo)致錯(cuò)誤的決策共耍。

1虑灰、別指望人們一定會(huì)關(guān)注你提供的信息

2、別做假設(shè)痹兜。對(duì)你來(lái)說(shuō)顯而易見(jiàn)的設(shè)計(jì)也許對(duì)使用者來(lái)說(shuō)并不那么明顯

3穆咐、如果你擔(dān)心人們會(huì)過(guò)濾某些信息，可以使用色彩字旭、大小对湃、動(dòng)畫(huà)、視頻和聲音來(lái)吸引他們的注意力谐算。（前面有提到）

4熟尉、如果某些信息需要人們特別關(guān)注，那么要讓它比你想象中的明顯10倍洲脂。

------分割線(xiàn)------

后面幾章略斤儿，《設(shè)計(jì)師要懂心理學(xué)》這本書(shū)有些東西還是講的挺有意思的，有興趣的朋友自己去看吧恐锦。

著手開(kāi)始寫(xiě)這篇文章的時(shí)候京東還是舊版本往果，這不剛發(fā)出新的5.0版本，有興趣的同學(xué)可以對(duì)照本文去看看哦~它都有做哪些改動(dòng)一铅。個(gè)人挺喜歡新版本哈陕贮，給個(gè)贊~