バナーやヘッダー画像を作る際に覚えておきたい写真構図5つ

バナーやヘッダー画像などを作成する際に、代表的な構図にあわせて、写真やイラストを配置する事で、見栄えが良くなります。

また、デザインを考える時短にも繋がります。

備忘録も兼ねて、代表的な写真構図を5つまとめました。

覚えておきたい写真構図5つ

色々な種類があると思いますが、個人的に好きな写真構図5つです。

シンメトリー構図(対称構図)

シンメトリー構図例
シンメトリー構図

シンメトリー構図は、画面を中心で左右対称になるように配置する構図。

製品紹介やブランドイメージを強調したい時などに使われる事が多いかも。

例として、製品を中央に置き、その周りを対称的に情報や装飾要素で囲むデザインが挙げられると思います。

三分割構図

三分割構図例
三分割構図

三分割構図は、画面を縦横に等分する線で9つの同じ大きさの領域に分割し、その交点や線上に主要な被写体や要素を配置する構図。

例えば、ウェブサイトのロゴを左上の交点に、コールトゥアクション(CTA)ボタンを右下の交点に配置することで、効果的にユーザーの視線を導くことができます。

日の丸構図

日の丸構図例
日の丸構図

日の丸構図は、被写体を画面の中央に置く構図。

中央に主要なメッセージや製品を配置し、その周囲を空白やサブテキストで囲むことで、焦点を強調できます。

対角線構図

対角線構図例
対角線構図

対角線構図では、画面を斜めに走る線に沿って要素を配置する構図。

視線を画像の一端から反対側へと自然に導くことができるので、特定の要素への注意を促したい場合によく用いられるかな。

例えば、製品の写真を画像の一角に配置し、対角線上にテキストやその他の情報を配置するデザインがあります。

三角形構図

三角形構図例
三角形構図

三角形構図は、画面上の要素を三角形の形に配置する構図。

情報の階層構造を表現するのによく使われるかも。

例えば、最も重要なメッセージを頂点とし、それに関連するサブメッセージやビジュアル要素を下部に配置することで、統一感のあるデザインを作り出すことができます。

以上、好きな(代表的な)写真構図5つでした。

楽天市場の検索結果

行動を変えるデザイン 心理学と行動経済学をプロダクトデザインに活用する [ St
行動を変えるデザイン 心理学と行動経済学をプロダクトデザインに活用する [ St 3,740円(税込)【送料込】

楽天ブックス

心理学と行動経済学をプロダクトデザインに活用する Stephen Wendel 武山 政直 オライリー・ジャパンコウドウヲカエルデザイン スティーブン ウェンデル タケヤマ マサナオ 発行年月:2020年06月11日 予約締切日:2020年04月23日 ページ数:464p サイズ:単行本 ISBN:9784873119144 武山政直(タ

オブジェクト指向UIデザイン──使いやすいソフトウェアの原理 [ ソシオメディア
オブジェクト指向UIデザイン──使いやすいソフトウェアの原理 [ ソシオメディア 3,278円(税込)【送料込】

楽天ブックス

ソシオメディア株式会社 上野 学 技術評論社オブジェクトシコウユーアイデザイン ツカイヤスイソフトウェアノゲンリ ソシオメディアカブシキガイシャ ウエノマナブ 発行年月:2020年06月05日 予約締切日:2020年05月14日 ページ数:360p サイズ:単行本 ISBN:9784297113513 藤井幸多(フジイコウタ) ソシオメデ

不滅のデザインルール 圧倒的な感動を生み出すアイデア群 [ 植田阿希 ]
不滅のデザインルール 圧倒的な感動を生み出すアイデア群 [ 植田阿希 ] 2,310円(税込)【送料込】

楽天ブックス

圧倒的な感動を生み出すアイデア群 植田阿希 SBクリエイティブフメツノデザインルール ウエダアキ 発行年月:2023年07月04日 予約締切日:2023年04月26日 ページ数:288p サイズ:単行本 ISBN:9784815617028 Interviews 特別インタビュー(村上雅士氏インタビュー「普通」から「半歩」外に出るデザイン

ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座 [ Ma
ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座 [ Ma 2,728円(税込)【送料込】

楽天ブックス

Mana SBクリエイティブホンノヒトテマデゲキテキニカワルエイチティーエムエルアンドシーエスエストウェブデザインジッセンコウザ マナ 発行年月:2021年02月22日 予約締切日:2021年01月04日 ページ数:352p サイズ:単行本 ISBN:9784815606145 Mana(MANA) 日本で2年間グラフィックデザイナーとし

ロゴデザインの教科書 良質な見本から学べるすぐに使えるアイデア帳 [ 植田 阿希
ロゴデザインの教科書 良質な見本から学べるすぐに使えるアイデア帳 [ 植田 阿希 2,640円(税込)【送料込】

楽天ブックス

良質な見本から学べるすぐに使えるアイデア帳 植田 阿希 SBクリエイティブロゴデザインノキョウカショ ウエダ アキ 発行年月:2020年07月27日 予約締切日:2020年07月21日 ページ数:208p サイズ:単行本 ISBN:9784797394467 1 ロゴデザインの基本/2 躍動感があり元気が出るロゴ/3 高級感、上質感がある

楽天ウェブサービスセンター