デザインの配色に迷ったら

最近、SEOから始まってUIの相談になり、さらにデザインの話になり…なんだかんだで、なんとなくデザイン提案をするケースもあったりしていまして…。なんちゃってフラットデザインもダサいですし、こんなのどうですか?と雑談ベースで提案すると、それが意外にも喜ばれたりします。そこで、そんなデザインの配色に困った時に使えるツールをご紹介したいと思います。

色味

ふわふわ

フラットデザインの流行に伴って

私が個人的に愛用しているツールなのですが、フラットデザインに伴って、色味もソフトな感じが増えてきています。パキッとした色合いではなく、彩度が抑え気味で、明度も低めのカラーリングです。しかしそれもカラフルに活用することで全体をポップな印象にしてくれます。

しかしこれが難しくて…絶妙なバランスで配色しないと、途端にダサくなってしまうわけです。「あぁ、頑張ってるなぁ」感が出ちゃうんですよね(笑)。

というわけで、そんな「頑張ってる感」が出ないで済むヒントをくれる無料ツールをご紹介します。2016年秋頃にあちこちで特集されていましたが、私もご紹介してみたいと思います(参考:「UX MILK」)。

ふわふわ

PALETTABLE

https://www.palettable.io/
まずはこのPALETTABLE。URLを叩くと任意の色が出ます。その任意の色が気に入ればそのままですし、自分で最初の色を出したければ16進数のカラーコードを入力します。そして、その後色味を調整したければ調整しつつ、「Like」「Dislike」の表示に合わせて進みます。「Dislike」をクリックすると別の色を推薦してくれますが、「Like」をクリックすると、その色はそのままにマッチする次の色を推薦してくれます。

palettable1

palettable2

このような形で最大5色まで紹介してくれますので、統一感のあるカラーリングを抽出できるようになるわけです。

ふわふわ

Coolors.co

https://coolors.co/
これは、結構ビビッドな色が出現します。「Start the Generator」に進むと、いきなり任意の5色を出してくれます。スペースキーを押すごとに新規の5色を推薦してくれます。気になった色は調整したり、組み合わせをいじったりできますし、5色全体の明度を調整することもできます。

coolors1

coolors2

1色でも決定すれば、その色を「Lock」しつつ、同時に色々なカラーリングを推薦してくれますので、ブランドカラーに合わせたサイトデザインの配色を考える際には便利です。

ふわふわ

センスは大事

さて、今回は私が個人的に活用している無料ツールを2つご紹介しましたが、もっともっと同様のツールはあると思います。それぞれ微妙に使い勝手が異なるので、是非探してみてください。

また、私の場合はパワーポイントの提案資料にもこのツール配色を反映したりしています。ただ、パワーポイントではRGB形式で色を作成するので、そういう時は「PEKO STEP」を活用して相互変換すると良いでしょう。ちなみに、せっかくパワーポイントで絶妙な色味の企画書を作成したところで、プリントアウト時にしっかり再現できなければダサくなるのでお気を付けください(笑)。


関連記事

NAVERまとめが終了

2014年に一世を風靡した(...私の中で)あのNAVERまとめがついに終了するそうです。残念とか悲しいとかではなく、なんとなく感傷的な気分になりましたのでご紹介しておきます。あの1件以来まるで目立たなくなってしまいましたが...それでも私はユーザーとして普通に見ていたんですけどね...。 終了の通 ...(続きを読む)

ネット広告費がTVCM費超え

昔はマスメディアのことをAbove The Lineと呼び、インターネット周りをBelow The Lineと呼んでいた時代もありましたが...ついに2019年の日本の広告費の中でテレビCMをインターネット広告が上回ったようです。電通の「2019年 日本の広告費」により明らかになりました。マス系広告 ...(続きを読む)

サクラチェッカーを使ってみよう

Amazonのレビューが海外中心に荒れていることは皆さん結構ご存知の状況かと思います。競合他社による嫌がらせレビュー(わざと悪くコメントする)や自作自演(わざと良くコメントする)等、この専用事業者もいるほど横行しており、かなり問題視されている事象です。そこで今回は、既に有名なツールかと思いますが「サ ...(続きを読む)

Y!メールのブランドアイコン

私は頻繁にYahoo!メールを活用しているのですが、そのYahoo!メールにおいて、先日Yahoo! JAPAN側から「ブランドアイコン表示企業が増えました」という発表がございましたので、ご紹介したいと思います。 どんな内容? Yahoo!メールに届く送信元表示部分にファビコンのようなアイコンを付け ...(続きを読む)

コメントを書く

コメントは承認から反映までしばらく時間がかかる場合がございます。メールアドレスが公開されることはございません。