05 フォーマットデザインをいかす | デザインってオモシロイ -MdN Design Interactive-
【サイトリニューアル!】新サイトはこちらMdNについて

特集 “引き算する”ことで見違える デザイン・ダイエットの方法教えます!

■作例5 雑誌レイアウト

 フォーマットデザインをいかす

雑誌やカタログなどの見開きページなどは、写真やテキストのレイアウトをフォーマットに揃えると、統一感が出て、読みやすくそして美しくなる。動きがある レイアウトをしようと、写真をあえて上下にずらしてカジュアル感を出す手法もあるが、実際は高度な技術だ。無造作な「ずらし」は読者にとって読みにくいう えに、レイアウト的にも美しくなくなってしまうので注意しよう。

Before
クリックで大きくなります

05 Before

After
クリックで大きくなります

05 After



ポイント01

フォーマットを揃える

Before 複数の写真がある場合、ランダムに並べると不安定なレイアウトになってしまう。ちぐはぐな印象で一見して美しいとはいいがたいうえに、読者側は読みにくい。

05 Point1 Before


After 天地、左右のスペースなどフォーマットを揃えてレイアウトすると安定感が出る。特別な狙いがあるとき以外はページ物ではフォーマットに揃えて統一感を出すほうが全体的に美しく、きれいにまとまるだろう。

05 Point1 After





ポイント02

写真のサイズでメリハリをつける


Before 1枚だけ大きく写真を使いたいような場合はサイズが重要だ。これは他の写真とのサイズがあまりわからない程度の大きさのため特長のないレイアウトになっている。

05 Point2 Before


After 大きく見せたい写真を1ページ全面のサイズでレイアウトし、他の写真をフォーマットにあわせて並べた。そのことで強弱が生まれ、レイアウトにもまとまりが出た。

05 Point2 After


・記事TOPへ
・01 ラインや記号などの装飾はほどほどに
・02 内容に合ったフォント選びを心がける
・03 写真加工のしすぎに要注意
・04 背景と構成要素との干渉を避ける
・05 フォーマットデザインをいかす
・06 文字は大きすぎず小さすぎず
・07 構成要素のバランスに注意する
・08 文字組みを複雑にしない
・09 写真イメージを複数重ねない
・10 色の使いすぎに注意する


twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在