これでもう配色には困らない!配色見本サイトの紹介【初級編】

みずのです。
緑のきれいな季節になってきましたね。
オフィスの窓を開けながら仕事していると、たまに入ってくる風がとっても気持ちいいです。

そんな私は入社して2ヶ月がたとうとしています。
サイト制作のお仕事をさせていただきながら思うのが、
「配色って難しい。」
ということ。

すでに配色されている小物や印刷物、WEBサイトをみて
「この色かわいい!」とか「この配色はないわ〜」
など評価はできるのだけれども、いざ自分で色を組み合わせるときに
ワンパターンになってしまったり
淀んだ沼のような世界観ができあがってしまったり。。。

そんな負のカラーリングスパイラルから抜け出すサイトのご紹介!
【初級編】ということで、いろんな色を一覧でき、使いやすい色見本サイトを3つ集めてみました。

1.原色大辞典 http://www.colordic.org/
スクリーンショット 2015-04-23 16.38.22

原色が一覧できる見やすいサイト。
私もお世話になっています。
ヘッダーの「色で選ぶ」のプルダウンメニューから選べる「ラッキーカラー」など
楽しく色で遊べるサイトです。

2.color sample.com http://www.color-sample.com/
スクリーンショット 2015-04-23 16.50.22

もっと色がみたい!という方におすすめなのは
Web上のフルカラーで表現できる1600万色の色見本が掲載されたビッグカラーデータベース。

色を選ぶとその色の数値情報、配色情報、トーン、コントラスト、透明度などなどその色にかんする情報が余すところなく出てきます。
色と向き合いたい方に。

3.NIPPON COLORS http://nipponcolors.com
スクリーンショット 2015-04-23 17.06.19

個人的にすきな配色サイト。
こちらは日本の色をピックアップしたサイト。
サイトデザインがとっても素敵。
和のテイストを取り入れたい方にはおすすめです。

「色選び」に困ったときは
これらのサイトからヒントを得るのもいいかもしれません◎

インスピレーションを刺激する!デザイン検索エンジン

ここのところ雨続きで自転車に乗れない日々を過ごしているみずのです。
今日も1日雨。
こんな日はなかなかよいアイデアが浮かびません。

そんなときにインスピレーションを掻き立てるサイトをご紹介◎

Niice

スクリーンショット 2015-04-20 4.49.01 PM

NiiceはデザインサイトのBehance、Dribbble、Designspirationから結果を引っ張ってくるデザイン検索エンジン。

画面上にある検索ボックスにワードを入れると・・・

スクリーンショット 2015-04-20 5.10.54 PM

このように検索ワードに関するデザイン画像が表示されます。

スクリーンショット 2015-04-20 5.10.26 PM

ちなみに、誤って入力したりスペルミスをすると・・・

https://niice.co/search/umbllera

遊び心溢れるサイトです。
なんだかいいアイデアが浮かばないとき、行き詰まったとき、
休憩がてらこのサイトを覗いてみるのもいいかもしれません。

WEB・DTP ・ロゴデザインに使える!フォントを一覧表示できるWEBサービス!

4月から入社しました新米WEBデザイナーのみずのです。
毎日がまなび、まねびの日々です。

そんな私がデザインをする中でためにになったツール、使えるツールを紹介していきたいと思います!

WEB・DTP・ロゴのデザインをするときに
「この名前のフォントってゴシック?明朝?」
「フォントのデザインを比較したい!」
と思ったことはありませんか?

そんなときに便利!自分のPCに入っているフォントを一覧表示できるWEBサービスを紹介します。

word mark

wordmark1

シンプルでみやすく、日本語対応。
黒いメニューバーの項目に、白抜きにしたり、フォントの大きさを変更するツールもあります。

wordmark2

さらに、「filter selected」でピックアップしたり、カーニング(文字間隔)をいじることもできます。

wardmark3

フォントを一つ一つソフトで確認しなくてもよいので手間が省け、
比較することによってより適したフォントを選ぶことができ、アイデア出しにもにピッタリなツール!
このツールを使えば、埋もれていた素敵なフォントを発見できるかも?

ゆるりは動画