✨ 什麼是黃金比例？
黃金比例（Golden Ratio, φ）是一個約為 1.618033988... 的特殊數學比率。當兩個量 A 和 B 滿足 (A+B):A = A:B 時，即構成黃金比例，自古希臘時代起就被視為最美的比例。
🔢 數學定義
• φ = (1 + √5) / 2 ≈ 1.618033988749895
• φ² = φ + 1
• 1/φ = φ - 1 ≈ 0.618
• 黃金比例是無理數，是不循環的無限小數
🌀 與斐波那契數列的關係
在斐波那契數列（1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144...）中，相鄰兩個數的比值會收斂於黃金比例：
• 5/3 = 1.666...
• 8/5 = 1.6
• 13/8 = 1.625
• 144/89 = 1.61798...
• 233/144 = 1.618055...（幾乎等於 φ）
隨著數列向後推進，比值越來越接近精確的 φ = 1.618033...
🎨 在設計與藝術中的應用
• 名畫：列奧納多·達·芬奇的《蒙娜麗莎》《最後的晚餐》
• 標誌設計：Apple、Twitter、Pepsi 的標誌
• 網頁設計：內容區與側邊欄的比例（960px : 593px）
• 排版：標題與正文字號的比例（26pt : 16pt）
• 版式：銀行卡的比例（86mm × 54mm ≈ 1.59）
🏛️ 建築中的黃金比例
• 帕特農神廟：正面寬度與高度的比例
• 金字塔：底邊與高度的關係
• 現代建築：聯合國總部大樓、多倫多CN塔
• 室內設計：房間尺寸、傢俱佈置、畫框比例
🌿 自然中的黃金比例
• 植物：向日葵籽的螺旋、松果的鱗片、菠蘿的表皮
• 動物：鸚鵡螺殼的螺旋、蝴蝶的翅膀
• 人體：以肚臍為界的上下半身比例、手指關節長度
• DNA：雙螺旋結構的寬度與旋轉
💡 實用應用技巧
• 海報設計：高 1000mm → 寬 618mm
• 名片製作：90mm × 55.6mm
• 照片構圖：將主體置於黃金分割點
• PPT 版式：標題區域與內容區域的比例
• 書籍頁面：頁邊距與正文區域的比例
黃金比例計算器
φ = 1.618033...（黃金比例） — 輸入一個尺寸，即可按黃金比例計算出其他尺寸。
斐波那契數列中相鄰兩個數的比值會收斂於黃金比例。（例如：144/89 ≈ 1.618）
瞭解更多
黃金比例的數學定義與 φ（Phi）值
黃金比例（Golden Ratio, φ）是數學中被譽為最美的比率的特殊常數。它的精確值為φ = (1 + √5) / 2 = 1.618033988749895...，由於是無理數，小數點後無限延續。當兩個量 a 和 b 滿足(a+b):a = a:b時，即為黃金比例。將其化為方程可得x² = x + 1，其正解即為 φ。黃金比例擁有驚人的數學性質：φ² = φ + 1 = 2.618...、1/φ = φ - 1 = 0.618...。也就是說，φ 加 1 等於它的平方，其倒數等於它減 1。古希臘數學家歐幾里得在《幾何原本》中稱之為「中末比（extreme and mean ratio）」。黃金比例也自然地出現在正五邊形與五角星（pentagram）中，正五邊形的對角線與邊長之比恰好為 φ。文藝復興時期的數學家盧卡·帕西奧利在其著作《神聖比例（De Divina Proportione）》中，將黃金比例視為神的旨意。
斐波那契數列與黃金比例的關係
斐波那契數列（Fibonacci Sequence）是 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, 377... 這樣透過前兩個數相加得到下一個數的數列。令人驚訝的是，相鄰兩個數的比值會收斂於黃金比例 φ。例如5/3 = 1.666...、8/5 = 1.6、13/8 = 1.625、21/13 = 1.615...、34/21 = 1.619...、89/55 = 1.618181...、144/89 = 1.617977...、233/144 = 1.618055...，逐漸接近 φ = 1.618033...。這是經過數學證明的事實，可透過斐波那契數列的通項公式F(n) = (φⁿ - (-φ)⁻ⁿ) / √5加以驗證。自然界中也存在這種關係。向日葵籽以順時針 34 條、逆時針 55 條的螺旋排列，而 34 與 55 正是相鄰的斐波那契數。松果的鱗片也呈現8 條與 13 條的螺旋圖案。這是因為植物為了最高效地排列種子而採用了黃金角（137.5°）。
設計與版式中黃金比例的應用
在平面設計中，黃金比例是營造視覺和諧的核心工具。網頁設計：在總寬 960px 的網站中，將內容區設為593px（960÷1.618）、側邊欄設為367px（593÷1.618），即可獲得自然的版面。Twitter、Apple、Pepsi 的標誌都是基於黃金比例圓設計的。排版：若正文字號為16pt，將標題設為26pt（16×1.618）、小標題設為10pt（16÷1.618），便能形成均衡的層次結構。名片設計：標準名片（90mm × 54mm）也接近黃金比例（90÷54=1.67）。海報：高 1000mm 的海報，寬度設為618mm即為黃金比例。照片構圖：將主體置於按 1:1.618 劃分畫面的黃金分割點上（比三分法更精確），可自然聚攏視線。頁邊距設定：書籍頁面中若以 φ 比例劃分頁邊距與正文區域，可提升可讀性。Adobe Photoshop、Illustrator 內建了黃金比例參考線模板，可輕鬆應用。
建築與藝術作品中的黃金比例實例
古代建築：希臘雅典的帕特農神廟（公元前447-432年）正面寬度與高度的比例接近黃金比例。埃及的吉薩大金字塔（公元前2580-2560年）底邊一半與高度的比例也接近 φ（精確來說為 √φ）。現代建築：勒·柯布西耶開發了「模度（Modulor）」系統，這是將人體比例（183cm）與黃金比例結合的建築尺度。聯合國總部大樓（紐約）、多倫多CN塔、首爾63大廈等也都能發現黃金比例。繪畫：列奧納多·達·芬奇的《蒙娜麗莎》（1503-1519）在面部輪廓、眼鼻口的佈局上都遵循黃金比例。《最後的晚餐》（1495-1498）中，餐桌與人物的佈置採用了黃金矩形（Golden Rectangle）結構。米開朗基羅的《創造亞當》（1508-1512）壁畫的主要構圖線也位於黃金分割點上。在現代藝術中，皮特·蒙德里安的《紅、黃、藍的構成》（1930）等抽象畫也運用了黃金比例網格。雕塑家薩爾瓦多·達利在《最後晚餐的聖禮》（1955）中特意採用了黃金比例的畫布。
自然中發現的黃金比例（螺旋、花瓣）
植物螺旋：向日葵籽由中心向外每次旋轉黃金角137.5°（360° ÷ φ²）排列，這樣可以最大化空間利用率。松果、菠蘿、仙人掌刺也呈現順時針 8 條/逆時針 13 條，或 13 條/21 條的螺旋圖案（均為斐波那契數）。花瓣數量：百合3 瓣、毛茛5 瓣、波斯菊8 瓣、金盞花13 瓣、紫菀21 瓣、雛菊34、55、89 瓣——全都是斐波那契數。這是因為花瓣從生長點以黃金角發生。樹枝：許多樹木的主幹與枝條比例、節間距離都接近 φ。動物：鸚鵡螺（Nautilus）的殼呈黃金螺旋（Golden Spiral）結構，每旋轉90°，尺寸就擴大 φ 倍。蝴蝶翅膀、蝸牛殼上也能發現類似圖案。人體：全身身高與肚臍高度的比例平均接近1.618。手指關節（指尖-第二關節-手掌根部）的長度也呈現 φ 比例。DNA 雙螺旋每旋轉一圈的寬度（34Å）與長度（21Å）之比同樣是 34/21 = 1.619。
運用黃金比例的 Web/UI 設計實戰
佈局網格：將螢幕寬度除以 φ 來劃分主要內容區與次要區域。例如：1920px 螢幕 → 主區1187px（1920÷1.618）、側區733px。行動裝置（375px）：主區232px、邊距143px。按鈕尺寸：高44px的按鈕寬度設為71px（44×1.618），即可得到均衡的 CTA 按鈕。卡片設計：卡片高300px時，圖片區域185px（300÷1.618）、文字區域115px（185÷1.618）。字號階梯：以 16px 為基準 → 12px（÷1.33）、16px、21px（×1.33）、28px、37px、49px、65px 的體系。（1.33 為 √φ）。間距系統：8px、13px、21px、34px、55px、89px（斐波那契數列）。配色比例：主色60%、輔色30%、強調色10%（60:30 = 2:1、30:10 = 3:1，斐波那契比例）。響應式斷點：320px、518px（320×φ）、838px（518×φ）、1356px。動畫時長：0.1s、0.162s（0.1×φ）、0.262s（0.162×φ）——自然的動效。在 CSS 中使用aspect-ratio: 1.618 / 1即可輕鬆建立黃金比例容器。Figma、Sketch 有黃金比例外掛程式（Golden Ratio Calculator），可實時應用。