吉薩金字塔、蒙娜麗莎、Twitter、百事可樂——跨越時空的經典之作，共同遵循一個數學密碼：黃金比例（1:1.618）。源自自然界的和諧法則，經科學驗證：大腦先天偏愛符合黃金比例的物體，甚至會微調視覺感知靠近此比例。本文從原理到實戰，手把手教你用好這把「設計萬能鑰」。

一、 什麼是黃金比例？

線段分割：短段/長段 = 長段/全段 ≈ 0.618（無理數）。

延展為幾何形態：

• 黃金矩形： 正方形拉伸為長寬比1:1.618的矩形。
• 黃金螺旋： 在黃金矩形中不斷填充正方形，連接圓弧形成，內含斐波那契數列（0,1,1,2,3,5,8,13,21,34,55,89,144…）。
• 黃金圓組： 在每個正方形內切圓，圓半徑遵循1.618倍數關係。

自然界無處不在： 蕨類莖、花瓣、貝殼、颶風——大腦對其「下意識吸引」，記憶與印象自動加分。

二、 設計中使用黃金比例的5大實戰法

1. 佈局：尺寸設定為黃金比例

操作： 控制 1:1.618 比例。例：960px寬度 ÷ 1.618 ≈ 594px 高度，劃分為一正方形區 + 一矩形區，雙欄協調佈局即成。

經典案例： 國家地理官網長期採用此雙欄黃金佈局，可讀性極佳，符合內容自然特性。

2. 間距：用黃金螺旋協調多元素空間關係

痛點： 頁面元素多，靠直覺留白易失衡；合理計算+直覺結合最佳。

實戰： 基礎佈局上疊加黃金螺旋，螺旋軌跡決定元素位置、大小、留白分佈。

• Moodley工作室為Bregenzer Festspiele藝術節設計節目單：拼貼式佈局，大量留白，所有元素比例/位置/留白遵循黃金螺旋。
• Lemon Graphic為Terkaya財富管理設計名片：元素同樣依螺旋分佈。

3. 內容：沿著黃金螺旋軌跡引導視線流動

原理： 人眼視覺天然順著黃金螺旋軌跡運動。佈局順應此軌跡 = 瀏覽更自然、信息獲取更高效。

• 國家地理官網：用戶下意識隨螺旋瀏覽。
• Tim Roussilhe作品集：信息量大但有序，關鍵點落在螺旋軌跡上，功能組件位於矚目位置，留白分布合理。
• Saastamoisen基金會視覺稿：字母沿螺旋分佈，隨半徑縮小字體縮小、密度增加——平衡感與設計感並存。
• Helms工作室為Fullsteam啤酒品牌設計：內容佈局同遵螺旋軌跡。

4. 圖片：黃金比例分割法 + 三分法升級版

操作： 以黃金比例四條分割線劃分畫面，兩兩交點＝視覺重心（最吸睛處）。三分法則是1:1:1均分，黃金分割更符合自然美感。

• Complex雜志封面：整體符合黃金比例，模特鼻子/眼睛落在交點上。
• Pilot雜志封面：均勻三分法構建視覺重心，模特眼/拇指/手臂軸心落點精準，人物靠右下/留白靠左上，平衡感強。
• Feld雜志：標題內容區塊參考分割線，人物鼻子（中心點）壓在右下交點。

5. 圖形/Logo：黃金比例圓組構建和諧標識

黃金圓組能產生高一致性、高和諧度的幾何結構。

• 百事Logo： 兩個黃金比例圓構建，小圓隱藏於內部曲線中。
• Twitter Logo： 若干完美圓構建，雖非嚴格相鄰比例，但同樣營造和諧感。

---

結語： 黃金比例不是魔法，是符合人類認知本能的結構化工具。掌握它，不是為了公式套用，而是在佈局、留白、視線引導、構圖、Logo構建每一個決策節點，擁有一把「科學說服力」與「天然美感」兼備的尺子。下次設計卡殼時，試著疊上黃金螺旋——或許答案就在那條曲線上。