從科學(xué)的角度來(lái)分析如何吸引受眾的視線(4)

今天@北京華創(chuàng)精益 另辟蹊徑，從科學(xué)的角度來(lái)分析如何吸引受眾的視線，有哪些技巧可以運(yùn)用，附上科學(xué)神器，很有意思，來(lái)漲姿勢(shì) 

4條有關(guān)視覺(jué)科學(xué)的經(jīng)驗(yàn)

我們喜歡將各種話題歸結(jié)為一些根本原因，來(lái)說(shuō)明為什么有些事有效（或者無(wú)效），這些深入的挖掘經(jīng)常將我們帶入心理學(xué)和科學(xué)范疇。我發(fā)現(xiàn)對(duì)于視覺(jué)內(nèi)容也是如此。在許多心理學(xué)和科學(xué)中，都解釋了視覺(jué)內(nèi)容為何如此強(qiáng)大、如何創(chuàng)建漂亮的圖片，總結(jié)了四點(diǎn)：

1. 為了本能反應(yīng)而設(shè)計(jì)視覺(jué)內(nèi)容

你是否曾經(jīng)愛(ài)上過(guò)一款設(shè)計(jì)，但是卻解釋不清為何喜歡？

這些本能的反應(yīng)是我們能夠與視覺(jué)內(nèi)容所產(chǎn)生的最強(qiáng)連接。在我們的大腦中，有一個(gè)負(fù)責(zé)生存本能和戰(zhàn)術(shù)評(píng)估（應(yīng)戰(zhàn)或者逃跑）的區(qū)域，當(dāng)我們感知一種本能反應(yīng)時(shí)，這個(gè)區(qū)域就會(huì)給我們發(fā)出響應(yīng)。這種響應(yīng)是一種潛意識(shí)，當(dāng)我們受到諸如食物、居所、或者生殖等刺激時(shí)，中樞神經(jīng)系統(tǒng)就會(huì)作出應(yīng)激反應(yīng)。如果我們不能解釋為什么我們會(huì)愛(ài)上一款漂亮的設(shè)計(jì)，是因?yàn)槲覀兊囊庾R(shí)還沒(méi)有追趕上我們的潛意識(shí)。

讓本能反應(yīng)與視覺(jué)內(nèi)容有效結(jié)合，訣竅是要明白你的圖片或視頻要喚起什么感受。如果你能夠引發(fā)生存類的響應(yīng)（例如，通過(guò)展示一個(gè)家或者一塊場(chǎng)地，來(lái)暗示安全），你就能夠發(fā)掘出本能反應(yīng)。

下面這張照片，就得到了本能反應(yīng)，也許是因?yàn)殍�匙和平靜的顏色帶來(lái)了安全感。

2. 三分法

三分法是一種構(gòu)圖法，能使得圖片上的元素構(gòu)成令人愉悅，同時(shí)能夠與我們的眼睛掃描圖片的方式保持一致。攝影師也知道三分法；這是攝影的基礎(chǔ)知識(shí)。

三分法的用法，是將圖片橫向縱向等分成3×3的格子。簡(jiǎn)單的說(shuō)，就是在圖片上畫一個(gè)井字棋棋盤。

井字棋棋盤產(chǎn)生了線與線的交叉，根據(jù)三分法，這些交叉點(diǎn)是眼睛最�？吹牡胤�。這里，設(shè)計(jì)經(jīng)驗(yàn)是將關(guān)鍵元素放在交叉點(diǎn)上。不要將一個(gè)元素放在正中間。

3. 黃金比例

黃金比例是指短的線段與長(zhǎng)的線段長(zhǎng)度之比等于長(zhǎng)的線段與兩個(gè)線段長(zhǎng)度之和。暈吧？看一看Vanseo Design的這篇一幅圖解釋會(huì)容易一些，如下：

這個(gè)比例可以是一副圖片的寬高、或者是一個(gè)博客頁(yè)面的主內(nèi)容和邊欄的寬度。（甚至有些便捷的工具來(lái)計(jì)算網(wǎng)頁(yè)版式的黃金比例）

對(duì)于圖片而言，這個(gè)比率創(chuàng)造了黃金矩形，當(dāng)你把它分解成越來(lái)越小的黃金矩形時(shí)，就形成一條螺線，這條螺線經(jīng)常在自然界、建筑和藝術(shù)作品中出現(xiàn)。

要想得到你要?jiǎng)?chuàng)建的圖片的黃金比例，你可以對(duì)長(zhǎng)和寬進(jìn)行一些代數(shù)計(jì)算。例如，如果你知道圖片的長(zhǎng)度是400像素，你就可以用400乘以1.618，得到寬度是647像素。

要想檢驗(yàn)?zāi)愕膱D片是否“黃金”，你可以用寬除以高。根據(jù)你除的方式不同，黃金比值可能是1.618或者0.618。

4. 斐波那契數(shù)列

斐波那契數(shù)列是一系列的數(shù)，符合后項(xiàng)等于前兩項(xiàng)之和。下面是這個(gè)數(shù)列的開(kāi)頭部分：

0，1，1，2，3，5，8，13，21，34，55，89，144 …

這些數(shù)字一般出現(xiàn)在經(jīng)典創(chuàng)作中和自然界中。這些數(shù)與黃金比例如出一轍。用斐波那契數(shù)列中的任何一項(xiàng)除以前項(xiàng)，所得到的結(jié)果近似等于黃金比數(shù)1.618——黃金比例的基礎(chǔ)。

下面的網(wǎng)格展示了黃金矩形同斐波那契數(shù)列數(shù)值之間的結(jié)合。

9種主要的視覺(jué)內(nèi)容類型

說(shuō)到視覺(jué)內(nèi)容，我們具體是指什么？我有時(shí)也說(shuō)不清楚�？傊�，每個(gè)視覺(jué)內(nèi)容策略都會(huì)有一個(gè)對(duì)應(yīng)的最終產(chǎn)品。這里列出了一些營(yíng)銷人員創(chuàng)建視覺(jué)內(nèi)容最常用的方式。

捕捉眼球并且有創(chuàng)意的照片——ThinkStock照片或者Instagram圖片

視頻——嵌入到文章中或者直接通過(guò)社交媒體分享的YouTube、Vimeo或者Wistia視頻。

截屏——對(duì)產(chǎn)品或使用流程有用的圖片。

信息圖表——可視化信息，即可內(nèi)容冗長(zhǎng)信息豐富，也可小巧玲瓏信息精練。

數(shù)據(jù)可視化——獨(dú)立的圖表和圖形。
漫畫——相應(yīng)的連環(huán)畫或卡通形象
大頭貼模板——流行的大頭貼模板可以進(jìn)行定制化以適應(yīng)你的帖子或更新的上下文
視覺(jué)筆記——隨意設(shè)計(jì)的想法布局，通常文字為主
額外圖像——對(duì)內(nèi)容進(jìn)行補(bǔ)充說(shuō)明的圖片，例如，上一節(jié)中隊(duì)黃金比例和斐波那契數(shù)列的圖片。

幾個(gè)技巧讓你的圖片受歡迎

在為Buffer博客制作視覺(jué)內(nèi)容的過(guò)程中，我依靠了大量的小技巧。當(dāng)要進(jìn)行設(shè)計(jì)的時(shí)候，掌握一些技巧是非常有用的。我在這里分享一些我喜歡的技巧。

用格子進(jìn)行設(shè)計(jì)

三分法強(qiáng)調(diào)了格子在進(jìn)行照片構(gòu)圖時(shí)的重要性。格子在創(chuàng)建圖片時(shí)，也可以發(fā)揮巨大作用，進(jìn)而使得照片看上去很棒。從這個(gè)意義上說(shuō)，你可以試試將許多圖片放在格子中，從而創(chuàng)建一張拼貼畫，或者將一幅照片加一個(gè)邊框。格子技術(shù)讓你的圖片有序且專業(yè)。

提示：在有圖片的格子上添加文本更加簡(jiǎn)單。將文本置于實(shí)線邊框上層時(shí)，會(huì)變得非常突出。

選擇一款合適的濾鏡，并使風(fēng)格保持一致

為什么要把濾鏡當(dāng)作隨手使用的工具？當(dāng)你從各種來(lái)源獲取圖片用在你的博客上的時(shí)候，為圖片使用相同的濾鏡，會(huì)使這些照片看上去會(huì)更加連貫。使用相同的的濾鏡甚至能讓你的文章在社交網(wǎng)絡(luò)中的辨識(shí)度更高，當(dāng)時(shí)光軸充滿了視覺(jué)元素的時(shí)候，這點(diǎn)尤其重要。

看一下下面的兩張圖，一張是使用濾鏡之前的，另一張是使用濾鏡之后的：

之前：

之后：

設(shè)置一個(gè)調(diào)色板，并確定你的品牌使用的字體

如果你的商標(biāo)沒(méi)有調(diào)色板或者兩三種首選的字體，那現(xiàn)在應(yīng)該去做這件事了。考慮一下你選擇的色彩和字體如何塑造你的品牌。需要始終注意色彩的心理暗示作用：色彩會(huì)使我們產(chǎn)生不同的感覺(jué)。這幅源自PowerText的圖片展示了不同的色彩（和不同的logo）會(huì)帶給我們?cè)鯓拥母杏X(jué)。

提示：當(dāng)你使用色彩進(jìn)行設(shè)計(jì)時(shí)，請(qǐng)牢記語(yǔ)義共鳴原則。也就是說(shuō)，如果可能，使用的顏色應(yīng)當(dāng)與你要表達(dá)的主題相匹配。在信息圖表中，這意味著需要用一個(gè)紅色的條來(lái)顯示Google+的數(shù)據(jù)，用淺藍(lán)色的來(lái)顯示Twitter的數(shù)據(jù)。

使用醒目的商業(yè)圖片

在為博客尋找圖片的過(guò)程中，我們收集了大量的免費(fèi)商業(yè)圖片網(wǎng)站。很難確定怎樣才能做出好照片。當(dāng)我們?cè)贐uffer上搜索時(shí)，我們傾向于運(yùn)用抽象思維：如果我們正在寫一篇有關(guān)Facebook粉絲的文章，我們可能會(huì)嘗試搜索“lines”或“queues”，而不是搜索Facebook的圖標(biāo)。當(dāng)選擇正確的圖片時(shí)，你會(huì)牢牢記住從心理學(xué)和視覺(jué)科學(xué)學(xué)到的哪些經(jīng)驗(yàn)：為了直覺(jué)反應(yīng)而搜索，使用明艷的色彩，運(yùn)用三分法和黃金比例。

提示：社交媒體代理商Laundry Service發(fā)現(xiàn)，Instagram的照片能制作出比商業(yè)圖片更有效果的廣告圖片。也許下次市場(chǎng)活動(dòng)你值得一試。

創(chuàng)建有用、幽默的信息圖表

來(lái)自The Best American Infographics的Gareth Cook在哈佛商業(yè)評(píng)論博客發(fā)表的文章中，提到了使信息圖表取得成功最關(guān)鍵的一些領(lǐng)域。Cook認(rèn)為，關(guān)鍵是將大量的信息提煉成易讀、直觀的布局形式。