2009年07月26日

Webデザインに黄金比を取り入れる為の15個のツール

 今更ですがホームページの作成に黄金比を簡単に取り入れる事が出来る便利なアプリやツールをご紹介しておきます。

黄金比
 名刺サイズに代表される最も美しいとされる比「1:(1+√5)/2」。近似値は1:1.618、約5:8です。
白銀比(大和比):
 用紙サイズ(A3、A4他)や日本建築等に使われている比「1:√2」。近似値は1:1.414、約5:7です。生産性に富み、無駄のない比。

 そもそもウェブデザインに黄金比を取り入れる必要性があるか否か、と云うのは置いておいて、知っておいても損はないのでどうぞ。


ZAPA GS
 黄金比・白銀比計算ツール。Adobe AIR版の黄金比・白銀比の定規で別アプリに使用可。Win、Mac対応。
Webデザイン黄金比計算ツール
Webデザイン白銀比計算ツール
 「ZAPA GS」の簡易オンライン版。と云うより、こちらが先。この2つの比計算ツールおローカル版が上述のZAPA GS。
Golden Ration Calculator
 黄金比適用したカラムやボックスの数値を算出するオンラインツール。
Phiculator
 黄金比計算機。Windows、Macintosh両方有。exe, hqx, swf版有。
GRIDMAKER
 オンライン黄金比グリッド定規ツール。
Grid Calculator
 黄金比グリッド設計用オンラインツール。
GridMaker Reboot
 グリッド作成されるPhotoshop用スクリプト。
Grid Layout
 グリッド表示させるスクリプト。
GridFox
 グリッド表示させるFirefox用エクステンション。
金卓
 黄金比を自然数で算出するWindows用電卓アプリ。
TheGoldenSection
 黄金比を保った矩形を表示するWindows用アプリ。
レイアウトの小技 Ver2.0
 黄金分割した数値を算出するオンラインツール。
grid
 グリッド表示させるブックマークレット。
Grid Designer 2
 黄金比グリッド設計用オンラインツール。
Atrise Golden Section
 Windows用の黄金比グリッドを定規としたアプリケーション。有償、デモ版有。


 一応紹介しておきましたが、美しいデザイン(美しいとされるデザイン)がそのまま“良いホームページ”とは限りませんので、あくまでもデザインに限った話としておきましょう。
 また、デザインに限ったとしても色彩や色調の方がより印象的になりますし、敢えて崩すと云った手法もあります。

 黄金比は黄金比として理解しておき、デザインの幅を手狭にする必要はありません。
 黄金比で抑えておけば取り敢えず良いか、と云う考え方はどちらかと云えばデザインに造詣の浅いプログラマー向けです。

 純粋にデッサン力があればパースは自ずと合いますし、構成力があれば配置は黄金比となる場合もあります。
 結果的に黄金比であった、と云うぐらいがよく、縛られても意味がありません。
 環境によって比率が崩れる事もありますから、基礎知識として活用して下さい。


 では、アリーヴェデルチ♪


posted by EINS at 23:21 | Comment(0) | TrackBack(0) | HP制作・運用法 | この記事をはてなブックマークに登録 | この記事をYahoo!ブックマークに登録 | この記事をBuzzurlに登録 | この記事をニフティクリップに登録 | この記事をlivedoorクリップに登録 | この記事をdel.icio.usに登録 | トピックイットに投稿する
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。