これから、デザインの勉強を始める方、ちょっとデザインに興味がある方、プログラムはできるけどデザインの方はちょっと苦手な方々。。。

『Most common mistakes made by new designers』という記事を見つけました。。

っちゅうわけで、本日は、デザイン初心者の方が気をつけると良いかも？っという、ポイントとお手軽に使えそうなツールをあわせてご紹介。。

色の選択
色味って、人それぞれ好みがあるので、一概にどれが正しいとかって言い切るのは難しいですが・・・あまりにもドギツい配色のサイトは見ていて疲れますよね。。。

最近は、配色関連のツールがいろいろ充実してますね。。

kuler

COLOURlovers

以前、こちらでもご紹介した、『デザインの配色に迷ったときに使えるツールのまとめ』も参考になるかも。。。

フォントの選択
今では無料でかなりクオリティの高いフォントがダウンロードできるので、いろいろなフォントを試して、お気に入りのフォントを見つけてください。。

dafont.com

better fonts

日本語のフォントが使いたい～！って方は、
『無料で使える日本語フォント11選』も合わせてどうぞ～。

フォントのサイズ
あまりにも小さすぎたり、大きすぎるフォントサイズは読み難いですよね。。

こちらで、フォントとサイズを設定すれば、ブラウザ上でどんな感じで見えるのかお試しできます。日本語が使えるともっと良かったんですが…

Typetester

ドロップシャドウ・光彩
Photoshopなどを使えば、簡単にドロップシャドウや光彩などのエフェクトがかけられますが、使いすぎると逆にチープに見えてしまいますよね。。

↓のチュートリアルのように影のつけ方にもひと工夫してみると、また違った感じに見えていいですね。。

グラデーション
グラデーションもやりすぎに注意しましょう。。色決めに自信が無い方は、配色ツールなどであらかじめ色を決めてからの方がいいかも。。

↓こちらのツールは簡単にグラデーションを作ってくれるツール。。

Photoshopをお持ちの方は、『Photoshopのグラデーションファイルを日本の伝統色で作ってみた』こちらから、グラデーションファイルをダウンロードしてお試しください～。

まだまだ、ポイントはいっぱいあると思いますが・・・

デザインするときに結構迷うのが配色ですよねぇ～。
実際にいろんなデザインを見てお気に入りの色を探したりするんですが、自分の好きな色を寄せ集めてみたところで、色が喧嘩しあってなかなかいい感じにまとまらなくなってしまうんですよねぇ・・・

クライアントの好みだったり、会社のイメージカラーとかあったりして、

「この色は絶対に使ってください！」

みたいなご要望もあったりして・・・

色のバランスってなかなか難しいものですわ。
でも実は、まとまって見える色の組み合わせって論理的に決まっとる訳です。

とりあえず、その色の論理に合ってる配色をしとけば無難にまとまるんですねぇ。。

ちゅうことで、本日はそんな色の論理に基づいた便利な配色ツールをまとめましてん。
配色に迷ったときはこのツール。

1. Color Scheme Generator 2
こいつはかなり使えます！！お好きな色を一色指定して、それに対する対照色なんかを自動的に組み合わせて、まとまった配色を教えてくれます。う～ん便利だ。

2. Color Scheme
これは、↑の初期バージョンです。初期バージョンと言ってもColor Scheme Generator 2に劣るわけではございません。基本的には、使い方は同じ。好きな色を一色指定したら、自動的に配色を組み合わせてくれます。個人的にはこちらの配色のほうが好きだったりする。

3. 9 rules logo color
こちらは、いろんなロゴの配色を紹介してくれてます。ツールを使って自分で配色を探すのもめんどくさい方には、こちらからそのままどうぞ～。

4. Steel Dolphin Creative
こちらも、配色を自動生成してくれるツール。使い方もシンプルで分かりやすいっす。

5. Dark Eye
こちらのサイトは色を指定して、検索ボタンを押すと、指定した色を含んだウェブサイトが検索できる便利なサイト。登録されてるサイトは、カラースキームだけじゃなくデザイン的にも洗練されてるサイトばかりなもので、かなり参考になりますよ〜。

なかなか、便利な配色ツールがありますねぇ。デザインに興味のある人は是非ブックマークを！いろんな色を試して、遊んでるだけでも結構楽しいですよ～ん。

デザインblogランキング