Photoshop 顯示「對齊」、「同尺寸」、「同色值」，肉眼卻覺得「歪」、「大小不一」、「顏色不同」。電腦計算的是幾何數值，人眼感知的是視覺權重與上下文關係。優秀設計師必須識別並修正這四大視覺欺騙：對齊與視覺權重、顏色光學調整、面積感知修正、大寫字母視覺平衡。

一、對齊 ≠ 視覺置中：視覺權重決定平衡

現象：播放按鈕三角形幾何中心對齊圓形中心，視覺卻偏左。

原因：三角形視覺重心偏向底邊寬處，幾何中心 ≠ 視覺中心。

修正：將三角形向右微移（約 10% 寬度），直到「看起來」置中。輔助線輔助判斷，最終靠眼睛決定。

左：幾何對齊視覺偏左；右：光學調整後視覺置中

二、同色值 ≠ 同視覺色：面積與形狀影響色彩感知

現象：實心圖標與文字同用 #0066CC，圖標顏色看起來更深/更重。

原因：大面積色塊（圖標）視覺權重大於細線條（文字），同色值下前者顏色感更強烈。

修正：圖標色值提亮（提高明度/降低飽和）或文字色值加深。建議使用 HSB 模式 調整明度（B），比 RGB 更直觀控制視覺輕重。

左：同色值，圖標視覺更重；右：調整後視覺平衡

調整建議：圖標提亮或文字加深

三、同尺寸 ≠ 同視覺大小：面積感知需光學修正

現象：120×120px 正方形與 120px 半徑圓，圓看起來更小。

原因：正方形面積 14,400px²，圓面積 ≈11,310px²，面積差 27%。人眼感知「大小」實為面積感知。

修正：圓半徑增至 ~126px（面積 ≈14,500px²），視覺大小與正方形一致。圖標設計中，圓形類圖標需比方形類大 5~10%。

左：同幾何尺寸，圓視覺較小；右：圓放大至 126px，視覺等大

字體設計同理：曲線筆畫需超出大寫高/基線（Overshoot），否則視覺上會顯小。Didot 等字體明顯體現此原理。

四、大寫字母視覺更大：字號需微降

現象：全大寫單詞與大小寫混排單詞同字號，全大寫視覺顯著更大、更突兀。

原因：大寫字母無延伸筆畫，視覺重心集中、面積佔比大、對齊基線與大寫高形成矩形塊，視覺權重極高。

修正：全大寫字號減 1~2pt（如 16pt→14pt、12pt→11pt），或使用小型資本字母。除非刻意強調，否則全大寫必須降字號。

上：同字號大寫視覺更大；下：大寫降 2px 視覺平衡

設計師的核心價值：光學修正即專業

這些調整極其微小（1~2px、1~2pt、幾度色相），但疊加起來決定設計的「高級感」與「舒適度」。電腦無法理解上下文語境與人類感知，只能輸出幾何正確。設計師的職責正是橋接「幾何正確」與「視覺正確」的鴻溝。

將光學修正納入標準化工作流：文字大小自動減 2px、三角形自動偏移 10%、圖標色值自動提亮 5%… 當這些成為肌肉記憶，設計品質才會質變。

信任眼睛與直覺，而非單純依賴軟體數值。這是設計師不可被 AI 取代的核心造詣。