WEBデザイナーになるまでのロードマップ無料配布中 >受け取りはこちら

LESSON15 
素人デザインから抜け出す
色の使い方

前回はデザインの役割や
アートとの違いをお話をしました。

今回は、デザインでも大事な
「色」についてのお話をします。

WEBデザインをするにあたって、
ついついPhotoshopのことばかりが
気になりがちですが、

重要なのは、
色、素材(写真やイラストなど)、
文字、レイアウト
です。

Photoshopの本を買おうとする人がいますが、
ツールの使い方を解説した本であって、
WEBデザインの本ではない、ですからね

今日の色の話なども参考に
デザインの解説本も読んでみましょう。

それでは色についてお話ししていきます。

この色の話はデザイナーにとってとても重要で、
色遣いによって素人っぽく見えたり、
プロっぽく見えたりします。

皆さんよくやりがちなのが、
原色を使うこと
です。

例えば、
赤なら真っ赤とか、
青なら真っ青とかです。

服に例えたらわかると思うんですが、
真っ赤な服や真っ青な服って着ませんよね?

それと同じで、
バナーでもLPでも原色を使うことは
あまりありません。

赤でもちょっと淡くしたり、
薄くしたりして使います。

昔のホームページは、
表現できる色が決まっていました。

そのため、原色だけで
表現するしかなかったのですが、
今は、そういった制限は全くないので、
原色の多いサイトを見ると
古い感じがしてしまいます。

あと、色にはトーンがあります。

このトーンを合わせると、
色に統一感が出て綺麗に見えます。

例えば、原色に近いような色と淡い色が
混ざっていると何だかおかしく見えます。

淡い紫、淡い茶色のように、
同じようなトーンに合わせると
統一感が出てデザインも違和感が
なくなります。

とってもわかりやすい図があったので、
貼っておきますね。

引用元:
https://www.acky.info/tips/web/00009.html

原色を使いたくなる原因は、
目立たせたい」とか、
この色でいいや」みたいに
選んでしまうのがほとんどです。

目立たせ方を知っていれば、
この問題は回避できます。

色相環といって、
下記の図のようなものがあります。

色の意味も書いてあるので、
デザイン初心者さんは、
イメージに近い色を使ってみてくださいね。

引用元:
https://www.acky.info/tips/web/00009.html

目立たせる方法ですが、
わかりやすく言えば、サラダです。

緑の中に、プチトマトが入っていると
そこだけ目立ちますよね。

マグロのお刺身とか入っても目立ちますよね。
色相環の反対色を使うと目立ちます。

青緑の中に赤を入れる
といった感じで使います。

こういった配色のルールがあるので、
これを知っておくだけでも、
色の使い方が上手くなり、
素人っぽいデザインから抜け出せます

ちなみに全然関係のない話ですが、
私たちは「素人っぽいデザイン」のことを
「イモ」って呼んでます(笑)

イケてないことを
イモ臭いとかいいますよね?
そのイモの意味で使ってます。

もし私にイモって言われたらそれは、
素人っぽいデザインだと
思ってください(笑)

このトーンの表や、
色相環のお話をしましたが、

スクールではあまり深く教えてくれなかった
という声をよく聞きます。

もっと簡単で、いちいちこの表を
見たり覚えなくてもよい方法を
教えています。

今回の図は、
考え方としてはとってもわかりやすくて
参考になると思ったので
ご紹介させていただきました。

このレッスンではデザインに欠かせない
色についてお話ししました。

WEBデザインを仕事にするのであれば
売れるデザインを知ること、作れることが必須
というのはお伝えした通りですが、

それ以外にもWEBデザイナーについて、

  • どうやったらお仕事取れるの?
  • どれくらい作れば稼げるの?
  • 本当にWEBデザインだけで生活できるの?
  • WEBデザイン業界って忙しそう、、

などよりリアルな働き方を知りたい方に
おすすめしているのが

WEBデザイナーという働き方セミナー
です!

このセミナーでは、
リアルな働き方についてはもちろん、

本や動画、一般的なセミナーでは聞けない
WEBデザイン業界の裏側や
最短でWEBデザインを身につける秘訣などを
公開します!

あなたの気になることにも合わせて
お話ししようと思うので

他にも気になることや聞きたいことがあれば
無料セミナーに参加してみてくださいね。

まずは日程をご確認ください^^

\デザインを始める前に知っておきたい/

次のレッスンもデザインについてですが、
これもとっても大事な
文字のデザインについてです!

続きのレッスンは、
下の画像をタップしてご覧ください↓

▼▼今までのレッスンはこちらから見れます▼▼

LESSON1:意外に知られていない稼ぐWEBデザイナーのお仕事
LESSON2:未経験からWEBデザイナーへの最短ルート
LESSON3:本当に必要?プログラミングスキルを学ばない理由
LESSON4:どうやったらWEBデザインができる?
LESSON5:デザインセンスはどのくらい必要?
LESSON6:絵が上手くなきゃWEBデザイナーになれない?
LESSON7:WEBデザイナーってどれぐらいでなれる?経験必要?
LESSON8:解説!バナーってどうやって作られているの?
LESSON9:面接20社不合格から2社内定をもらった方法
LESSON10:WEBデザイナーのお給料事情
LESSON11:WEBデザイナーって今からでもなれる?
LESSON12:WEBデザイナーを探している人たちはどこにいる?
LESSON13:WEBデザイナー向けのパソコンとは?
LESSON14:デザインとは何なのか?デザインのゴールとは?

45日で私がWEBデザイナーに!?その秘訣を3時間で解説!
詳細を見てみる
45日で私がWEBデザイナーに!?その秘訣を3時間で解説!
詳細を見てみる