黄金比について理解したら、デザインにも活用してみましょう。黄金比のややこしい計算をぱぱっと自動で行ってくれる、便利なツールをいくつか一緒にまとめています。 ウェブデザインに黄金比を取り入れるために、簡単な5つのチェックリストをつくりましたので、参考にしてください。 トップ画面のfvは黄金比になっているか? 画像サイズは黄金比になっているか? フォントのサイズは黄金比になっているか?
黄金比(おうごんひ、英語: golden ratio)は、 の比である。近似値は1:1.618、約5:8。 線分を a, b の長さで 2 つに分割するときに、a : b = b : (a + b) が成り立つように分割したときの比 a : b のことであり、最も美しい比とされる。

黄金比などでフォントのサイズを計算できるツール「Modular Scale」と制作者TIm Brownのプレゼンテーション 2011年07月30日 デザイン 秋野 琢 海外サイトではwebフォント、タイポグラフィーへの意識が高いものが多い気がしますね。
黄金比で使える便利ツールまとめ.

黄金比の計算ツールはたくさんありますが、Webデザインで欲しい計算結果が足りないと思っていたので自分で作っちゃいました。使いみちは無いかもしれませんが、大和比・白銀比、白金比・第二黄金比・青銅比もついでに計算します。 縦幅と横幅を元に計算する(比率無視) 推奨ブラウザ:Firefox2.0, Internet Explorer 5.5以降 注意:比率の計算上、割り切れないので誤差が発生します。 長い文字列作成ツール; 黄金比・白銀比・青銅比計算機 ... Webの入力フォームに値を設定するスマートな方法 ... 「基準」を任意の項目に変更すると、その値を100として、他の値を計算しなおします。 比率にも種類があり、黄金比、白銀比、青銅比、白銀比、第二黄金比などなど。 主立っては、「黄金比」と「白銀比」がメジャーなもので、下記サイトにて自動的に計算してくれるので、要チェックです。