如何在千里之外，「遙控」考官視覺神經上的那根弦？

你的作品集可能只有短短的幾分鐘供考官瞥上一眼，這幾分鐘里，花哨、華麗、酷炫，這些都不是最重要的。重要的是，讓考官第一時間、準確、清晰地看到你想要傳達的東西。這決定了你的作品值得被多看幾眼，還是當成普通貨色被丟在一邊。

今天康石石將在此集中介紹5個快速、高效提升作品集視覺效果的妙招，讓考官的眼睛按「我們預設」的套路看下去。

Page scanning patterns

即使是讀圖的時代，絕大多數的人也是遵循既定的閱讀習慣去觀看或閱讀的，考官也不例外，這種既定的閱讀方式可簡單概括為：

經典閱讀習慣-「從上至下」。絕大多數同學打算申請的目標國家中，除了日本有著從右往左的閱讀習慣之外，大部分也都遵循「從左至右」。

最新統計發現，按照「Z型」和「F型」去排版更符合考官的行為習慣，使考官更容易在這樣的版型之下找到視覺興趣點。

1. Z-排版：

適合圖片為主、區塊分明的大部分項目頁。

在不需要過多文字性闡述的時候，圖才是作品集的主角。這時候推薦交互設計中使用的網頁式閱讀原則，即「Z」型閱讀原則。

我們怎麼瀏覽的網頁？

你不會逐字逐句的去看，而是會下意識地一掃而過。有沒有吸引你的標題？有沒有吸引你的圖片、視頻封面頁？nn你不會從頭到尾都讀完，才發現自己想看哪。而是大面積跳躍式瀏覽，快速判斷哪裡最吸引眼球，再多看兩眼。

你是如此，考官也是一樣。無論怎樣，都不要奢望考官會花太多時間一點點細緻地把你作品集中的所有內容都讀完。

實際情況很可能是，考官會先迅速地瀏覽一下你所有的作品集頁，如果有比較順眼、好玩、吸引到他的圖，他才會停下來，先看你的圖能不能說明白事兒；如果圖驚艷、有趣、見功底，他會再讀一下旁邊的文字。

所以，下意識、大面積、跳躍式瀏覽，「對角線+適當留白」的排版，效率最高，最為合理，即Z型排版。

2. F-排版

適合出現在項目介紹頁、說明頁。

在介紹整體project設計了什麼，或者是需要闡釋自己的設計靈感來源、解釋設計邏輯，介紹實驗過程等文字量稍多的展示情況。因為F型閱讀幾乎完全遵守了上至下、左至右的書籍排版原則。

兩端對齊會營造出比較好的視覺效果。

Go big

在信息爆炸的時代，你和無數和你一樣的競爭者一樣，都在爭奪考官的注意力，讓自己的作品在考官心裡留存的時間長一點、印象深一點。

視覺上，人們會首先被「大尺寸」吸引。在視覺優先性上，「大尺寸」會打破人們常規的閱讀習慣，即「F」、「Z」型閱讀原則。只有在同樣大的情況之下，人們才會優先回歸常規閱讀思維，從左側開始看。

為什麼大家喜歡看大的？

因為大了更刺激。

大家都是視覺動物，什麼能吸引眼球，什麼能刺激眼球，就先看什麼。「大尺寸」滿足對視覺的優先刺激，自然也更容易被關注到。不論是文字、還是圖。

為什麼不喜歡看字小又密密麻麻的文章？

因為看著就糟心。

在明確了視覺吸引的法則後，你的視覺接受系統已經被慣壞了，你的生理反應都會告訴你，你喜歡看哪種。那些懂得適當放大重點，視覺舒服的版式，都成功上位了。那些不懂得利用視覺刺激原則的文章，都沉屍大海了。

你的經驗都是活生生的例子，想讓排版更刺激，更吸引眼球，可能只需適當放大一點。

Space and texture

營造視覺刺激，還有一個方式去highlight觀眾的注意力，在你想要強調之處的周圍預留足夠的空間，並加上高對比度的背景。如下圖例子：

上圖中，本來應先看到「SPORTS」的，但「BADMINTON」一詞周圍留白的處理讓其整體看上去更突出。相比之下，SPORTS一詞三邊都被占死，視覺優先順序上反而不利。

上圖中，「BADMINTON」被罩上了黑背景，視覺衝擊力秒被增強。在「留白處理」的基礎上，黑色背景與周圍白色形成高對比反差，同樣，文字又與黑色背景進一步形成強烈視覺反差。

留白+高對比度，反差萌是吸引眼球的。

所以，有些情況下，並不適合用增大字型大小和尺寸的方式去博眼球。那麼不妨試一試在字型大小維持原有比較精緻的狀態之下，採取「留白+高對比」處理，一樣可以起到引人注目的效果。

也有反例，如下圖：

Color and tint

說到吸引眼球的方式，F型、Z型、放大、留白+高對比度背景，這些方式很奏效，但也很簡單，誰都能學會。

如果誰都能學會，就意味著不稀奇，不夠特別。

不夠特別的方式已經吸引不到考官了，只有 更特別 的方式才能；更特別的方式已經滿足不了考官了，只有 更更更更特別 的方式才能。

下圖中哪個按鍵最醒目？

毫無疑問，這裡：

如上圖右側中展示，畫面中整體色彩比較平衡與協調，黑、白、灰為主，少量紅色。儘管留白已經不錯，但色彩上沒有營造出足夠的跳躍感；相比之下，左側圖恰到好處的紅色區塊，足夠醒目。

這也就解釋了：

為什麼你到超市或者賣場去，滿眼的大紅色底、白色加粗加大的"Sales"，"50% off"？因為這樣主題信息更醒目。nn為什麼危險品的標註都是黃色上面畫個黑色的大骷髏，怎麼不用現在流行的「高級灰」呢？因為這樣才夠扎眼。

所以，在畫面整體色調統一的情況下，使用更為跳躍的色彩進行小面積的視覺效果突出。

Direction

我們需要再上升一個台階，因為越往後，越是只有那些最刺激的信息才能留在考官腦海里。

當刺激的閾值不斷提高，考官的腦子變得越來越難以滿足，口味越來越刁鑽之後，排版就變成了融合字體、大小、順序、留白、色彩等因素的複雜整體。拼的是更加老道的手法。

看誰能於細微之處帶來感官差異，做更勇敢的嘗試。

很多版式令人印象深刻，原因之一是勇於打破常規。化被動為主動，設計去引導他人目光按照自己想要的方式瀏覽。

當版式讓人感覺無聊時，試試用曲線和箭頭等方式去打破既有的排版常規。

這篇文章一共想說2件事：

1. 搞定 step1-5，考官的目光基本上已經被你精心的設計鎖定，轉而想要去看你的作品集中更多的內容和細節了。

2. 但生搬硬套 step1-5並不意味著萬事大吉，它可能會讓你的版式處在中上水平，但根據內容精益求精，不斷打磨並提高版式的視覺刺激度，才是保障。

以上內容來自康石石的真實心得，我的很多設計水平相當的學生，在經過作品版式調整之後，在視覺效果上都收到了明顯進步；尤其，作品集中有海報設計項目的同學，本文值得重點參考。

———————————————————分割線———————————————————

康石石現已推出個人微信公眾號——康石石（kang-shishi）

除每周二、周五發布專欄文章外，康石石公眾號將每日推送1-3篇文章，針對同學們提出的問題進行詳盡解答，敬請關注

訂閱方式：微信搜索 康石石 即可

推薦閱讀：