# あいさつ どうも、しまやすです。 元Yahoo!のデザイン責任者で、SNSでデザインのTipsを発信したり、 デザインの解剖図鑑の著者、Adobeことはじめクリエイティブカレッジの講師や、 超デザイナー覚醒コミュニティシマラボを運営したりしております。 この番組は、センスがなくてもできるデザインの小技を一日一つお送りしていきます。 本日のテーマは、白は200色暗念というテーマでお話をしていきます。 それでは本日もよろしくお願いします。 # 本編 本日も聞いていただきましてありがとうございます 今日はですね 白は200色暗練というですねテーマで まあこれは言いたかっただけなんですけど 色をテーマにですねお話をしていきます 私はですね20年以上ウェブデザインの仕事をしてきていて ヘアフーのデザイン責任者をやったり 今年は本を書いたりとかですね あとはアドビのクリエイティブカレッジ というところで講師をしたりしております まあそんな感じなんですけど あの 色っていうのがその まあどういうふうに配色するかっていうところの この白は200色暗練っていうふうに言ったのは これはですね 色っていっぱいあるんですよね 組み合わせだけで言ってしまえば PCのモニターっていうのは一応1677万色が 一応表現できると言われているんですよね それだけでもね1000万色もあったら大変じゃないですか なので白と呼ばれる色もまさに200色どころか 何色あるのか僕も知らないですけど たくさんあると それを組み合わせていったらですね 本当に悩ましいですよね 白だけでもそんだけたくさんあるんだったら 黒もたくさんありますし赤もありますし 緑も青も当然あるわけですよね そうなってくると決められないというところで 色に悩む方々に向けて改めて色っていうのは こうやって決めるといいですよっていう お話をしてみます まずですね 3つポイントを挙げます 一つ目はパクるですね これは私 結構採算をお伝えしてるんですけど 色に関しては 商標登録してるケースを除けば 基本的にパクって問題ないです 一部そういう問題になるケースっていうのは 例えばコンビニの有名なコンビニの 色々あるじゃないですか 7何とかとか ロゴ何とかとか色々ありますよね そういったコンビニの看板に 使われてる配色っていうのは 基本的には商標登録されてるので あれを真似しちゃうとやっぱ怒られちゃいますよね 結構イメージとして強い 例えば他にもですね 例えばもの消しゴムってあるじゃないですか あれもすごい印象的じゃないですか 黒と白と青っていう ああいうふうに それ単一である程度 製品 商品 サービスがある程度 早期させられるようなものっていうのは 結構NGになるケースが多いです なので作ったときに これ何か見たことあるな この配色とかと思ったら 調べるなり ちょっと人に聞くなりして そこはちゃんと避けるっていうのは 前提としてあります ありますが とはいえですね 色はパクって 基本的には問題ないです 例えば 配色サイトとかっていうのがいっぱいあるので 配色とかって検索すると いっぱい出てきます あとは今だったら AI チャットGPTとかに聞いたら こんな配色とか なんだら配色のパターンまで 出してくれるかもしれないですね なので それを聞いたりとか そういったものを調べて 配色サイトとか 何かしら組み合わせを そのまま使うってことですね そのまま使うってときに さすがにそのまま 完全に使おうとすると ちょっと 使いづらかったりします 例えば 色にしても 仮に青い色を使って 配色のパターンに 仮に3色あるうちの 1色が仮に青だとしたときに 青も 普通の青だけではなくて ちょっと 濃い青を使いたくなったりとか あとは ちょっと薄い青を使いたくなったり とかっていうケースはあると思います 例えば 背景色に薄く青を引きたいとか それはそれで全然いいと思うんですよ なので あくまで色数っていうのは 3色がおすすめなんていうふうに 皆さん よく言うケースが多いですけど それも厳密にそこに縛られすぎずに その色味の中で明暗というか 暗かったり明るかったりっていう ところは 割と自由にやっていいのかな っていう感じがしてます 二つ目は 強い色は控えめにという ところですね 例えば 赤とか わかりやすいですよね 赤とか黄色 とかですかね そういった割と眩しい 色というか 強い色ってやっぱり あるんですよね 黒とか白とかっていうのは 色味がないので どうしても 強さという意味では明るさはあったり とか 白なんかはあったりしますけど 色味が強いかつ彩度っていう 鮮やかさが強いと 割と強いという ふうに印象を受けることが多いです なので そういった色はちょっと 控えめにするというか こことという ところに使うっていう感じですね 結構 赤にせよ青にせよ黄色 そういった 三原色みたいなものとか 何かしらそういった代表的な色 っていうのは 明度を明るくして 彩度を強くすると 結構 えげつない 色になっちゃうんですよね だから そこは結構 原色と呼ばれる色に しちゃうと デザインなんかで言うと 割と扱いにくいというか 別に 完全にNGとは言わないですけど そこを結構 コントロールがしづら くなるというか 割とデザインが ちょっとパワーっぽ感出ちゃう みたいな感じになっちゃうので そこは避けたほうがいいかなという 感じなので 強い色を使う場合は 最小限 強さっていうのも 全体的に 彩度とか明度っていうところは あんまりに原色 原色した感じには しないほうがいいというところが コツですね 最後 三つ目ですね 色は逆算でというところで 例えば じゃあ 仮に弁護士さんのサイトを 作りますというときに 誠実さを 売りにしたいんですってなったら 色っていうのは結構 研究しつくされてる テーマなので こういった印象を 与えたいですというときに この 色味っていうのは ある程度正解 というか そこはもう答えが出てるんですよね なので 例えばそういったデザイン で 仮にXとかインスタでも何でも いいんですけど 仮にご自身のアカウント を設計するときに 私は見た人に こういった印象を与えたいという ものがあるんだったら それを 逆算して色を作っていくっていう のはあると思います そういった 色の意味みたいなところとか 根拠 があると よりこの色っていうのは ブランディングに近いかもしれない ですけど そういった色の印象で だいぶ印象を変えられるので そこは お勧めなので ぜひ試してみてください 今日は色の話をしてみました 一つ目は 色はパクりましょうと 商標登録されてるようなものを 除けば パクっても問題ないですと 二つ目が 強い色は控えめにしましょう というところですね 再度 明度 に注意という感じです 三つ目が 色は逆算でやっていきましょう というところで ある程度印象として こういった印象を与えたいという ところがあれば それはそういった ものを参考にしながら 逆算で色を 設計していくということが大事 になります 色は結構設計していく というか もう使うならこの色しか 使わないぞっていうふうに どっか にカラーパレット置いて それしか 使わないような感じで作っていく と破綻しないのでお勧めです 今日 白は200色アンデンというテーマ でお話をしてみました # デザインの解剖動画絶賛発売中 お知らせです。デザインの解剖動画がリリースされました。 動画のですね、買い切りコンテンツで、デザインの基礎について、デザインの解剖動画というですね、僕の本をベースにですね、さらに分かりやすく解説をしています。 で、これはですね、それに加えてですね、コンテンツがどんどん刺されていきます。 毎月、ちょっと半年くらいやろうと思ってるんですけど、まずですね、最初のうちはですね、デザインってどうやって作ってんだっけみたいなところを、 僕があやこや試行錯誤している過程も含めて、ライブで放送をしています。 特に初心者の方っていうのは、どうやってデザイン作っていけばいいかって結構分かんないですよね。 それをですね、僕の悩みとか、悩み、悩みというか、これ分かんないなとかっていうところも含めて、 話しながらですね、これどうしようとか、できる気がしないとか言いながらですね、いろいろ試行錯誤をしてやっています。 デザインっていうのは、僕今20年以上やってるんですけど、そんな風に長くやってるからといって、 シャローでできるかというとですね、時間短くなっているかもしれないですけど、 とはいえですね、いつも苦労しながら生み出していますので、そんなところも含めてデザインを作る過程というのを見ていただいて、 自分の実際にデザイン作るときに活かしていただければなと思っています。 買い切りコンテンツなので、特に追加料金なくですね、コンテンツがどんどんどんどん追加されていきますので、 こちらもですね、リンクをこのチャプターに追加しておきますので、もしよければご確認ください。 # GEEK CREATORSに登壇しまぁす！ 11月3日にギーククリエイターズに登壇しまーす。やったー。 えっとですね、こちらのイベントはですね、無料で参加できるイベントなんですけど、いろんなクリエイターさんがですね、たくさん登壇されます。 僕もですね、今回はですね、売れるデザインというところで、Yahoo!時代にですね、ABテストを散々やってたので、 年間で大体20億円ぐらい分ですね、僕はABテストで改善効果を上げたんですけど、そのですね、ノウハウをですね、すべて惜しみなくですね、 こういった時には、こういったパターンが勝ちましたとか、これ実はこういった仮説を持ってます、みたいなところも含めて、 そのABテストで培ったですね、知見みたいなものをですね、余すことなくお伝えしていきますので、 このAI時代にですね、どういったデザイナーが勝てるかというとですね、一つ確実に価値になるのは売れるだと思います。 この売れるデザイナーのノウハウみたいなところで接していただきたい方、ぜひですね、11月3日、東京ですね、東京で開催しますので、ぜひチェックしてみてください。 詳細はですね、今このチャプターにリンクを貼っておきますので、そちらからご確認ください。 # おまけ それではお分けの放送を収録していきます。 今週はですね、わりと若干落ち着いている、僕としては落ち着いているんですけど、 来週はですね、週明け、祝日ですね、月曜日、11月3日に Geek Creatorsというところで登壇をしていきます。 これはわりとアドビのコミュニティエキスパートってですね、 結構プロの中でもわりと活躍されている方々がですね、 登壇するというイベントなので、 ぜひですね、もしDRで来ていただける方がいらっしゃったらですね、 無料ですので、ぜひお越しください。 来ていただいたら、僕も時間を許す限りお話とかしますので、 ぜひですね、来ていただけるとうれしいですというのが一つ。 で、あとはですね、2つ目はですね、来週末はですね、 僕は実はイレブン塾っていうですね、所属しているコミュニティがあって、 そこでですね、音楽のライブがあるので、 それは僕がずっとギターをやっていて、 ライブとかってコロナの開けてから、 これの前までは毎年やってたんですけど、 最近は全然できなくて、ちょっとやりたいなと思って、 メンバーをエントリーするとそれに出られるってことだったので、 出たい、出たいと思って出てですね、やるので、 それの練習をしているんですけど、 それをやるっていうのが来週ですね。 ただ本業ってですね、来週出張があるんですよ。 だから結構ね、来週はパタパタするんですよね。 ちょっとね、今インフルとか流行ってるっていうんで、 ちょっとインフルとかには絶対ならないようにですね、 気をつけてやっていければなと思っていますというところですね。 あとはまた明日どうでもいいですけど、 僕は冷え脱もやっていて、冷え脱もしてくるんで、 ちょっとね、今日はあんまり夜は食べないで、 明日の朝もですね、多分水分しか取れない感じなんで、 ちょっとね、消気ガスを使った脱もやるので、 それをですね、やっていきますというところです。 はい、そんな感じですね。 じゃあ最後ですね、最終日、金曜日ですね。 会社員の方はあと1日、皆さんですね、頑張っていきましょう。 それではですね、本日も聞いていただきましてありがとうございました。 あ、いいねと思った人はですね、グッドボタン、 あとはフォローもぜひお願いいたします。 それでは本日も聞いていただきましてありがとうございました。 また明日。