人物の視線と配置|はじめてのデザイン講座 DAY 25

人物の視線と配置|はじめてのデザイン講座 DAY 25

記事
デザイン・イラスト
人物が何かを見ている写真では、見た人もその方向へ注意を向けることがあります。先に決めた見出しの位置を人物が見る写真を選ぶと、写真から情報へつなげやすくなる場合があります。

人物の視線は絶対的な法則ではありません。文字の大きさや色なども見え方に影響します。配置を決める手がかりとして使いましょう。

顔と目の向きを確認します

見出しが右側なら右を向く人物、左側なら左を向く人物を写真の候補にします。文字位置は情報の優先順位から先に決めます。

顔が正面でも、目だけが横を向いている場合があります。顔の向きだけでなく、目の向きも確認してください。

文字位置に合う写真を選びます

人物が文字領域と反対側に写り、見出しの方向を向いている写真なら、文字を邪魔せず視線をつなげやすくなります。

料理教室の見出しを右側へ置くなら、講師が左側に写り、右を向いている写真を選びます。写真の位置や切り取り方を調整し、文字領域を守ります。

ただし、背景が細かい場合は、文字色を変えたり、文字の後ろに帯を置いたりして、読みやすさも確保します。

写真が外を向いていないか確認します

画面の右端にいる人物がさらに右を向いていると、注意がバナーの外へ向かうように感じられることがあります。

バナー内の情報へつなげたい場合は、最重要情報の方向を向く写真を選びます。

写真を左右反転するときは、服や背景の文字、数字、ロゴなどが逆向きにならないか確認してください。

今日の10分課題

見出しを右側に固定し、2種類の人物写真を比べます。

左側から右の見出しを向く人物写真
左側にいるが、見出しと反対を向く人物写真
文字位置を変えずに二つを縮小して比べ、人物から見出しへつながって見える写真と、その理由を書いてください。

3つの自己確認

顔と目の向きを確認しましたか。
視線は先に決めた見出しへ向いていますか。
写真は文字を邪魔せず、内容を補っていますか。
視線の向きが合っていても文字を邪魔する写真は、別の候補や切り取り方を検討しましょう。

次回は、画像解像度の基本を学びます。

64歳からデザインを学び始め、現在はWebと印刷物のデザインを制作しています。このシリーズでは、デザイン経験がない方にも分かる言葉で、デザインの基本と作り方をお伝えします。

ハッシュタグ
デザイン初心者 Canva 人物写真 視線誘導 デザインの基本
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す