什麼是黃金比例設計計算器?
黃金比例(φ,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\)。
實例演算
假設你有一個寬度為 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\),也就是取出較長的黃金段落後所剩下的比例。