# あいさつ おはようございます。デザイナーの島安です。 元Yahooのデザイン責任者で、SNSでデザインのTipsを発信したり、 デザインの解剖図鑑の著者、アドビコとはじめ、クリエイティブカレッジの講師をしたりしております。 この番組はセンスがなくてもできるデザインの小技を1日1つ、5分でお送りしていきます。 # “なんかダサい”の5つの原因 それでは本編のほうを収録していきます。 今日はですね、何かダサいっていうのをですね、ちょっと言語化してみようと思います。 なんかまあ、ざっくり言うと5つぐらいあるかなと思っていて、ちょっとそれを言語化していきます。 まず1つ目ですね、情報の優先順位が見えないと。 で、2つ目が余白が詰まっちゃってるというところ。 3つ目が本当たくさん使っちゃってるっていうところですね。 4つ目が色使いの統一感。 5つ目が画像やアイコンのトーンのところですね。 この5つの観点で説明をしていきます。 まず1つ目ですね、情報の優先順位の部分。 結構なんかですね、ダサいって言うと見た目とか、あしらいとか色とかってところに着目しがちなんですけど、 実はですね、この情報の優先順位というか軸みたいなものがないと、なかなかデザインがですね、垢抜けないというところはあります。 僕自身はですね、実際に初心者デザイナーの方から相談を受けたりとか、 初心者デザイナーの方を今コンサルで育てているというか育成しているので、 その時にもすごく感じるんですけど、この情報の優先順位がきちんと軸として持っていないと、 例えば飲食店だったらカレー屋さんなのか、ラーメン屋さんなのか、何かしらみたいなところがきちんとあって、 その上で、例えばカレー屋さんだったらシーフードのカレーを押し出していこうみたいな感じで特徴とか、 何がしか訴求のポイントがあるんだと思うんですけど、 垢抜けないデザインの時っていうのは大体この情報の優先順位というか、カレー屋ですみたいなところの主張っていうのがあんまりなくて、 結果的にそれがいけてない感じになっちゃってるという感じになるケースが多いです。 2つ目が余白ですね。 例えば余白も画像と文字が近いとか、またまた文字同士でもそれぞれのパーソナルスペースみたいな、 満員電車とかでも人が近いと不快感があるとか、 満員電車だったら当然近いのはしょうがないんですけど、 別に満員電車でもなんでもないのに、近くに横に人がいたら落ち着かないじゃないですか。 同じようにデザインもよそとよその間があんまりにも狭いと結構落ち着かない感じになります。 なので縦横っていうところで、 例えば僕は結構余白は4の倍数とか8の倍数で作ることが多いんですね。 それはなぜならばモニターの解像度のピクセル数というか幅が8の倍数で結構なってるケースが多いので、 なのでまずそこは前提としてやっています。 その上で縦横で画像とか文字があったときに、 その文字の横にある程度一定のスペースがあるかないか、 画像の横にスペースがないかっていうのをチェックして、 そしてその余白っていうのを調整していくということをよくやっています。 3つ目ですね、フォントの組み合わせですね。 結構やっぱり初心者の方々を見ていると、 初心者の方であればあるほどフォントをたくさん使っちゃうというか、 同じようなフォントでもちょっと違ったりとか、 あとはシンプルに一つのデザインの中にフォントの種類がたくさん入ってくるみたいなケースは結構あるなという感じですね。 それが何かしら意図を持っているとか意味があるんだったら、必然的な意味があるんだったらいいんですけど、 だいたい初心者の方っていうのはそこはあんまり気迫というか、 あんまりそこを意識せずにただなんとなく使ってますみたいなケースがあるので、 ただなんとなく使うんだったらそこまでフォントを使わないほうが、 ある程度統一感も取れるしいいんじゃないかなという感じがします。 4つ目ですね。色使いの部分ですね。 この色使いに関しては特に赤抜けるか抜けないかというところで言うと、 コントラストが肝を言うと思います。 僕結構3行以上の法則ってよく言ってるんですけど、 3行以上同じような、例えば白い字に黒い文字が続いてるみたいな、 3行以上、3つ以上同じあしらいが続くと結構デザイン的にはしんどいというか、 単調な感じに見えてしまうんですよね。なので色使いもそうなんですけど、 色使いよりもコントラストを意識して、 例えば一番メインのタイトルが白字に黒の文字だったとしたら、 サブコピーみたいなものは、例えば黒字というか、 明度が低いところに対して白い文字を入れてあげるみたいなことの、 コントラストというところは結構観点としてはあるかなと思います。 あと5つ目ですね。画像とかアイコンのトーンの部分ですけど、 ここに関しては、いくつか何かしら入れるんだとしたら、 ちゃんとアイコンとかイラストのテイストを合わせてあげる必要があると。 今だったら、例えばAdobe Stockとか、あとはSSAIなんかは結構まともになってきているので、 そこら辺で同じようなテイストで入れてあげるのがいいかなと思います。 今日は何かダサいを言語化するというところで、5つの観点でお話をしました。 1つ目が情報の優先順位。2つ目が余白が多すぎる。 集まりすぎるですね。ごめんなさい。 あと3つ目がフォントの組み合わせがちぐはぐしていて、 4つ目が色使い、特にコントラストの不足。 あとは5つ目が画像とかアイコンのトーンがバラバラというところでお話をしてきました。 どうしても初心者の方って、この何かダサいを言語化できないし、 言語化したとしても、それを実際に実践していい感じのデザインにするのは結構難しいので、 そういった意味でも、今回は何かダサいの言語化をしてみました。 # デザインの解剖図鑑が絶賛発売中！ お知らせをさせてください。私の初めての著書、デザインの解剖図鑑が絶賛発売中です。 全編図解でデザインのティップスやマインドをまとめた一冊丸々図解の書籍となります。 初心者デザイナーの方はもちろん、SNSで図解を作ったり、お仕事で資料を作るようなデザイナー以外の方にもとてもおすすめの書籍となります。 このチャプターにAmazonのリンクをつけておきますので、興味のある方はぜひチェックしてみてください。 # デザイン初心者向けに特典を配布中！ デザイナーって場所にとらわれずに ノマドで働けるので始める人が とても多いんですけど やることが たくさんあって デザインという 一つの言葉だけでも抽象度が高い ので 例えばウェブデザインとか 紙のデザインとかロゴのデザイン とか いろいろあって それを学ぼう とすると 何から学んでいいか 分からないとか じゃあ実際作って みても これって私はプロとして やっていけるレベルなんだろう かとか これぐらいスキルを身に つけたら 例えば案件受注していいん ですかね みたいなところもなかなか 分かりづらいんですよね 算数 とかだったら1たす1は2みたいな 正解があるんですけど デザイン って正解がないので 何かしらこの 最初のうちというのは 本気でやる 人であればあるほど そういった アドバイスをくれる人っていう のが結構いたほうが絶対に有利で スピード感を持って収益化ができる ようになると思います そんな方に 僕自身がいろいろアドバイスを したりとか あとは動画でそうい ったコツみたいなものをお伝え しています なんで もし良ければ このチャプターに公式ラインの リンクがついてますので ぜひ得点 もつけてますので ご確認ください # おまけ それではバケノン放送を収録していきます。 今日は日曜日の夜に収録しているのですが、 久々に数週間数ヶ月、色々作業してきたので、 今日は日曜の夜は作業をしないと決めて、 今ハイボールを飲んでゆっくりとしているところです。 やはりメリハリとか、 あと最近感じるのはこの姿勢ですね。 結構僕は整骨院でいろいろハリを打ってもらったりはしているんですけど、 ハリだと中々、瞬間的には楽になったりするんですけど、 根本的な治療が必要だと思うので、 どうしても僕の場合、肩甲骨の幅がちょっと広がっているというところと、 ちょっと巻き方気味だというところであるので、 それをきちんと矯正をして、 首のゴリを減らしていきたいなと思っています。 というところが最近の現状ですかね。 そんな感じで月曜日ですね。 今日はまた今週からガッツリとやっていけるように、 皆さんも頑張っていきましょう。 僕も頑張ります。 というわけで、ここまで聞いていただきましてありがとうございました。 また明日。