# あいさつ おはようございます。デザイナーの島安です。 元Yahoo!のデザイン責任者でSNSでデザインのTipsを発信したり、 デザインの解剖図鑑の著者、アドビことはじめクリエイティブカレッジの講師や、 アドビコミュニティエキスパートをしたりしております。 この番組は、センスがなくてもできるデザインの小技を一日一つお送りしていきます。 本日のテーマは、やっぱり迷っちゃう配色について、 今日はお話を致します。 致しますでした。 致します。 そんな感じでよろしくお願い致します。 # 本編 それでは本日も聞いていただきましてありがとうございます。 今日はですね、やっぱり迷っちゃう配色についてお話をしていきます。 結構ですね、僕自身もですね、いろんな方にデザインのことをお話ししたりとか、 セミナーをちょっとちっちゃくしたりとかいくつかやってます。 その時にですね、いろいろどんなことで例えばこう悩んでますかね、みたいなお話を 初心者の方とか、あとはデザインをやられて、デザイナーじゃないんだけれども デザインに興味があるとか、そういった方、非デザイナーの方ですね。 そういった方々に話を聞くと、よく出てくるのは配色なんですよね。 やっぱり色っていろんなものに通じるというか、例えばファッションなんかでも 色の組み合わせによって印象が変わったりとか、結構大きく見た目を左右するものなので そこで迷われる方っていうのは多いなという感じがしています。 とはいえですね、いくつか踏まえる点があれば、それである程度いけるので 今日はですね、3つの観点でお話をしていきます。 1つ前提としてですね、配色に関しては割と僕はパクったらいいじゃんっていうお話をしているんですね、 結論から言ってしまえば。 例えばパクるというのはどういうことかというと、色って一部例外を除いて 基本的には真似しても怒られないものなんですよね。 例えば配色サイトとかでも、この配色使ってデザインしていいよとか、これを参考にしてねというものがあるので そういったところだったら、本当に全然どんどん真似すればいいと思うんですね。 そこを真似してしまえば、例えば赤で赤をベースにサイトというかデザインを作るのだとか 青をベースに作るのだみたいなことが決められれば、それでもう事足りてしまうんですね。 なので前提としてパクってしまえばいいというのがあるというのが僕の考えです。 ただ一部例外はあって、例えば有名なコンビニの看板とか そういった割とどこのコンビニもファミマにせよ、ローソンにせよ、セブンにせよ やっぱりあの色ってポサが分かりますよね。遠くから見ても分かる。 あれって実際に書評登録とかされているので、あれをそのまま使っちゃうと実は怒られちゃうという感じなんですよね。 なので一部例外はあります。あるんですけど、例外がないことがほとんどなので そこは色に関してはそういったところから真似して作っていくというのが良いと思います。 とはいえ真似る前に赤だ青だみたいなところを決めていった方がいいので そこに関しては軽くお話ししようかなと思います。 まず決めるときには色の真理から逆算するというのが一番やりやすいですね。 例えば仮に弁護士さんだとして、弁護士のサイトを作りたいというときに 例えば弁護士だから信頼性をちゃんとお伝えしたいんだ、感じてもらいたいんだ であれば例えば信頼性を感じる青にするとか、もしくは情熱的な弁護で押し出して無罪を勝ち取るみたいな方だったら 情熱とか熱さみたいなものを赤で表現するとか、そんな感じですね。 ご自身が伝えたいこととか、商品が持っている魅力とか、商品で訴求したい内容とか その会社で伝えたい内容とかっていうのをどういったものにしていくかっていうのを ブランドカラーとかロゴとかあればそういうのを仮にそれを活かして参考に作っていくんだと思うんですけど そういうのがなければそういったキーワードとかですね、そういうところから参考になっていくと。 それで色の真理から一色、メインのカラーを決めるっていうのが一つ目ですね。 それを決めてしまえば、あとはさっきの配色サイト、例えばアドビカラーとか 他にも配色のサンプルを載せるようなサイトっていっぱいあるので、そこらへんは配色とかっていうのをやると そこで検索するようなことが出てくると思うので、あとはChatGPTとかに聞いてみてください。 それで聞いたら出てくるので、それを入れますと。 入れて、何ならそれでやっていけばいいんですけど、とはいえそういうところって 4色とか5色とか結構サイトとか色のバリエーションがいくつかあるんですよね。 そのときに考え方としては、色の割合を考えたほうがいいと思っていて 例えばメインの色として、仮に青で作るとしたときに、青の割合を一番多くする。 70%は青にしようと。 30%は青を背景色とかで使うような薄い水色みたいなものを使うとします。 あとはもう一色、アクセントカラーとして、黄色とかで目につくようなポイントになるところに色をつける。 それが5%くらい。 これ数字入れてるんですけど、何となく大部分なものは青で、保証的に薄い青を使ったり、 あとは目立たせたいところに関して黄色を使うみたいな、その割合みたいなものをちゃんと意識しましょうというのが2個目ですね。 3つ目が、それを踏まえて、今度は全体のトンマナを揃えるみたいなところが出てくるんですね。 サイドを揃えるとか。 あとは微調整ですね、3つ目は。 例えば、サイドを揃えていくとか。 サイドは配色サイドであれば問題ないと思うんですけど、 あとは強い色があったら、強い色の理由は極力避けるみたいな。 ここは色の持ってくるときに考えていけばいいんですけど、 とはいえ強い色ってやっぱり見たときに眩しかったりとか、見たときに強さによって出ちゃう。 ちょっと残念な感じというか、ちょっと素人っぽさみたいなのが出ちゃうので、 そこは配色サイドでうまいことを選定して、これはちょっとやめとこうみたいな感じ。 もしもそれがどうしても好きだというのは、例えば色の弱さとか強さみたいなところを調整するというのが1つですね。 また例えば真っ黒い文字は避けるとか。 これも配色サイドから持ってくる色とは違いますけど、黒っていうのは結構強いんですよね。 なのでそこを、例えば000みたいな色のシャープ、色情報みたいなものがあるんですけど、 それを例えば3333みたいな感じでやってみると、多少弱くなるので、 例えばそういうところで若干弱くしていくみたいなところとか。 経線とか、経線も真っ黒で引くよりは結構薄めにすると、割とスッと弱くなるので、 経線って黒いと結構分断するような感じがあるんですけど、 割と薄くするとそういうところって防げるので、そこら辺も色のところ、全体調整みたいなところをやっていく。 そうするとだいぶ色に関しては、そもそもキーワードから逆算をして、 それに対して配色サイドでやっていくという感じなので、 そんなに自分の頭で考えずに済みますし、あとは最終的に全体の調整をバランス見てやっていく。 これをやればだいぶ色としては、いい感じになってくるんじゃないかなというふうに思っております。 とはいえ、これも知っているのと実践するのとでは結構違うので、 そこはぜひ皆さんもいろいろ何回かやってみて、 こういうことかとしまいすが知っているのはこんなことなんだというのを少しずつ感じてもらえればいいかなというふうに思っております。 今日はそんな感じで、やっぱり迷っちゃう配色についてお話をしてみました。 # デザインの解剖図鑑が絶賛発売中！！ お知らせをさせてください。私の初めての著書、デザインの解剖図鑑が絶賛発売中です。 全編図解でデザインのティップスやマインドをまとめた一冊丸々図解の書籍となります。 初心者デザイナーの方はもちろん、SNSで図解を作ったり、お仕事で資料を作るようなデザイナー以外の方にもとてもおすすめの書籍となります。 このチャプターにAmazonのリンクをつけておきますので、興味のある方はぜひチェックしてみてください。 # デザイナー初心者向けに無料特典を配布しています！！ デザイナーって場所にとらわれずに ノマドで働けるので始める人が とても多いんですけど やることが たくさんあって デザインという 一つの言葉だけでも抽象度が高い ので 例えばウェブデザインとか 紙のデザインとかロゴのデザイン とか いろいろあって それを学ぼう とすると 何から学んでいいか 分からないとか じゃあ実際作って みても これって私はプロとして やっていけるレベルなんだろう かとか これぐらいスキルを身に つけたら 例えば案件受注していいん ですかね みたいなところもなかなか 分かりづらいんですよね 算数 とかだったら1たす1は2みたいな 正解があるんですけど デザイン って正解がないので 何かしらこの 最初のうちというのは 本気でやる 人であればあるほど そういった アドバイスをくれる人っていう のが結構いたほうが絶対に有利で スピード感を持って収益化ができる ようになると思います そんな方に 僕自身がいろいろアドバイスを したりとか あとは動画でそうい ったコツみたいなものをお伝え しています なんで もし良ければ このチャプターに公式ラインの リンクがついてますので ぜひ得点 もつけてますので ご確認ください # おまけ はいそれではおまけの放送を収録していきます。 今日はですね実はあの夜収録してるんですけど結構思いっきり声が出せる感じなんですね まあこれなぜかというとえっとうちのですね妻と僕以外の家族 ワンちゃんも含めてですねみんなですね今奥さんの実家に行っていまして 私はですね夜なんですけれど家に一人なんで結構普通の声に張って Voicyが収録できるといういい気分な感じでございますという感じですね はいなんでこう今やってるんですけど色についてはですね結構迷う方いっぱい いらっしゃるのでこれ色ってのはもう少し丁寧にやっていこうかなというか分かるように したいなというふうに思っています なんか結構こんなですね話いろいろこう今 実はですね9月じゃない10月か10月の頭に向けてですね 動画でデザインのことを解説するようなコンテンツを作ろうとしています でまぁそれをですねちょっと台本とか書いて動画である程度資料とか作りながらそれで分かり やすくしようかなと思っています一応デザインの解剖図鑑をベースに デザインの解剖図鑑は私からですね今年の1月に出した書籍ですね書籍の内容をベースに ですねまあ項目とかはデザインの解剖図鑑をベースにしていくんですけど 話す内容とかに関しては解剖図鑑でもすごいシンプルなというか僕が目指したのって IKEAの説明書みたいな感じでちょっとですねこう 本当に絵で見てなんかパッと見てわかるみたいな感じでできるだけ文字情報を減らして いるんですよね なのでそれをですねちゃんと実例とかも交えながら挟みながらですね ちょっとこんな感じでやってやるといいですよみたいな話をですねちょっとこう織り 混ぜながらやれるといいかなというふうに思っております はいそんな感じでちょっとですねただそれまだ全然できないんで 8月ですねそれをちょっと僕はやっていくっていう熱い夏にしようかなと思ってるので引き続き ですねちょっとなんか動きがあったら共有していこうと思っております それではですね本日もここまで聞いていただきましてありがとうございました また明日