透過 MCP 連接 →

輸入計算

數學公式

廣告

結果

較長段(a)
618.03
總長度 ÷ φ
總長度 1,000
較長段(a) 618.03
較短段(b) 381.97
黃金比例(φ) 1.618

什麼是黃金比例設計計算器?

黃金比例(φ,phi ≈ 1.6180339887)是廣泛出現在藝術、建築與自然界中的一種比例。當一條線段被分割成「整體與較長段之比,等於較長段與較短段之比」時,所呈現的視覺效果格外均衡且賞心悅目。這款計算器能將任何總長度或尺寸,依黃金比例切分成兩個段落——無論是規劃網頁版面、設定字體大小、設計網格系統,或是構圖取景,都能派上用場。

使用方法

輸入一個總數值,單位可以是像素、公分、英吋或任何度量單位皆可。計算器會回傳較長段(a)、較短段(b),並確認 \(\varphi\) 的數值。較長段為總長度除以 phi,較短段則是剩下的部分。建議將較長段用於主要內容區或標題尺寸,較短段則用於側邊欄、圖說或次要間距。

公式解析

這項分割只用到兩條簡單的算式:a = 總長度 ÷ φ 以及 b = 總長度 − a,其中 \(\varphi\) 固定為 1.6180339887。

$$\begin{gathered} \text{較長段} = \frac{\text{總長度}}{\varphi} \qquad \text{較短段} = \text{總長度} - \text{較長段} \\[1.5em] \text{其中}\quad \varphi = 1.6180339887 \end{gathered}$$

由於 \(\varphi\) 具有一個獨特性質:\(1/\varphi = \varphi - 1 \approx 0.618\),因此較長段約佔總長度的 61.8%,較短段約佔 38.2%。而這兩段之間的比值(\(a/b\))同樣等於 \(\varphi\)。

一條水平線段按黃金比例分為較大部分 a 和較小部分 b
將總長度分為較大段 a 和較小段 b,其中 總/a = a/b = φ。

實例演算

假設你有一個寬度為 1000 像素的版面。較長段為 \(1000 \div 1.6180339887 \approx 618.03\) px,較短段則為 \(1000 - 618.03 \approx 381.97\) px。換句話說,一個約 618 px 的內容欄搭配約 382 px 的側邊欄,就構成了一個符合黃金比例的版面配置。

黃金比例矩形被分為一個正方形和一個較小的黃金矩形,並帶有一條螺旋線
黃金矩形:去掉一個正方形後留下同樣比例的較小矩形,形成黃金螺旋。

常見問題

黃金比例和三分法一樣嗎?不一樣。三分法是將畫面平均切成三等份(33/33/33),而黃金比例採用 61.8/38.2 的分割方式,許多設計師認為這種比例更具動態感與張力。

該使用什麼單位?任何一致的單位都可以——比例本身是無因次的,所以無論用像素、公釐還是英吋,運算方式都完全相同。

為什麼較短段是 38.2%?因為 \(1 - 1/\varphi = 1 - 0.618 = 0.382\),也就是取出較長的黃金段落後所剩下的比例。

最後更新: