画像作成・編集

デザインやイラストの配色で参考になる記事

更新日:

デザイン・配色・基本の基

ブログの運営やイラストを書いたりするときに、デザインって考えますよね?

フォトショやGIMPなどでデザインを考えるとき、どんな配色にするかを考えないといけないときがくると思うのですが、ツイッターを見ていてとても役に立ちそうな情報があったので紹介しておきます。(自分のためでもある)

 

紹介する内容

 

 

デザインの基本日記「配色編」

Desing Beginnerさんが書いているnoteで書かれていました。

  • 基本の配色はまず2色
  • 7:2:1で色にメリハリを
  • 反対色を入れてインパクトを
  • 近似色を使って調和させる
  • 対象のテーマで配色を決める
  • 対象ユーザーで配色を決める
  • 写真の色で馴染んだ配色
  • 色に困ったら白黒に
ハッタ
図解付きですごくわかりやすいです

「なるほど、こうすればいいのか」というのがよくわかります。

参考にしてみてください。

 

カラーサプライ

色相環を用いて反対色・近似色・三回対称軸などの組み合わせから配色のサンプルを出すことができます。

カラーデザインのイメージや色のコードも表示してくれるので即戦力な使い方ができます。

▲反対色での組み合わせパターン

▲三回対称軸パターン

▲三回対称軸を元にした配色イメージ

 

デザイン・配色のまとめ

頭の中だけではイメージしづらい配色ですが、デザイン方法を知ることやサンプルが見ることができるおかげでデザインへの入り口がグッと身近になります。

このブログものちに配色デザインを変更していってみようかなと思います。

色のデザインや配色に迷ったら参考にしてみてください。

 

おしまい

 

▼配色で参考になる本

合わせて読まれる記事

  • この記事を書いた人
  • 最新記事

ハッタさん

新潟県に生まれ美容師として働きながらWEBの勉強をしております。

自分のお店のホームページと自分のブログをメインに扱い、こっそりと違うサイトを作って小遣い稼ぎ中。

自社サイトやブログを立ち上げたい時には是非ご相談ください。

プロフィール詳細はコチラ

-画像作成・編集
-, ,

Copyright© 僕の私の脳内メモ , 2018 All Rights Reserved.