WEBデザイン レイアウトの時に便利なサイトたち

黄金比

黄金比レイアウト「golden_ratio」

黄金比「golden_ratio」


golden ratio

黄金比とは、最も美しいとされる比「1:(1+√5)/2」のこと。
近似値は1:1.618。約5:8になります。
「Golden Ratio Calculator」は黄金比をWEBデザインで簡単に利用できるWEBツールです。
ただ、数値を入力するだけで、黄金比の計算してくれます。

ちなみに、名刺は黄金比です。

余談ですが、黄金比はジョジョ好きならご存じのスティールボールランの鉄球や爪弾をアワーアップさせたヤツです。(めちゃくちゃ余談…)

グリッドレイアウト

グリッドレイアウト「grid calculator」

グリッドレイアウト「grid calculator」


grid calculator

グリッドレイアウト「grid system」

グリッドレイアウト「grid system」


Variable Grid System

グリッドレイアウトとは簡単にいうと、いろいろと種類がありますが、グリッド分けして、写真やイラスト、テキストエリアなどのパーツを整理して美しく見せるレイアウトの方法です。
かっちりと融通のきかないものも、可変的なものもあります。
最近は可変グリッドのスクリプトなんてのもよく目にしますね。

上記サイトは、基本となるグリッド分けを行うときに便利なサイトです。

白銀比

白銀比レイアウト「レイアウトの小技」

白銀比レイアウト「レイアウトの小技」


レイアウトの小技

白銀比とは1:1.414の比率のこと。
日本では白銀比が古くから使われています。
法隆寺や四天王寺や、生け花の美のバランスにも採用されていたりします。
身近なものではA3、A4の用紙の縦横の比率です。
A3を半分に折ってみるとA4の大きさになります。
WEBデザイン 制作に役立つ無料サービス・ツールまとめ


いろいろなレイアウトの比率だったり方法があります。
どんなデザインにするのか、
迷った時やバランスがどうしても悪いといったときに使ってみてはどうでしょうか?
どれも実績があり認知されているものなので、WEBのデザイン案を捻りだせなくなったら頼ってみるのも手です。
説明するときは説得力もあるし良いかも!?

WEBデザイン レイアウトの時に便利なサイトたちでした。


  1. コメントはまだありません。

  1. トラックバックはまだありません。