そろそろ季節物のデザインを考える時期がやってきました。
なにかいいヒントがないかな~と素材サイト巡りをしていて気づいたのですが、いつの間にかブラウザだけで使えるエディターや切り抜きツールなど、編集ツールのサービスがかなり充実してる!そういえば、昔からあった気もするけど、動作が重くて使えなかったような・・・と思いつつ触ってみると、Twitterのバナーやインスタのカード、チラシまで作れたり、画像の切り抜きができたり、それに使えるテンプレートも用意されていたり。その充実度もすごいけど、動作が軽い。すごい。
「画像素材にはリッチにお金をかけるけど、編集ツールは無料ツールを使ってシンプルに素材勝負のカードを作る」ということもできちゃいますね。編集ツールから揃えるってなると大変ですもんね・・

※ツールによっては会員登録が必要だったりはします
ツールはいろいろあったんですが、その中で特にこれいいなーと思ったのが、shutterstockのカラースキームのページ。(意外とあるようでなかったような?)「色から画像を探せる」のが便利だったので、紹介したいと思います。
こんな人におすすめです↓
- 配色に悩んでいる人
- 素敵配色見本をご飯のおかずにできる人
- イメージを掴む前のインスピレーションの材料が欲しい人
【素材サイト】カラースキームツールを使って色から探す
shutterastockのカラースキームページが素敵
そのshutterastockのカラースキームのページはこちら。
上のリンクから直接飛べますが、トップ経由だとどこにあるかというと、
「トップ」>「ツール」>「カラースキーム」でタブメニューを辿っていくと出てきます。

ページを開くと、下記キャプチャのようにカラーブロックがたくさん出てきます。数えてみると、全部(4×47-1)で187もありました。このカラーブロックごとにページが用意されていて、カラースキーム4種(同系、類似、コントラスト、トライアド)と、指定の色で選定された画像候補を見ることができるようになっています。

shutterstock以外の素材サイトにも、赤、青、緑、黄などの原色+白黒のフィルターで絞り込み検索ができるサイトはあるのですが、やたら強い色の画像が優先されていたり、範囲も広すぎて絞りきれなかったりで、実際使う素材としてはちょっと使いづらいのですよね・・・。Webデザインの場合、UIやコンバージョン優先で配色するので、使いやすいニュアンスカラーも選べるのがとても有り難いです。
配色のイメージ
下図は「Champagne Pink」のページです。候補の画像も背景に使えそうなものが多いので、なんとなく配色のイメージが湧いてきませんか?

他の素材サイトでもこのくらい精度のある色検索ができるようになるといいのにな・・・
さいごに
配色フェチが鼻息荒く紹介してしまいましたが、キーワード検索でうまくいかない時は、自分の好きな色を見てみたり、使ってみたい色や今年のトレンドカラーに近いものを選んでみたり、「色から選ぶ」を楽しんでもらえたらなと思います。
どなたかのお役に立てれば幸いです。
最後まで読んでくださってありがとうございました。
