一張蹺蹺板，兩端坐著體重不同的兩個人，搖晃幾下之後居然還是能停在接近水平的位置——不是因為兩人碰巧一樣重，而是比較重的那一個自然往中間挪近一點，比較輕的那一個往外側滑遠一點，兩股力量就這樣抵銷成一種穩定的狀態。設計師處理一張畫面時，做的其實是同一件事。眼睛掃過整張圖，感覺得出哪一塊重、哪一塊輕，再靠位置、大小、顏色把兩邊調整到彼此抵銷，不讓視覺整個往某一邊倒過去。
只是多數人排版時，靠的往往只是看起來還可以的直覺，調到自己順眼就停手，換一張素材、換一個版位，又得重新猜一次，說不出這次為什麼算平衡、下次該往哪裡調。這種讓畫面各區塊視覺重量彼此抵銷、沒有一處把注意力整個搶走的狀態，正是視覺平衡設計要處理的核心問題。一份設計平不平衡，幾乎是使用者瞄一眼的瞬間就有答案，後面會提到，研究把這個有感覺的時間量到只剩幾十毫秒，平衡沒抓住，後面的文案跟配色再講究都很難補救。
好消息是，秤這個視覺重量不是天分，而是有具體因子可以拆解、也能一步步練出手感的方法。先從最多人搞混的一個誤解講起，不少人把視覺平衡直接當成對稱，但這兩者其實是不同層次的東西。
視覺平衡是什麼？
視覺平衡，講的是一張畫面裡，每個區塊的視覺重量彼此抵銷，沒有任何一處把觀看者的注意力整個搶走的狀態。這裡的「重量」不是實際的公斤數，而是文字、圖片、留白這些元素，在眼睛裡留下的「存在感」有多強。
不少人一講到視覺平衡，直覺就是兩邊要對稱，但對稱只是達成平衡的其中一種手法，平衡本身才是目的。這兩者的差別其實不難分清楚：對稱指的是畫面沿著一條軸線、一個路徑或一個中心點重複出現的視覺特質；平衡則是讓整個設計看起來重量均等的原則。換句話說，對稱一定會帶來平衡，但平衡不一定要靠對稱做到，不對稱的畫面只要兩側的視覺重量互相抵銷，一樣能感覺穩定，不會往某一邊倒。
這個判斷，幾乎不需要多想就會有答案。加拿大卡爾頓大學的 Lindgaard 等人在 2006 年發表的一項研究發現，使用者對一個網頁視覺吸引力的第一印象，最快可以在 50 毫秒之內形成。換句話說，一個畫面平不平衡，讀者幾乎是瞄一眼就有感覺，根本來不及理性分析，平衡沒抓住，後面內容寫得再好都很難挽回第一印象。
沒抓住平衡的畫面，也會讓眼睛不知道該先看哪裡，重要的資訊反而被擠到旁邊，讀者得先花力氣猜該看哪裡，而不是直接接收到你想傳達的訊息。這篇接下來要拆的，是怎麼判斷一個畫面平不平衡、對稱跟不對稱各自怎麼用得對，不是三分法、黃金比例這類構圖框架，那是另一個層次的技巧，這裡先把焦點放在重量本身怎麼秤。
怎麼判斷一個元素的視覺重量？
想抓住平衡，前提是要先看得出誰比較重。網頁設計師 Steven Bradley 在 Smashing Magazine 整理過一套完整的判斷因子，這裡把它拆解成幾個最常用、也最容易上手練習的項目，讓你學會拆解畫面上的每個元素，而不是憑感覺瞎猜。這些因子從來不是單獨算數，而是疊加在一起看，一個小而深色的元素，重量感甚至可能超過一個大而淺色的元素，秤重從來不是只看單一項。
大小和明暗，最先被抓住的兩個重量指標
這兩個因子最直覺，也最好練。大的元素比小的元素重，深色比淺色重，兩條判斷邏輯單純好記。同一個畫面裡，一塊大面積的深色色塊，幾乎不用多想就會把視覺重量往那個方向拉；一顆小小的淺色圖示，重量感自然輕得多。剛開始練習秤視覺重量，建議先從這兩項下手，判斷起來也最不容易出錯。
顏色和材質，讓人覺得更重的隱藏因子
秤過大小跟明暗之後，還有兩個更容易被忽略的因子。暖色系比冷色系更容易讓人感覺比較重，紅色、橘色這類暖色會讓人覺得往前逼近，藍色、綠色這類冷色則顯得後退、輕盈。紋理複雜、飽和度高的元素，也會比平面、簡單的元素感覺更重，因為視覺上要處理的細節變多，注意力自然被多吸走一些。這是新手最容易忽略的進階因子，同樣大小、同樣明暗的兩個元素，只要一邊換成飽和的紅色紋理、另一邊留白素色，重量感就會明顯拉開。
位置和距離，重心會隨畫面位置改變
位置也會改變一個元素的重量感。畫面上方的元素，通常比下方的元素感覺更重；離中心，或離視覺重心越遠的元素，施力感也越強，這跟蹺蹺板離支點越遠、力臂越長是同一套道理，呼應開頭那張蹺蹺板的比喻。也就是說，把一個小元素挪到畫面邊角，它拉住整體平衡的力道，可能比擺在正中央時還大。
做法一：善用對稱，做出穩定的平衡感
學會怎麼秤視覺重量之後，接下來要處理的是怎麼把這些重量分配到畫面上，讓兩邊剛好抵銷。最基本、也最常見的做法，就是善用對稱。對稱式平衡的原理不難理解，畫面沿著一條軸線，兩側放上重量相當的元素，穩定感就自然出現。但真正要判斷一個設計是不是做到對稱平衡，重點不在於有沒有把元素鏡像複製，而在於拿掉細節之後，軸線兩邊的量感是不是真的相當，單純把左右兩邊的圖案機械式對調，不代表視覺重量就對上了。
對稱大致可以分成三種類型，各自帶來不一樣的感覺，下一段會拆開講。對稱天生比較穩定、正式，容易讓人第一眼就放心，但用不好也容易顯得呆板，缺乏讓人記住的亮點。
鏡射、放射、重複，三種對稱各自的效果
Smashing Magazine 一篇談構圖設計的文章，把對稱拆成三種類型。鏡射對稱把畫面左右或上下整個鏡像過去，像人臉或蝴蝶翅膀那樣兩側幾乎一模一樣，傳達出來的感覺最穩定、也最莊重。放射對稱是所有元素繞著同一個中心點旋轉排列，向日葵的花瓣就是這種結構，視覺上會自然聚焦到那個中心點，還帶一點動態感。重複對稱則是同一個元素固定間距反覆出現，像柵欄的欄杆一樣，靠反覆製造出節奏跟韻律。要分辨這三種類型，關鍵就看畫面靠的是軸線、中心點，還是固定間距。
什麼時候該選對稱？
分清楚三種類型之後，實務上更常遇到的問題是，什麼情境該選對稱。想傳達信任、正式、穩定感的情境，對稱通常是比較安全的選擇。像 Apple 官網常見的置中對稱版型，就是很典型的例子，置中對齊的版面容易給人一種可靠、有秩序的印象。只是對稱用過頭容易顯得無聊，少了記憶點，這時候可以靠留白的比例，或某個角落刻意打破對稱的小細節，製造一點亮點，不必整張畫面都對得死板。
做法二：善用不對稱，讓不同重量互相抵銷
只是對稱不是唯一的路。如果說對稱靠的是兩側複製，不對稱剛好相反，兩側元素形狀、大小完全不同，靠的是彼此抵銷的重量讓畫面站得穩。判斷重點從來不是有沒有對稱，而是有沒有真的抵銷成功，這一步比對稱難抓得多，因為得靠前面學到的那幾個重量因子在腦中心算，兩邊夠不夠平衡。
一大搭配多小，怎麼抵銷才不失衡？
最常見的抵銷組合，是一個大而顯眼的元素，對應畫面另一側幾個分散的小焦點，用加總起來的重量打平那一個大元素的量感。也常看到深色的小面積對上淺色的大面積，或是鮮豔的小焦點對上低彩度的大片留白。判斷這樣的組合有沒有真的平衡，得回頭用前面學到的那幾個因子心算，大元素的面積乘上明暗、飽和度，大概抵不抵得過那幾個小元素加起來的量。抵不過，畫面就會往大元素那一邊倒；抵過頭，又會變成小元素那邊搶戲。
什麼時候該選不對稱？
抵銷的組合抓對了，接下來要判斷的是，什麼情境真的適合走不對稱這條路。想傳達動態、活力、現代感的情境，不對稱通常比對稱更有效果，像行銷活動頁面、創意工作室的作品集，常靠不對稱的版面製造一點意外感，吸引眼睛多停留一下。代價是不對稱比對稱更花心思調整，一不小心沒抵銷成功，就不是有活力，而是單純的雜亂，兩者之間的分界其實很細，得反覆調整位置、大小、顏色，直到兩邊的重量真的打平為止。
對稱還是不對稱，怎麼選？
對稱跟不對稱，沒有哪一種天生比較好，差別在你想傳達的訊息，還有畫面所在的情境。實務上可以從幾個角度來判斷。想給人穩定、正式、值得信任的印象，對稱通常更合適；想營造動態、創新、吸引眼球的效果，不對稱比較能達到目的。目標受眾的期待也要考慮進去，偏向傳統、講究穩重的族群，可能對對稱的版面更有好感；年輕、追求新鮮感的族群，則容易被不對稱的畫面吸引。
而且對稱跟不對稱不是二選一的單選題，兩者可以在同一個設計裡並存。整體版面走對稱，像固定的格線系統，局部細節故意做得不對稱，反而更容易製造焦點。常見的做法是整體置中對齊，但某個區塊的圖片刻意偏移、打破規律，吸引視線多停留一下。
怎麼檢查一個畫面平不平衡？
決定要走對稱還是不對稱之後，畫面做出來還需要驗證，才知道有沒有真的達到當初想要的平衡。前面學到的判斷方法，可以直接變成三個能馬上動手做的實測技巧，讓你不用只靠盯著看猜，而是有具體的步驟可以照著檢查。
瞇眼測試，看看剩下什麼還在搶眼
把眼睛瞇起來看畫面，或是把螢幕拉遠一點距離，細節會被模糊掉，只剩下大色塊跟最強烈的對比留在視野裡。這時候眼睛還被什麼吸引住，那個地方就是整張畫面視覺重量最重的位置。國際使用者經驗研究機構 Nielsen Norman Group 就把這個方法稱為瞇眼測試，用來檢查畫面的視覺層級，有沒有把最重要的內容擺在真正搶眼的位置上。如果瞇眼之後留下來的，不是你最想讓人先看到的那塊內容，代表重量分配還沒抓對。
灰階測試，拿掉顏色檢查明暗分布
另一個做法，是把設計轉成灰階，拿掉顏色的干擾，單純看明暗的分布是否平均。它能抓出一種容易被忽略的假平衡。有些畫面明明色彩鮮豔、看起來很豐富，實際上明暗分布卻嚴重集中在某一側，只是靠顏色的鮮豔度硬撐出一種「感覺很滿」的錯覺。轉成灰階之後，這種只靠顏色堆疊、沒有真正抵銷重量的問題，一眼就會現形。
鏡射翻轉測試，抓出你看習慣的盲點
還有一個做法，是把整張畫面左右翻轉，重新看一次。長時間盯著同一個版面，眼睛會習慣既有的排法，對本來就存在的不平衡視而不見；翻轉之後，熟悉的畫面變得陌生，原本被忽略的失衡反而會立刻跳出來。這個方法特別適合設計到後段、自己已經盯了很久、開始看不出問題的階段，拿翻轉版本當一次換一雙眼睛的機會。
視覺平衡從來不是套用「對稱等於正確答案」這種公式就能解決的事，它更像是一種可以練出來的手感。回到開頭那張蹺蹺板，兩人要坐到平衡，靠的不是量出一模一樣的體重，而是不斷微調位置，直到兩邊的力道抵銷。下次排版排到猶豫不決的時候，不妨照著前面三個實測方法，親自秤一次畫面的重量——瞇眼看看誰還搶眼、轉成灰階看明暗有沒有偏一邊、翻轉過來看看熟悉的版面是不是藏著自己看不出來的失衡。這幾個步驟做久了，平衡感會慢慢內化成直覺，不必每次都靠量尺或框架去對答案。