我們的大腦是如何被這些圖片信息俘獲的?

我們都知道圖片比文字更具吸引性,當視覺內容在社交網絡上的興起的同時,人們也越來越側重于用圖說話。如何讓你的圖片看起來更引人注目呢?

4條有關視覺科學的經驗

我們喜歡將各種話題歸結為一些根本原因,來說明為什么有些事有效(或者無效),這些深入的挖掘經常將我們帶入心理學和科學范疇。我發現對于視覺內容也是如此。在許多心理學和科學中,都解釋了視覺內容為何如此強大、如何創建漂亮的圖片,總結了四點:

1.為了本能反應而設計視覺內容

你是否曾經愛上過一款設計,但是卻解釋不清為何喜歡?

這些本能的反應是我們能夠與視覺內容所產生的最強連接。在我們的大腦中,有一個負責生存本能和戰術評估(應戰或者逃跑)的區域,當我們感知一種本能反應時,這個區域就會給我們發出響應。這種響應是一種潛意識,當我們受到諸如食物、居所、或者生殖等刺激時,中樞神經系統就會作出應激反應。如果我們不能解釋為什么我們會愛上一款漂亮的設計,是因為我們的意識還沒有追趕上我們的潛意識。

讓本能反應與視覺內容有效結合,訣竅是要明白你的圖片或視頻要喚起什么感受。如果你能夠引發生存類的響應(例如,通過展示一個家或者一塊場地,來暗示安全),你就能夠發掘出本能反應。

下面這張照片,就得到了本能反應,也許是因為鑰匙和平靜的顏色帶來了安全感。

2.三分法

三分法是一種構圖法,能使得圖片上的元素構成令人愉悅,同時能夠與我們的眼睛掃描圖片的方式保持一致。攝影師也知道三分法;這是攝影的基礎知識。

三分法的用法,是將圖片橫向縱向等分成3x3的格子。簡單的說,就是在圖片上畫一個井字棋棋盤。

井字棋棋盤產生了線與線的交叉,根據三分法,這些交叉點是眼睛最常看的地方。這里,設計經驗是將關鍵元素放在交叉點上。不要將一個元素放在正中間。

3.黃金比例

黃金比例是指短的線段與長的線段長度之比等于長的線段與兩個線段長度之和。暈吧?看一看Vanseo Design的這篇一幅圖解釋會容易一些,如下:

這個比例可以是一副圖片的寬高、或者是一個博客頁面的主內容和邊欄的寬度。(甚至有些便捷的工具來計算網頁版式的黃金比例)

對于圖片而言,這個比率創造了黃金矩形,當你把它分解成越來越小的黃金矩形時,就形成一條螺線,這條螺線經常在自然界、建筑和藝術作品中出現。

要想得到你要創建的圖片的黃金比例,你可以對長和寬進行一些代數計算。例如,如果你知道圖片的長度是400像素,你就可以用400乘以1.618,得到寬度是647像素。

要想檢驗你的圖片是否“黃金”,你可以用寬除以高。根據你除的方式不同,黃金比值可能是1.618或者0.618。

4.斐波那契數列

斐波那契數列是一系列的數,符合后項等于前兩項之和。下面是這個數列的開頭部分:

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

這些數字一般出現在經典創作中和自然界中。這些數與黃金比例如出一轍。用斐波那契數列中的任何一項除以前項,所得到的結果近似等于黃金比數1.618——黃金比例的基礎。

下面的網格展示了黃金矩形同斐波那契數列數值之間的結合。

9種主要的視覺內容類型

說到視覺內容,我們具體是指什么?我有時也說不清楚。總之,每個視覺內容策略都會有一個對應的最終產品。這里列出了一些營銷人員創建視覺內容最常用的方式。

捕捉眼球并且有創意的照片 — ThinkStock照片或者Instagram圖片

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

截屏 — 對產品或使用流程有用的圖片

信息圖表— 可視化信息,即可內容冗長信息豐富,也可小巧玲瓏信息精練

數據可視化— 獨立的圖表和圖形

漫畫 — 相應的連環畫或卡通形象

大頭貼模板— 流行的大頭貼模板可以進行定制化以適應你的帖子或更新的上下文

視覺筆記— 隨意設計的想法布局,通常文字為主

額外圖像— 對內容進行補充說明的圖片,例如,上一節中隊黃金比例和斐波那契數列的圖片。

使得視覺內容受人熱愛的技巧提示

在為Buffer博客制作視覺內容的過程中,我依靠了大量的小技巧。當要進行設計的時候,掌握一些技巧是非常有用的。我在這里分享一些我喜歡的技巧。

用格子進行設計

三分法強調了格子在進行照片構圖時的重要性。格子在創建圖片時,也可以發揮巨大作用,進而使得照片看上去很棒。從這個意義上說,你可以試試將許多圖片放在格子中,從而創建一張拼貼畫,或者將一幅照片加一個邊框。格子技術讓你的圖片有序且專業。

額外提示:在有圖片的格子上添加文本更加簡單。將文本置于實線邊框上層時,會變得非常突出。

選擇一款合適的濾鏡,并使風格保持一致

為什么要把濾鏡當作隨手使用的工具?當你從各種來源獲取圖片用在你的博客上的時候,為圖片使用相同的濾鏡,會使這些照片看上去會更加連貫。使用相同的的濾鏡甚至能讓你的文章在社交網絡中的辨識度更高,當時光軸充滿了視覺元素的時候,這點尤其重要。

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

之前:

之后:

設置一個調色板并確定你的品牌使用的字體

如果你的商標沒有調色板或者兩三種首選的字體,那現在應該去做這件事了。考慮一下你選擇的色彩和字體如何塑造你的品牌。需要始終注意色彩的心理暗示作用:色彩會使我們產生不同的感覺。這幅源自PowerText的圖片展示了不同的色彩(和不同的logo)會帶給我們怎樣的感覺。

額外提示:當你使用色彩進行設計時,請牢記語義共鳴原則。也就是說,如果可能,使用的顏色應當與你要表達的主題相匹配。在信息圖表中,這意味著需要用一個紅色的條來顯示Google+的數據,用淺藍色的來顯示Twitter的數據。

使用醒目的商業圖片

在為博客尋找圖片的過程中,我們收集了大量的免費商業圖片網站。很難確定怎樣才能做出好照片。當我們在Buffer上搜索時,我們傾向于運用抽象思維:如果我們正在寫一篇有關Facebook粉絲的文章,我們可能會嘗試搜索“lines”或“queues”,而不是搜索Facebook的圖標。當選擇正確的圖片時,你會牢牢記住從心理學和視覺科學學到的哪些經驗:為了直覺反應而搜索,使用明艷的色彩,運用三分法和黃金比例。

額外提示:社交媒體代理商Laundry Service發現,Instagram的照片能制作出比商業圖片更有效果的廣告圖片。也許下次市場活動你值得一試。

創建有用、幽默的信息圖表

來自The Best American Infographics的Gareth Cook在哈佛商業評論博客發表的文章中,提到了使信息圖表取得成功最關鍵的一些領域。Cook認為,關鍵是將大量的信息提煉成易讀、直觀的布局形式。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 原作者:Ross Johnson 翻譯者:Puddinnng 本教程為翻譯教程,原文地址為:http://3.7d...
    Puddinnng閱讀 6,646評論 2 23
  • 生活在這片土地 相遇著曾經 以及未來 總有“說不出的隨想” 也許 “歷史是一面鏡子” “紅與黑”“直道而行” 我們...
    Summy123閱讀 250評論 0 0
  • “媽,你去試試我給你買的那兩條褲子。”小姑剛生完孩子,臃腫的身材,短短的頭發,看起來有點不修邊幅,抱著六個月大的表...
    紅色石頭兒閱讀 303評論 0 2
  • 難怪蒼天翻臉, 霧霾頻頻來犯, 只因人間太兇殘。 工廠污水常流, 煙囪滾滾黑煙; 工地塵土飛揚, 汽車尾頭不斷。 ...
    泰山寒梅閱讀 285評論 3 8
  • 開培訓會,老徐讓每個年級的老師上去分享近期工作的感想和收獲。 有小期盼,還有恐懼。
    野有蔓兮閱讀 125評論 0 0