2色で作る対比構造を表すための2分割デザインの作り方!

対比構造を表す2分割のデザイン

こんにちは、読むだけでデザインを学べる!デザイン研究所です!

毎日デザインのポイントを解説するインスタアカウントを運営しております。

こちらのブログはインスタ投稿をより深く解説した記事になります!

 

今日のテーマ:対比構造を表す2分割のデザイン。

2つの要素を対比させた、○○×○○や○○vs○○、○○or○○などの対比に使える2分割のデザイン。分割し、多くの同じ要素を反復させることで作ることができます!

デザインで対比構造を表現する時はかなり多いです。ということで早速みていきましょー!

 

レイアウトに関してのまとめ記事を作りました。具体的なレイアウトのデザイン例が豊富です。ぜひご覧ください!

関連記事

デザインにおけるレイアウトのポイントを知ることで圧倒的に作りやすくなります。今回の記事ではそんなレイアウトに関してのデザインポイントを紹介!どんなデザインにもレイアウトは存在します。そんなレイアウトのよくある[…]

対比構造を表す2分割のデザインサンプル

対比構造を表す2分割のデザインサンプル

こちらが今回のデザインサンプルです。

2分割する場合の定番デザインは2色の色を使うことですね。

サンプルのデザインでは2分割したものには同じ要素(色以外)を与えています。

対比構造を表す2分割のデザイン解説

 

同じ要素であるのは、

  • 写真の色の重ね方(描画モード)
  • 対象物の英語(FREELANCEとARTIST)
  • 文字のレイアウト(縦文字や斜めの文字など)
  • フォントの統一

など反復することで対比構造としています!

反復させるコツとしては、1つ(片方)を作り込んでから複製すること!それぞれのパーツを1つずつ作ると効率が悪いです。

 

ちなみにこちらの記事で使っているデザインサンプルも反復要素があります。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

多くの要素を反復させ、色などを変更して対比構造を表現する

対比構造を表現したデザイン

このように文字のフォントや位置、レイアウトを反復させた中で色などを変更することで1対1の対比構造を表現できます!

上のサンプルでは

  • 文字サイズとフォント
  • 文字の色(一部分が黒字)
  • 黒字を囲む白い長方形
  • 白い縦線
  • 2分割した中で中央配置

という同じ要素があった上で、色を2色にして対比構造をデザインしてます。

 

デザ研
2色の対比は赤系の色と青系の色が多いですね。あとは黄色と緑なども!

 

ちなみに上のサンプルデザインでは、同じ要素という文字と、対比構造という文字の下に長方形を配置していますが、このデザインについて詳しく解説してますのでこちらをどうぞ!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

今回のデザインではどちらのサンプルも左右に縦割りしたデザインですが斜めにして2分割することなどももちろなります。

下の記事でのサンプルデザインは横割りにしたデザインを使っているのでこちらもご覧ください。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

2色で作る対比構造を表す2分割のデザインまとめ

いかがでしたでしょうか?

今回のデザインサンプルのような○○×○○だけでなく○○vs○○や、○○or○○などの対比にも使えます

ぜひ自分のデザインで使ってみてください!

ちなみにこちらの記事では色について解説しているので合わせてご覧下さい。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

ちなみに多くの色についてのデザイン参考書も読んだことがありますが、

今回の記事のようなデザインの色について書籍で学びたいのなら「配色デザイン良質見本帳」がおすすめです!(なぜならこの本は実例+解説付きだからです)

他の配色デザインの本はただカラーのパターンが載ってるだけのものが多く、実例のデザインや解説がないのです!

・対比構造を表す2分割の定番デザインは色を2色使うこと
・文字やオブジェクトやレイアウトで多くの要素を反復させること

 

 

この投稿をInstagramで見る

 

デザイン研究所(デザ研)(@designkenkyujo)がシェアした投稿

全国対応で短期で習得するグラフィックのデザインレッスンをやっております、詳しくはこちらをどうぞ。

>インスタでデザインを学ぶ

インスタでデザインを学ぶ

デザインの見る目を養うインスタアカウントを運営中!初心者から脱するデザインのポイントを解説しています。だいたい毎日更新です!

CTR IMG