多數人以為,版面要抓住眼球,靠的是把每件事都做得更顯眼,字更大、色更搶、標籤更多。做久了卻常出現另一個結果,版面明明比以前熱鬧,讀者卻什麼都記不住,甚至懶得往下滑。
問題不是「這個東西不該被強調」,是強調的份量本來就有限,不是可以無限疊加的資源。
這篇不打算再教一套「怎麼把重點做得更醒目」的技巧,而是回頭看一件更根本的事。當版面上同時有 5 件事都在搶著被看見,讀者的眼睛實際上怎麼判斷,版面又是怎麼一步步走到「什麼都想強調」的,才是關鍵。
同時強調五件事,讀者一件都記不住
打開不少官網首頁,同一個畫面常常同時塞著 5 句標語輪播、每個按鈕都套上同一種品牌主色、每個區塊都貼著「NEW」或「熱門」的標籤,連標題也一律放到最大、全部加粗。每一項單獨看都有道理,這句標語想讓人記住、這個按鈕想要人點、這個區塊也不想被漏掉。問題出在它們同時出現,當每一個元素都在搶注意力,讀者反而找不到該先看哪裡,乾脆什麼都不看。
設計上把「引導視線依重要性排序看畫面」這件事稱為視覺層級。Nielsen Norman Group 對這個詞的定義,講的正是這個順序,讓眼睛照著元素的重要程度,一項一項看過去。多數人把「加強調」想成一種可以無限疊加的動作,覺得不夠醒目就再放大一點、再上色一次,反正多做總不會錯。但一個版面能分給讀者的注意力份量本來就有限,強調不是疊加的動作,而是一份要分配的預算。同一份預算,這裡多分一點,別的地方就少一點,這是零和分配,不是「做得越多越好」的加法。
換句話說,這不是「這句標語該不該被強調」的問題,而是「版面上的強調份額,這次要分給誰」。某官網首頁的輪播把 5 句標語都打上同樣粗的字體,結果沒有一句比另一句更重要,等於誰也沒被特別記住;某品牌週年慶頁面把每個促銷區塊都套上同一種搶眼配色,讀者反而分不出哪一檔活動才是這次真正想推的。強調做得越多、越平均,層級消失得越快。

版面失去層級源自組織裡的多方拉扯
版面走到「什麼都想強調」這一步,通常不是設計師不懂層級的道理,而是決策過程本身早就把層級拆散了。至少有 3 股力量在背後拉扯,各自看起來都合理,加在一起卻讓版面沒有機會被淨空。
每個部門都想要自己的訊息被看見
首頁或主視覺常常是公司內部唯一能對外露出的公共版位,對很多單位來說,這是難得能被所有人看到的機會。行銷想放活動、產品想放新功能、客服想放常見問題入口,每個單位都握有一個「這條訊息很重要」的理由,而且理由通常都成立。Jakob Nielsen 在 Nielsen Norman Group 一篇談首頁易用性的文章裡直接點出這個現象,不少公司的內部政治,對首頁設計的影響其實比使用者的需求更大,常常是多個部門在爭搶首頁版位,遊說能力最強的部門勝出。
結果就是誰都不願意被拿掉,因為拿掉等於承認自己這條訊息不重要。Nielsen 的建議是反過來想,該放什麼內容,判斷標準要回到讀者實際想完成的任務,而不是誰的聲音比較大。這也是版面失去層級最常見、也最難自己察覺的起點,因為每一個被加進來的元素單獨看都說得通,只有攤開整個版面才看得出來,這些元素其實彼此互相衝突。
怕漏掉比怕看不清楚更讓人焦慮
面對「要不要把這條訊息拿掉」的選擇,多數決策者怕的不是版面太滿看不清楚,而是怕漏掉一個「萬一有人需要」的訊息,事後被問「為什麼沒放」。會議上很少有人敢說這個不用放,因為說出這句話的人,將來要為漏掉的那一絲可能性負責;但沒有人需要為版面太滿負責,那看起來只是一個模糊的美感問題。
這種不對稱的焦慮,讓「加上去」永遠比「拿下來」容易決定。前面提到的多方拉扯,再疊上這種心理,結果就是版面只會越疊越滿,很少被真正淨空,每個部門都在用「怕漏掉」當理由,單一部門這麼想是合理的自保,加總起來就是整個版面失去呼吸空間。
把字放大、上色、加粗,等於把層級拉平
很多人以為「強調」就是把字級加大、換成品牌色、加上粗體,當版面上每一個元素都被這樣處理過一輪,這些手法本來造成的差異就互相抵銷了,結果是所有東西看起來一樣重,等於沒有一個特別重要。
Nielsen Norman Group 對比原則的定義,講的正是「不同」這件事,把視覺上不一樣的元素並列在一起,用來傳達這些元素本身確實不同,可能屬於不同類別、有不同功能。對比要起作用,前提是版面上真的存在「一樣」和「不一樣」的落差,如果全部元素都套上同一種強化處理,彼此之間就不再有可辨識的差異,對比效果自然消失。同一份研究也提醒,刻意降低次要文字的對比雖然常被拿來做層級,但用力過猛一樣會傷害可讀性,需要靠色彩對比檢測工具拿捏分寸。
換句話說,加強調的動作和做出層級,是兩件不一樣的事。層級來自元素之間的相對關係,不是某個元素被處理過幾次,把畫面上每樣東西都加粗一次,不會讓任何一樣東西變得比較重要,只會讓整個版面看起來一樣吵。
讀者的眼睛只給版面五十毫秒的機會
前面談的是版面為什麼會走到「什麼都想強調」,是組織裡的拉扯,不是技術問題。換個角度看讀者那一側,就算版面因為多方妥協塞滿了強調,讀者的眼睛也沒有餘裕把每一個訊號都看過一遍再比較,他們判斷一個版面的方式,發生得比多數人想像的快、也表層得多。
Gitte Lindgaard 與研究夥伴 Fernandes、Dudek、Brown 在 2006 年發表於《Behaviour & Information Technology》的研究,讓受試者只看網頁 50 毫秒與 500 毫秒兩種曝光時間,再評分版面的視覺吸引力。結果兩種曝光時間下的評分高度相關,這代表使用者對一個版面好不好的第一印象,在 50 毫秒內就已經形成,遠早於任何逐一閱讀或比較內容的可能。50 毫秒不夠讀完一句標語,更不可能把版面上 5 個強調元素一一比較過再做出判斷,讀者在這麼短的時間裡形成的,只是一個整體、模糊的觀感,分辨版面看起來清楚還是混亂,而不是這幾個重點裡哪一個比較重要。
這正是「強調太多等於沒強調」真正棘手的地方,問題不是讀者不願意花時間解讀,而是讀者的注意力機制原本就沒有給他那段時間。過度堆疊的強調不會被讀者一一解讀比較,而是被整體判定為混亂或雜訊後直接略過。
F 型掃描讓多數內容根本沒被看到
讀者也不是逐字讀完版面再決定要看哪裡,而是先用固定的路徑快速掠過。Jakob Nielsen 在 2006 年的眼動追蹤研究裡,記錄 232 位使用者觀看數千個網頁的眼動軌跡,發現主要的閱讀行為呈現 F 形,先橫向掃過內容區上方,再往下移動做第二次較短的橫向掃描,最後沿內容左側垂直掃視。不是每次都精準呈現三段,但整體型態穩定重現。
Nielsen Norman Group 後續在 2008 年的分析發現,使用者平均只會讀到頁面上 20% 到 28% 的文字內容。落在這條掃描路徑之外的強調元素,等於從沒被讀者看到過,版面下半部塞再多重點、字體放得再大,只要位置不在這條路徑上,多數讀者根本就沒有機會看見,硬要在那裡也放重點,只是徒勞。

越像廣告的元素,越容易被忽略
更麻煩的是,讀者已經學會自動過濾看起來像在搶注意力的元素。這種現象叫廣告視盲,是選擇性注意力的展現,也就是使用者只會把注意力放在跟自己目標相關的一小部分刺激上,任何具有廣告特徵的元素,例如版位在頁面頂部或右側欄、帶有動畫等花俏視覺處理、緊鄰明顯的廣告位置,都容易被整塊略過。Nielsen Norman Group 在 2018 年重新驗證這個現象時做過眼動追蹤。
這份研究攤開的眼動數據很極端。內容區的 132 次注視裡,只有 1 次落在佔版面 25% 的右側欄,比例只有 0.8%。Nielsen Norman Group 另一場易用性測試也記錄過一個案例,受試者的任務是找出某品牌洗衣機有沒有優惠,答案其實就擺在首頁最大的元素上,字體最大、緊鄰洗衣機照片,只是那個元素做成了輪播。受試者盯著頁面找了很久,始終沒看到它,最後放棄。原因正是這個元素被處理得太像廣告,大腦直接把它歸類成雜訊跳過,即使裡面其實藏著讀者要的答案。
這說明強調用力過猛的效果,可能等同貼上一張「這是廣告」的標籤,讓讀者主動迴避,而不是被吸引。做得越顯眼、越像在搶注意力,反而越容易被判定為不相關。
層級的第一步是決定捨棄,不是決定加強
版面為什麼會失控、讀者的眼睛又為什麼撐不住太多強調,前面兩節都談過了。剩下的問題是,該怎麼做才對。答案不是再列一套「怎麼把重點做得更醒目」的技巧清單。真正反直覺的做法順位,是先決定這次哪些訊息不放、哪一個才是唯一的焦點,層級才有辦法立起來。加強調從來不是第一步,決定捨棄才是。
只有跟周遭不同的元素,才會被記住
德國心理學家 Hedwig von Restorff 在 1933 年做過一項經典實驗,讓受試者記憶一系列同質性很高的項目,其中混入一個明顯不同的項目,結果那個不同的項目被記得清楚很多,其餘同質項目反而被記得較差。這個現象後來被稱為孤立效應,直接的推論是,只有跟周遭形成差異的元素,不管是大小、顏色、間距還是形狀,才會被特別記住。
這正好回頭印證了前面的立場。如果版面上每個元素都用同一種強化方式處理過,就沒有東西是「不一樣」的,記憶效果也隨之消失。所以做出層級的起點,不是找一個新的強化手法,而是先決定只留一個真正該獨特的焦點,其餘的即使重要,也要暫時退讓。
尺度分三層,比顏色更容易做出落差
與其在顏色和加粗次數上一路疊加,不如先鎖定尺度這個更簡單的維度。Nielsen Norman Group 對視覺設計原則的具體建議是,一份好看的設計通常不超過 3 種不同尺寸,把要凸顯的內容放進最大的那一層,次要內容放進中間層,其餘依序退讓,單靠大、中、小三層,就能建立清楚的優先順序。
尺度是這幾種層級工具裡最不容易被誤用的一種。顏色多用一種就可能撞進品牌色系裡讓人分不清,加粗次數一多就會像前面提到的,把差異全部抵銷;但尺度只有大、中、小三層可以選,不容易一路加碼到失控,也比顏色更不容易被讀者誤判成廣告。

工作記憶同時裝不下太多重點
就算版面上的重點都做出了漂亮的層級,讀者能同時記住的數量本來就有上限。認知心理學家 George A. Miller 在 1956 年發表的經典論文提出,人類工作記憶一次大約能穩定處理 7 加減 2 個獨立訊息單位。後續認知科學家 Nelson Cowan 在 2001 年重新檢視大量實驗證據後指出,若排除複誦與長期記憶輔助,真正的注意力容量上限平均只有約 4 個單位。
兩份研究的方向一致,人腦同時能穩住的重點數量,遠比一般版面上實際塞進去的訊息元素少。這是「強調太多等於沒強調」在認知層面的具體上限,把版面上的重點數量對齊這個上限,才是務實的做法,不是比賽誰放得多。
選項太多時,多數人乾脆放棄選擇
重點太多的後果,不只是記不住,還會讓讀者乾脆不行動。版面上如果同時有 5 個「請點這裡」,讀者面對的其實是一個選擇題。心理學家 William Edmund Hick 提出的定律指出,使用者面對的選項越多,做決定所需的時間就越長,選項數量超過負荷時容易造成選擇過載,導致猶豫、放棄任務,或乾脆不做決定。
應用在版面上,做法是縮減同時呈現的選項數量,把次要選項收進次一層,只在最上層保留真正需要立即決定的那一個。全篇的立場收在一個可執行的提醒上,先決定這個版面只留一個行動呼籲,其餘的降級或移除,才是讓讀者真正採取行動的做法。
下次打開自己的版面,與其問「還有什麼可以再加強」,不如先問「這次真正想讓讀者記住的是哪一個」。願意先劃掉幾個「也很重要」的訊息,層級才有位置立起來;捨不得捨棄,版面就只能繼續往「什麼都想強調」的方向疊下去,而讀者的眼睛,終究只留得住那唯一一個跟周遭不一樣的東西。
