# あいさつ どうも しまよしです 元Yahoo!のデザイン責任者でSNSでデザインの Tipsを発信したり デザインの解剖図鑑の著者 Adobeことはじめクリエイティブ カレッジの講師やAdobeコミュニティ エキスパート 超デザイナー覚醒 コミュニティ しばらむど運営をしたりしております この番組はセンスがなくても できるデザインの小技を一日一つ お送りしていきます 本日のテーマ は デザイン歴20年のプロのデザイナー はどうやって競合調査をしている のかというテーマでお話をして いきます それでは本日もよろしくお願いします # 本編 本日も聞いていただきましてありがとうございます。 今日のテーマはですね、デザイナー歴20年のデザイナーがどうやって競合調査をしているのかというテーマでお話をしていきます。 今日はですね、競合調査というところの観点で言うと、いろんな観点で見る競合調査ってあると思うんですが、あくまで見た目の話というところに絞っていきたいと思います。 まずお話をする前にですね、私はですね、20年以上デザインをやっていて、 去年、アトビのクリエイティブカレッジというところで講師を始めて、 あとは今年の初めからですね、デザインの解剖図鑑という書籍を出して、それでですね、作家としてもやっておりますというところです。 そんな感じで、クライアントワークでは企業さんのページ作ったり、デザインの顧問で企業のデザインをサポートしたりとか、 あとはコミュニティを運営したり、クライアントワーク以外にもですね、 お客が実際に初心者のデザインの方にデザインをコンサルで図鑑で教えたりとかいうところもやっておりますというところです。 その前提のですね、私が競合調査をしているときにですね、結構やっぱり皆さん競合調査に悩んでいる方って多いんですよね。 どういうことで悩んでいるかというと、出たものをそのまま作っちゃうというか、 競合調査を見て自分のデザインに活かせないみたいな方がすごい多いなという印象を受けます。 これどういうことかというと、具体で見ちゃっているんですよね、多分。 例えばデザインを見て、ここの色が何色だ、ここのレイアウトがどうだ、ここのフォントがどうだというところを完全に見て、 それをそのまま利用しようとしているんですけど、僕の見方というのは完全にそうではないんですよね。 どう見ているかというと、結構Pinterestというのを材料アスペとかではなくて、 概念としてというか、見方が結構違うなと感じます。 この見た目をまんねるというよりは、原理を抽出して、それを抽出した原理を使ってデザインを転用していくということを考えています。 なので、見方はすごく抽象度が高いんですよね。 また左に画像があって、右に文字があるとかという極端というか、これは別に参考にしてもあんまり意味がないですけど、 例えば、お問い合わせのフォームというかお問い合わせのエリアを作るとして、電話番号があって、QRコードがあって、 他にURLがあるとしたとしたときに、電話番号はどういうふうに、電話番号と会社名ってどうやって配置しているんだろうとか、 またQRコードの下にURLがあるのかないのかとか、そういうとこを見ながら結構抽象度高く捉えて、 抽象度高く捉えておくと、それを実際に自分が作るものの要素と違っていたりとか、自分の作るものの要素というのは、 それを踏まえてどう配置していこうかというところを転用しやすいんですよね。 抽象度が高いものを転用すればするほど、そこに紐づくハウもたくさん考えられるので、 それをやっていくと割とデザイン作りやすいんですよね。 なので、このPinterestを本当に具体で、この色でとか、この形でとかというのを捉えちゃうと、それでしか応用が効かないんですけど、 そこをできるだけ抽象度高く捉えて、このデザインはなぜこう見せているんだろうというのを考えながら、 それを、じゃあ、僕は私はこういうふうに見せたいから、今回このデザインを利用しようみたいなことをしていくと、 すごいデザインが作りやすかったりとか、Pinterestからも転用しやすかったりするので、ぜひ試してみてください。 僕結構発信でパクれって言ってるんですけど、このパクるっていうのは、どこまでパクっていいでしたかって話をよく聞かれるんですけど、 僕のパクれはすごく抽象度が高いんですよね。なので、レイアウトだったりとか、薄め上げでデザインを見たら、それをパクってるみたいな感覚というか、 そのままマンデルってことはあんまない、あんまとかないです。なので、そのマンデル要素というのは、抽象を高くレイアウトを、 左、右とかっていうレベル感とか、フォントだけマンデルとか、何かしらそういった、結構抽象を高めにマンデルしているので、 そこら辺を意識すると、いろいろデザインが応用しやすくなるので、ぜひ試してみてください。 # デザインの解剖図鑑が絶賛発売中！！ お知らせをさせてください。私の初めての著書、デザインの解剖図鑑が絶賛発売中です。 全編図解でデザインのティップスやマインドをまとめた一冊丸々図解の書籍となります。 初心者デザイナーの方はもちろん、SNSで図解を作ったり、お仕事で資料を作るようなデザイナー以外の方にもとてもおすすめの書籍となります。 このチャプターにAmazonのリンクをつけておきますので、興味のある方はぜひチェックしてみてください。 # デザイナー初心者向けに無料特典を配布しています！！ デザイナーって場所にとらわれずに ノマドで働けるので始める人が とても多いんですけど やることが たくさんあって デザインという 一つの言葉だけでも抽象度が高い ので 例えばウェブデザインとか 紙のデザインとかロゴのデザイン とか いろいろあって それを学ぼう とすると 何から学んでいいか 分からないとか じゃあ実際作って みても これって私はプロとして やっていけるレベルなんだろう かとか これぐらいスキルを身に つけたら 例えば案件受注していいん ですかね みたいなところもなかなか 分かりづらいんですよね 算数 とかだったら1たす1は2みたいな 正解があるんですけど デザイン って正解がないので 何かしらこの 最初のうちというのは 本気でやる 人であればあるほど そういった アドバイスをくれる人っていう のが結構いたほうが絶対に有利で スピード感を持って収益化ができる ようになると思います そんな方に 僕自身がいろいろアドバイスを したりとか あとは動画でそうい ったコツみたいなものをお伝え しています なんで もし良ければ このチャプターに公式ラインの リンクがついてますので ぜひ得点 もつけてますので ご確認ください # おまけ はい、というわけでおまけの放送を収録していきます。 今日はですね、6時から先月ですね、デザインの解剖図鑑っていうですね、動画の買い切りコンテンツを出したんですけど、そこに1本動画を追加する予定です。 どんな動画を追加するかというとですね、今も基礎的なことをですね、いろいろ網羅してデザインとはこういうことですよとかっていう、デザインの正解とまでは言わないですけど、デザインの考え方みたいなものを動画で作ってるんですけど、 ぜひこれですね、初心者の方には絶対に見てほしいんですけど、その中にですね、どんどんどんどん今月からですね、毎月毎月動画を追加していこうと思います。 第1弾としてはですね、僕がコンサルをしている生徒さんとですね、一緒に1時間でですね、バーナーのお題をですね、パッと見て、部屋に出してもらったやつをパッと見て、それで作って、 僕が作る過程を全部その人にお見せしながら、説明しながらやってるみたいな感じです。本当にライブ感があって、僕も1時間でできるかわからずに最初始めて、何とかかとか形にはするんですけど、最初は無理やりのところはありますけど、僕がどういう考えでデザインをしているかというところは、過程すべてさらけ出しながら話しているので、 だいたい45分くらいまではですね、できるのかいなって感じでずっと作ってるんですよ。最後の15分くらいでパッと仕上げていくんですけど、そういう流れ、全体の構成をですね、割と黒い感じで、僕の仲良しのスカ坊さんの言い方で言うところの墨置きをしてですね、置いていって、やっていくって感じなんで、ここら辺の作り方も参考になるかなと思うので、ぜひですね、 今日の6時にですね、またXとかでもポストしますけれども、早めに買っていただいても、全然、後から追加は受け取っていただけますので、値段がですね、ちょっと今9800円で売ってるんですけど、そこが、ちょっともしかしたら、どっかでタイミングで値上げとかもするかもしれないので、早く購入すればするほどお得となってまいりますので、ぜひですね、このチャプターにリンクも貼っておきますので、ぜひチェックしてみてください。