2008-04-23 Wed

覚えておくと便利なバランスのよい縦横比とバナーサイズ RSS あとで読む kwout this!

DESIGN

Web サイトのレイアウトを考えたり写真や画像をトリミングする時、意識して縦横比を統一すると全体のバランスがよくなります。そんな時に、覚えておくとちょっと便利なバランスのよい「縦横比」と「国際標準バナーサイズ」を紹介します。

バランスのよい縦横比

デザイン的に「見やすい」または「美しい」とされる縦横比。

1 : 1.4
日本建築やハガキ・用紙サイズに用いられる白銀比
白銀比
1 : 1.6(または5:8)
名刺などに用いられる「最も美しい比」とされる黄金比
黄金比
3 : 2
フィルムカメラで使われる伝統的な縦横比
3:2
4 : 3
PC のディスプレイやアナログテレビの縦横比
4:3
16 : 9
デジタルテレビのハイビジョン映像で使われる縦横比
16:9
1 : 1
正方形
正方形

国際標準バナーサイズ

Google Adsense やアマゾンアソシエイトなどのバナーをサイトに設置する場合は、こちらのサイズも参考にしてレイアウトを決めるといいと思います。

参考:バナーサイズの国際標準

モバイルバナーサイズ

ノースモバイルバナー(ノーマル)
ノースモバイルバナー(ノーマル)
ノースモバイルバナー(QVGA)
ノースモバイルバナー(QVGA)
ピクチャーパネル(ノーマル)
ピクチャーパネル(ノーマル)
ピクチャーパネル(QVGA)
ピクチャーパネル(QVGA)

参考:Yahoo! JAPAN - 広告商品と料金のご案内
広告仕様書 統合版 Vol.33(PDF)

【関連エントリー】

モバイルバナーサイズ追記:2008/05/21

del.icio.us コメントを表示 はてなブックマークはてなブックマーク livedoorCriplivedoorCrip Yahoo!ブックマークに登録 Yahoo!ブックマーク
posted by らぶ | Comment(0)  | TrackBack(7)  | 04 Design*.
Comments
Add Comment
Name:

URL:

Comment:

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

ウェブデザインにも、「黄金比」「白銀比」
Excerpt: 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design :: 黄金比や白銀比の縦横比や色々なバナーサイズの紹介。 美しいモノは...
Weblog: 日々、ウェブデザインとネットニュースとゲームとか。
Tracked: 2008-04-25 23:55
バランスのよい若草?
Excerpt: 縦横比……。 ずっと以前から、 タテとヨコの比率によって、美しく見える割合が研究されてきました。 覚えておくと便利なバランスのよい縦横比とバナーサイズ Love & Design 白銀比、..
Weblog: ウェブライター流転記(改訂版)
Tracked: 2008-05-12 21:44
覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::
Excerpt: バランスのよい縦横比、バナーの国際規格、モバイルのバナーサイズがまとまっています。
Weblog: websocial.jp
Tracked: 2008-05-26 21:28
Webデザイン
Excerpt: デザインというものは非常に重要で、おかしな比率で構成されたものは違和感を感じ...
Weblog: willamette
Tracked: 2008-08-23 14:18
デザインの基礎知識として覚えておきたい「バランスの良い縦横比」
Excerpt: 今回ご紹介するのは「Love & Design」から、「覚えておくと便利なバランスのよい縦横比とバナーサイズ」という記事です。 別にウェブに限らず、TVの画面や名刺などデザイン的に「見やすい」とされる..
Weblog: blogs.com
Tracked: 2010-01-14 12:00
今更だけど知らんかった、、バナーのサイズに決まりがあったのか。。
Excerpt: 知らんかった。。というよりまったく気がつかなかったというか。バナーのサイズって規...
Weblog: くろひつじのたまに熱いことを書くブログ
Tracked: 2010-03-05 22:11
覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::
Excerpt: 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::
Weblog:
Tracked: 2012-01-19 20:30
人気エントリー Top 10
MoMAstore
×

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