所有文章

靜態廣告的首三秒:研究視覺層次而不照抄

學會讀出靜態廣告希望視線先看甚麼、再看甚麼、最後看甚麼,然後把它寫成設計師可用的層次規格,無須描摹別人的版面。

編輯 Ad8 編輯部刊登日期
一幅靜態廣告線框圖,標示 1、2、3 三個焦點,並以點線連成閱讀路徑;旁邊的欄板用三行淺白文字記錄同一視覺層次,下方列出要觀察的設計線索。
方法一覽. 開啟完整尺寸資訊圖表

用拇指遮住任何一則靜態廣告的標題,看看剩下甚麼。現在遮住圖片再看一次。拿幾則廣告試試,你往往會發現圖片和文字各有不同作用:一個吸引第一眼,另一個完成說服。這種分工——也就是各個元素要做甚麼、按甚麼次序做——就是廣告的視覺層次。這是研究競爭對手靜態創意時最有用的項目之一,也是最容易不經意照抄的項目之一。

標題中的「三秒」是一種做法,不是統計數字。沒有人能保證某個人會看某則廣告多久。這個做法是要你以瀏覽動態消息的速度檢視廣告,在你有時間為版面找理由之前,先記下編排引導你看甚麼,而不是記下你早已知道廣告在說甚麼。

視覺層次是編排,不是注意力測量

視覺層次是版面引導視線的次序,由大小、對比、位置、獨立程度、色彩和留白共同構成。你可以從版面讀出它如何引導視線,但不能藉此得知實際注意力。公開廣告資料庫提供的是創意素材,不是眼球追蹤數據;因此,以下所有內容都是解讀:有用、已標示,而且可以提出不同意見。

這個標示在你稍後撰寫設計簡報時很重要。「標題是視線入口」是一種解讀。請把它放在「解讀」欄,旁邊另列已觀察到的事實:標題是最大的元素。

分三輪閱讀

按次序完成每一輪,並以你實際看到廣告時的大小檢視。把圖片縮成縮圖,或從螢幕前退後。每輪寫一行。

第一輪:視線入口

你最先注意到甚麼?用名詞短語描述:產品特寫、醒目數字、人臉、一大片色塊。然後問問它為甚麼勝出。是因為它最大、對比最高,還是只有它周圍留有空間?如果視線入口同時具備幾個這類線索,主導效果便很明確。如果它一項也不佔,可能有兩個元素正在爭奪第一眼。

第二輪:說明元素

視線被吸引後,甚麼元素告訴你這是甚麼,以及它為何重要?通常是標題、標籤,或圖片中的示範。看看它與視線入口的關係:兩者是否靠得夠近,讓人把它們讀成同一個意思?還是相距太遠,以致視線必須在兩者之間作選擇?

第三輪:安心依據與行動要求

剩下的是甚麼?例如評分、規格或認證等證據,以及優惠、按鈕和品牌標誌。記下各自的位置和醒目程度。價格標籤比產品更搶眼,是一種選擇;按鈕幾乎看不見,也是。兩者都不一定錯,但都值得記錄。

用文字描述,不要只說感覺

「簡潔、高級、現代」既不能比較,也不能用來撰寫設計簡報。以下這組簡短詞彙則可以:

  • **主導、輔助、次要:**元素的視覺份量排序。
  • **視線入口:**第一個吸引注意力的元素。
  • **停留點:**視線停下來的平靜區域,通常是留白。
  • **競爭焦點:**兩個份量相近、次序不明的元素。
  • **歸組:**透過鄰近、對齊或共用容器而連繫在一起的元素。
  • **訊息承載元素:**訊息放在文字、圖片,還是兩者都有。

完整的觀察可以濃縮成一行:「1 產品特寫(主導,偏左中央);2 標題(輔助,右上方,高對比);3 評分列和價格(次要,底部邊緣)。」如果你寫不出這一行,就表示還未完成觀察。把它與資料記錄一併保存:記錄 ID、觀察日期、以編號圓圈標示的截圖,以及一句話的觀察。數月後,筆記仍然清楚易懂,也可以對照創意素材重新核實解讀。

範例:三種版面,一個訊息(虛構)

想像三則為單杯電熱水壺製作的虛構廣告,三者都提出同一個主張:體積小巧,適合擺在擠滿物品的廚房枱面上。

版面 第一眼 第二眼 第三眼 版面似乎要回答的問題
A:標題優先 上方三分之一處的大標題 右下方較小的產品照片 評分列 這是用來做甚麼?
B:產品優先 產品鋪滿畫面,擺在雜物堆中的枱面上 附有尺寸的說明文字 小型價格標籤 放得進我的空間嗎?
C:證據優先 大字顯示的顧客引言 產品縮圖 優惠文字 其他人喜歡它嗎?

同一訊息,三種截然不同的第一印象。這正是閱讀視覺層次的真正發現:元素次序決定廣告先回答哪個問題。它也指出一個最直接的測試方式:A、B 兩種版面使用同一訊息、同一張照片和同一項優惠,只改變訊息的先後次序。哪一種效果較好,必須由你自行量度,參考廣告無法替你作答。

每種版面都在押注觀眾最需要先得到答案的是甚麼。標題優先適合觀眾可能不認識的產品;產品優先適合觀眾猶豫產品是否放得下;證據優先適合觀眾有信任顧慮的情況。沒有一種放諸四海皆準。你自己的證據,例如客戶支援問題、評價和銷售通話筆記,可以告訴你買家實際上最先問甚麼;應由這些證據,而不是參考廣告,決定你的視線入口。

閱讀視覺層次時的三個陷阱

**把醒目當成重要。**漸層、貼紙或紋理可以主導版面,卻不承載任何論點。把最醒目的元素稱為視線入口之前,先問清楚它的作用。

**讀模板,不讀選擇。**很多廣告會採用同一類版面。真正有用的資訊在於廣告主把甚麼放進各個位置,以及省略了甚麼。

**以桌面尺寸閱讀。**在大螢幕上以完整尺寸檢視時,所有內容都清晰可讀,每個元素看起來也都經過刻意安排。但動態消息中的廣告很小。如果視覺層次只有在海報尺寸下才成立,就把這點記下來。

版面無法告訴你的事

  • **廣告是否有效。**編排只能告訴你嘗試了甚麼。版面本身無法揭示成效;單憑廣告刊登時間長,也不能證明它有盈利。
  • **選用這種編排的原因。**視覺層次可能來自策略、範本、品牌規範,或製作限期。
  • **觀眾實際看到甚麼。**資料庫中的圖片可能與觀眾看到的裁切版本或刊登位置不同。如果記錄只有縮圖或缺少媒體素材,閱讀其視覺層次前要先說明這點;請參閱資料涵蓋範圍。
  • **品類慣例是否有效。**如果六個競爭對手都以產品特寫開場,你看到的是該品類的慣例,不是制勝公式。

從觀察到設計簡報,不照描

  1. 用以上詞彙把每個參考案例的視覺層次寫成一行。
  2. 說明每個案例似乎最先回答哪個問題。
  3. 根據你自己的客戶證據,而不是參考案例,決定你的廣告應先回答哪個問題。
  4. 用文字和簡單方框說明視覺層次:「產品約佔畫面一半;標題兩行;價格字體較小。」由加上標籤的長方形組成的線框圖不帶任何品牌元素,這正是重點。
  5. 列出必須保持可見的內容,確保裁切後仍能看見。
  6. 選定唯一一個變項。

可填寫的設計簡報視覺層次欄位:

視線入口:       ____(以大小/對比/獨立程度吸引第一眼)
說明元素:       ____
安心依據:       ____
行動要求:       ____
停留點:         ____
必須保持可見:   ____

一條規則可確保做法誠實:不要把參考案例放進設計檔案。設計師根據規格和你自己的素材工作。如需參考案例作背景資料,就把它留在研究資料夾,並標註「背景參考,非設計目標」。靜態廣告設計簡報範本設有視覺層次欄位和參考案例欄位,適合與這份規格一併使用。

十分鐘團隊練習

準備五至六張縮圖大小的圖片:部分是你自己的草稿,部分是隱去品牌標誌的參考案例。給每個人同一張三欄表:他們看到的視線入口、版面似乎要回答的問題,以及任何與視線入口競爭的元素。請大家先獨自填寫,再開始討論。然後比較答案。意見不一之處,代表版面存在歧義;在花費媒體預算前,值得先處理這些歧義。幾位同事並不構成一項研究;這個練習用來找出不清晰的版面,不是用來選出勝者。

在研究流程中的位置

靜態廣告值得這樣閱讀,因為整個論點都必須在單一畫面中傳達。Ad8 的靜態廣告情報頁面介紹這個概念,而創意報告頁面所述的靜態創意結構檢視,也會提出同一個問題:每則廣告如何安排觀眾看到的內容?無論你使用甚麼工具,都要把觀察(「標題是最大的元素」)、解讀(「廣告以說明開場」)和建議的測試分開。如果工具把某種版面標示為「簡約」或「產品主導」,也要把它視作解讀,並先對照圖片核實,再放進觀察欄;AI 輔助的視覺標籤可能出錯。

資料來源及延伸閱讀

把下一個觀察化為更好的問題。

了解如何透過附有來源連結的檢視,區分觀察所得、可能的含意,以及你可以用自己的創意測試的方向。

查看報告範例