WEBシステム開発・デザイン制作などすべての作業を一貫してご提供しております。(大阪・東京近辺)

黄金比・白銀比を活用したレイアウト作成「レイアウトの小技」


レイアウトの小技

今日紹介するのは、パーツレイアウトに黄金比や白銀比を取り入れたい場合に、指定した範囲内で直感的にその比率で分割し、罫線を引けるツール「レイアウトの小技」です。
使用目的としては、レイアウトを決める時の煩雑な計算を軽減するというのが目的です。

「使用方法」
表示されている四角形にマウスカーソルを乗せると、分割用の目印と現在カーソルが乗っている四角形のサイズが表示されます。
その目印をクリックすると選択されている比率で四角形が分割されます。

「基本サイズ」
※横幅を元に計算する(縦幅無視)
入力されている横幅から、選択された比率に合う縦幅を計算します。
この縦幅は、横幅より小さい値となります。
横長の四角形としてレイアウトを考えたい時にお使い下さい。
※縦幅を元に計算する(横幅無視)
入力されている縦幅から、選択された比率に合う横幅を計算します。
この横幅は、縦幅より小さい値となります。
縦長の四角形としてレイアウトを考えたい時にお使い下さい。
※縦幅と横幅を元に計算する(比率無視)
入力されている縦横の値を使用し、四角形を表示させます。
但し、四角形の形が選択中の比率となるような補正は一切ありません。
分割自体は選択中の比率で行うことが出来ます。

「推奨環境」
推奨ブラウザ:Firefox2.0, Internet Explorer 5.5以降
注意    :比率の計算上、割り切れないので誤差が発生