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

白文字と黒文字の両方使うと良い

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

フォローするだけでデザインを学べるTwitterアカウント
毎日デザインのポイントを解説するインスタアカウントを運営しております。

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

 

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

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

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

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

 

ノンデザイナー 向けのまとめ記事を作りました。ぜひご覧ください!

関連記事

デザイナーではない、つまりノンデザイナーの方でも知るだけで今すぐ使えるデザインポイントというのは存在します。今回の記事ではそんな知れば今すぐ使えるデザインのポイントを紹介!ノンデザイナーの方もブログのアイキャッチ画像[…]

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

白文字と黒文字の両方使ったデザインサンプル

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

結論をいうと

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

タイトルは白文字で文章は黒文字

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

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

 

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

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

 

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

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

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

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

例えば、、、

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

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

 

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

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

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

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

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

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

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

切り抜いた写真や枠

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

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

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

 

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

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

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

まずはこのサンプル!

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

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

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

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

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

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

 

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

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

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

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

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

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

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

 

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

 

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

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

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

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

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!フォローするだけでデザインを学べるTwitterアカウントと毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインス[…]

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

 

 

もっと白文字と黒文字のポイントを使ったデザインが見たい方!

この記事で解説した白文字と黒文字のデザインをもっと見たい方は、、、

デザイン研究所が運営する学べるギャラリーサイト「managary」へどうぞ!

白文字と黒文字のデザイン事例

 

デザ研
クリックすると白文字と黒文字を使ったデザイン”だけ”が表示されます!

 

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

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

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

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

 

こちらの記事はシンプルなデザインまとめ記事にも含まれています!

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!デザイン特化のメディアでは国内最大級のTwitterとインスタグラムを運営しています。 今回の記事ではシンプルなデザインを作るテクニックを[…]

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

 

 

この投稿をInstagramで見る

 

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

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

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

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

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

CTR IMG