04 背景と構成要素との干渉を避ける | デザインってオモシロイ -MdN Design Interactive-
【サイトリニューアル!】新サイトはこちらMdNについて

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

■作例4 パンフレット表紙

 背景と構成要素との干渉を避ける

見せたい写真イメージと伝えたい情報が、複雑に構成されているような場合には、写真をトリミングして、イメージと情報をわかりやすく整理したほうがよい。 写真を使って雰囲気を伝えるのも必要だが、余白をつくり、そこに情報を入れることによって、楽しそうな雰囲気は残しつつ、情報もすぐに伝わるようにするこ ともできる。メインビジュアルが写真であっても、余白スペースをつくったほうが写真が効果的になることも多い。

Before


04 Before

After


04 After



ポイント01

写真をトリミングして白スペースをつくる

Before 写真の上に多くの情報をレイアウトしようと欲張りすぎた例。文字が読みにくいばかりではなく、情報と写真がお互いにぶつかりあってしまっている。

04 Point1 Before


After 写真をトリミングしてスペースをつくり出し、そこに文字情報をレイアウトすることによって写真と情報とがわかりやすく伝わるように整理した。写真の上に文字を重ねる際には文字が読めるかどうかをよく検討しよう。

04 Point1 After





ポイント02

罫線を効果的に使う


Before 罫線などを使う場合には、文字同様に読みやすさ、見やすさなどを考慮する。バックの写真に罫線がかさなっていると、文字も罫線も見にくい。

04 Point2 Before


After 黒い罫線などを使う場合は白っぽいバックのほうが効果的だ。文字の上下に罫線をひくことによって、デザインにしまりが出てくる。同時に、上部分の白スペースと写真との間のアクセントにもなっている。

04 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コンテンツ

現在