[Z]ZAPAブロ〜グ2.0

4ヶ所入力欄がありますが、どこか1ヶ所に幅を入力（半角数字で）してみてください。残りの幅が全て自動で計算されます。なお、計算は1.618の近似値を採用しています。

このように黄金比を取り入れることで、美しいWebサイトができるかもしれませんね。


ちなみに、このブログはまるで黄金比になっていません。2カラムで黄金比を採用すると、サイドバーが広すぎるような気がしてしまいます。airappli.comの両サイドバー合計ピクセルと中央カラムピクセルとの関係は、幅だけ見ればほぼ黄金比の関係になっています。どちらかのサイドバーをどちらかに寄せれば黄金比が完成しますが、3カラムの中央に本文を配置する形式では黄金比にはなりません。

もしかしたらWebデザインの世界では、美しさよりも使いやすさが求められているのかもしれませんね。

追記（白銀比について）

このブログは黄金比にはなっていませんが、ほぼ白銀比にはなっています。白銀比とは、用紙サイズ（A3やA4など）や建物などに採用されている比「1:√2」のことで、近似値は1:1.414、約5:7です。日本建築には古くから白銀比が用いられ、法隆寺の五重塔を上から見た投影平面図における辺（短辺と長辺）の関係も白銀比になっています。白銀比は別名「大和比」と呼ばれるくらい日本に浸透しているため、もしかすると日本人には黄金比よりも白銀比の方がなじみやすいかもしれません。

白銀比計算ツールは、こちらの記事でアップしました。

Webデザイン白銀比計算ツール