知らなきゃ損!白と黒の文字を両方使ったデザインで圧倒的に作りやすくなる!

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

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

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

 

今日のテーマ:白文字と黒文字の両方使うと良い

このデザインポイントは自分にとって大きな気づきだった記憶があります!これに気付いてからかなりデザインは作りやすくなりました。

というのも白文字と黒文字の両方使うと良いという今日紹介するデザインポイントは全てのデザインに適用することができるポイントだからです!

きっと新しい視点でデザインが作れるようになりますのでぜひ最後まで記事をご覧ください!

白文字と黒文字の両方使うと良いデザインサンプル

白と黒ってデザインでよく使いますよね。

結論をいうと

白文字だけ黒文字だけのデザインではなく、1つのデザイン上で白文字と黒文字の両方を使うとバランスよくなります。

背景によっては白しか使えない、黒しか使えないと思いますが、枠や境界線などを使うことによって反対色も使えるはずです。

今回のデザインサンプルでも赤背景の上の文字は白に、そして白い枠や紫の枠を使ってその上の文字を黒文字にしています。

 

デザインを作る時に、わざと白文字と黒文字が両方使えるようにデザインすることが多いです。

そうすることで文字色にもメリハリが生まれます!

 

1つのデザイン中に白文字と黒文字の両方を使うには??

1つのデザインの中で白文字と黒文字を使ってバランスをとる!

先ほどの枠の上の文字のように何かの上に文字を置くことで背景に依存せず文字色を変更することができます。

例えば、、、

  • 長方形の枠や楕円形などの図形
  • 横幅いっぱいや縦幅いっぱいの帯
  • 切り抜いた写真や枠

これらを使って文字色を反転させることが可能です!実際のサンプルを通して見ていきましょう!

 

長方形の枠や楕円形などの図形

こちらのデザインでは楕円形を使うことで、黒っぽい背景から独立して黑文字を使うことができています。

関連記事

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

 

横幅いっぱいや縦幅いっぱいの帯

こちらのデザインでは白の横幅いっぱいの帯を使うことで黒っぽい背景から独立しています。

この横幅いっぱいの帯は全く背景に依存しないので割と使います!

関連記事

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

 

切り抜いた写真や枠

こちらは切り抜いた枠を使って文字を反転させています。白図形と黑図形を使って白と黒文字の両方を使えています!

関連記事

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

 

デザケン
このようにいろいろな白と黑文字MIXのデザインがあるのでその観点から見てみてください!

 

全てのデザインに適用できる!白黒の文字ノウハウ!

ここからはサンプルデザインを増やして白文字と黒文字の両方使うノウハウをさらに解説していきます!

まずはこのサンプル!

こちらのサンプルでは白っぽい背景には黒文字、そして赤い丸の中の文字に白文字と黒文字の両方を使っています!

またよく見ると黒丸の中に白い数字を配置してますね!ちなみにこれよく使います。

このように楕円形という小さい中に白文字と黒文字の両方を使ってメリハリをだすことも!

次のサンプルデザインはこちら!

白い背景に黒文字!そして下の黒い枠の中に白文字を配置しています。

この下に枠を配置するのはバナーの定番デザインですね!

 

また先ほどの画像もこちらの画像もよく見ると文字に写真やイラストが被っているのですが、そのポイントを解説した記事もあるので合わせてどうぞ!

関連記事

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

 

最後のデザインサンプルです。

こちらのデザインでは左右に大きな縦の黒文字を配置し、中央は枠の中に白文字を配置しています。

こういった長方形を使って文字色を反転するテクニックも多用します!

ちなみにこのデザインは縦文字を使ってインパクトをだすテクニックを使っています。

関連記事

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

 

デザ研
これらは一例ですが、多くのデザインに使えるノウハウだと分かっていだければ幸いです!

 

かなり頻繁に使う白文字と黒文字のノウハウを知ってればデザインは楽になる!

今回紹介したデザインポイントは白文字と黒文字に関して。そして白文字と黒文字はデザインを作る上でかなり使うことはご承知の通りだと思います。

そんな頻繁に使うデザインポイントだけでも分かっていればデザインを作るのは楽になりますね!

よく使う文字のデザインに関しての他の記事も合わせてどうぞ!

関連記事

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

文字ツールのショートカットキーは?▼
イラレもフォトショもTです!ツールバーにあるツールのショートカットキーはほとんどが1文字のショートカットキーになります!

 

白文字と黒文字の両方使うと良いデザインまとめ

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

皆さんの大きな気づきになればとても嬉しいです!今回のような大きな気づきになるような記事をこれからも書いていければと思っております!

ぜひ白文字と黒文字の両方使うことを意識してみてください。

こちらの記事では白と黒の中間にあたる最強の色。グレーについて解説しているので合わせてご覧ください!

関連記事

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

・1つのデザイン中で白文字と黒文字の両方使ってみる
・白文字と黒文字のノウハウを知って楽にデザインを作る!

 

 

この投稿をInstagramで見る

 

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

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

>フォローしてデザインを学ぶ

フォローしてデザインを学ぶ

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

CTR IMG