MdN Interactive

デザインとグラフィックスの総合情報サイト[エムディエヌ・インタラクティブ] MdN Interactive

2008/7/3 THU 22:00

UPDATE

MdNの雑誌・書籍情報はこちら

Webの完成度をもっと高める76の正攻法

セオリーや考え方を実践に生かそう!WEBの完成度をもっと高める76の正攻法



THINKING
01
黄金比を意識してレイアウトする
REASON
人間がもっとも美しいと感じるプロポーションを
把握し、Web制作に応用する。

プロポーションとは調和や均衡、比率を表す言葉だ。制作の現場ではおもに一対の長さの関係を指す言葉として使われる。比率を決めるにあたり参考となるのが「黄金比(黄金率)」だ。黄金比とはデザイン的にもっとも美しいとされる比率のことで、縦横比が「1:1.68」のことを指す。DTPでは頻繁に使われている比率だが、Webの場合はテキスト量やフォントサイズによってボックスの比率が変わってくるので、黄金比を取り入れることはなかなか難しい。まずは、比率が変動しないビジュアルやナビゲーションなどに活用してみるとよいだろう。


写真をトリミングする際に1:1.68の黄金比を使うと安定感が出る
写真をトリミングする際に1:1.68の黄金比を使うと安定感が出る


テキストの量などで比率が変動するWebレイアウトに黄金比を取り入れるのは難しい
テキストの量などで比率が変動するWebレイアウトに黄金比を取り入れるのは難しい


クレジットカードやデジカメなども黄金比でつくられていることが多い。名刺もそのひとつ
クレジットカードやデジカメなども黄金比でつくられていることが多い。名刺もそのひとつ


テキストなどが可変となるためWebデザインに黄金比を使うのはなかなか難しいが、ナビゲーションやメインビジュアルなどに利用できる
テキストなどが可変となるためWebデザインに黄金比を使うのはなかなか難しいが、ナビゲーションやメインビジュアルなどに利用できる



文=島根未央

<<  1  |  2  |  3  |  4  |  5  >>

Webデザイン─最新テクニック

2008.7.3

もっと見る

Web進化論

2008.2.5

FlashのABC

2007.11.29

もっと見る

クリエイターのライフハック できる人の仕事術を盗め。

2008.7.3

Flashスキルアップ講座

2007.3.21

最新キーワードから時代を読む

2008.4.3

もっと見る

集中レクチャー

2008.1.23

もっと見る

WEBデザインの落とし穴

2008.5.15

もっと見る

ニュース&トピックス

SUPPLY
軽量でコンパクトなポータブルミニスピーカー 2008.7.3
読み込み専用ポータブルDVD-ROMドライブ 2008.7.3
GIGA対応16ポートスイッチングハブ 2008.7.3
ハート型のデジタルフォトフレーム 2008.7.2
MacBook Air専用クリスタルケース 2008.7.2
受信感度をアップ ワンセグアンテナケーブル 2008.7.1
高速転送と高セキュリティを実現 USBメモリ 2008.7.1
オーディオプレイヤー用ビビッドカラースピーカー 2008.7.1
TOPICS
ユーザー参加型の不具合情報ポータルサイト 2008.7.3
東京の人気スイーツが検索できる「Savarin」がオープン 2008.7.3
Adobe AIR採用「楽天フォトアップローダー」提供開始 2008.7.1
SOFTWARE
「コリャ英和!一発翻訳 2009 for Winマルチリンガル」を発売 2008.7.2
電子地図ソフト「Super Mapple Digital Ver.9」 2008.7.2
HDDの修復・管理・最適化を実現「Drive Genius 2」 2008.7.2
HARDWARE
3.5インチSATA用USB2.0・eSATAアルミコンボケース 2008.7.1
ソフトウエア
Adobe Acrobat 9 Professional 日本語版 2008.6.27
BitZipper 2008.6.11
ハードウエア
canon PIXUS MX7600 2008.6.27
FinePix Z200fd 2008.6.27
HP Officejet Pro K8600dn 2008.6.17
COOLPIX P80 2008.6.11
SyncMaster XL24 2008.6.2
ColorEdge CG222W 2008.6.2
マテリアル
匠IMAGES Vol.14 女性 春夏編 2008.6.13
花遊都 Vol.2、Vol.3 2008.6.11
素材辞典Vol.199 北海道-自然と観光編 2008.5.30
MIXA IMAGE LIBRARY Vol.263 夏模様 2008.5.10
natural images Vol.104 SOCIAL WORK 2008.5.10
素材辞典Vol.197人と自然のイメージ編 2008.5.2
フリーウエア
lino 2008.5.30