英語・中国語
も対応可能
無料相談
基礎知識 この記事は約2分で読めます

デザインの基礎知識~レイアウト編~

今回はデザインの基礎知識レイアウト編です。チラシやポスター、バナーを制作(作成)するのにフォントや色の勉強をしてみましたが、せっかく良い色やフォントを選んでも配置を間違えばこんなはずでは…となってしまうので、レイアウトについて勉強しましょう!

デザインの基礎知識~レイアウト編~

①近接

近接とは関連する情報を近づける事です。人は位置が近いものは、関連性があるものだと認識します。逆に近くにないものは関連性の無いものだと判断出来るため、余白をうまく使う事で、関連しているかしていないかを伝える事が出来ます。

チラシやポスター、バナーなどでついつい余白が気になって詰めた方が良いのでは?と思って修正をお願いしたら、見にくくなってしまった…なんて事は考えられます。余白にはこのような効果があると知っておく事で無駄な修正が防げるかもしれませんので、頭に入れておきましょう!

②整列

整列のポイントは関連性のある言葉は揃えるようにしましょう。下図で説明すると縦の赤い点線と横の赤い点線はそれぞれ関連性があり、意識して揃えています。

整列の例。青字の見出しどうしは高さの位置を揃え、黒字の説明文は青字と左のスタートラインを揃えている。赤い点線は配置のときだけ意識する基準線。
整列:見えない基準線を意識して要素の位置を揃える

青字の2つは関連性があるので高さの位置を揃え、黒字は詳細の説明なので青字とスタートラインを揃える事で、きれいに揃っているように見えます。実際には赤い点線は見えていませんが、配置するときに赤い点線を意識する事でキレイに揃うので、グループ分けを意識しましょう!

③反復

反復とは見せ方をパターン化する事で読み手にも伝わりやすくする事です。

こちらもデザインボックス(デザインボックス)のページで説明すると、メディア掲載、制作実績、他社比較表などサブタイトルになる部分はデザインを揃えています。デザインを反復させる事で、無意識にこれがサブタイトルであると読み手は認識します。料金プランの表もプラン、料金、時間の順番を反復する事で伝わりやすくなります。

これを色々な部分に散りばめる事によって、統一感が出て読み手に伝わりやすいデザインになります。

④対比(強弱)

簡単に言うとメリハリをつける事です。たくさんある情報の中で伝えたい事の優先順位をつけましょう。全ての情報をきっちり読む人は稀です。

パッと見で印象に残るかどうかで読むか決めるのがほとんどだと思います。だからこそ伝えたい内容を強調する事がとても重要です。

デザインボックスなら

ご希望のレイアウトに合わせて制作(作成)する事も可能ですし、定額制で時間内であれば使いたいようにお使い頂けますので、レイアウトも含めて考えて!と制作(作成)を丸投げも大歓迎!

もちろん事前に頂いた内容でもより良くなる箇所があれば、惜しまずにご提案させて頂きます。まずはお気軽にお問い合わせ下さい!

自社に定額制が合うか、一緒に確認しませんか

依頼内容や制作量が決まっていない段階でも構いません。まず話を聞くだけでも大歓迎です。

ご相談でわかること

  • 自社の制作量に対して、どのくらいの稼働時間が必要か
  • いま出している依頼を、同時進行でまとめられるか
  • Web更新やコーディング、原稿作成まで含められるか
  • 都度発注のままがよいか、定額制に切り替えるべきか

送信後、1営業日以内にご連絡します。