03 写真加工のしすぎに要注意 | デザインってオモシロイ -MdN Design Interactive-
【サイトリニューアル!】新サイトはこちらMdNについて

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

■作例3 書籍カバー

 写真加工のしすぎに要注意

Photoshopにはさまざまなフィルタやプラグインがあって便利だが、それらに頼り切ってしまうと逆効果になることも多い。写真要素を使用する場合、 美しい写真であればそれを生かすようなデザインに、また、クオリティが低い写真であればそれを補正するための加工が好ましい。加工のやりすぎは、雰囲気を 出そうとしても、どこか人工的で、リアリティがない感じになったりもする。

Before


03 Before

After


03 After



ポイント01

タイトル要素には極端な加工をしない

Before タイトル要素と写真といった構成要素全体に加工をかけすぎてしまっている。Photoshopのフィルタは便利だが、乱用した悪い例だ。また背景が「ラップ」のフィルタをかけたことによって意図せずに白くなってしまっている。

03 Point1 Before


After バックの写真に加工することなく、青い背景にシンプルに文字をレイアウトして読みやすくなっている。差し色のオレンジ色を使用したことによって、全体の統一感も生まれた。

03 Point1 After





ポイント02

オリジナルの色をできるだけいかす


Before 極端なフィルタを使用したため、写真全体がハレーションのような現象を起こしてしまっている。ビルの風景も極端な加工になり、なんのイメージなのかわかりにくい。

03 Point2 Before


After オリジナル写真のコントラストを生かし、少しだけ調整したもの。写真の本来の色を生かしながら、文字の配色や帯の色などを決定し使用する色を決めたことで美しくまとまった。

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

現在