# あらゆるコツは相手を迷わせないための配慮に尽きる。 こんにちは。フリーランスデザイナーの千鋏子です。 今日は、伝わるコンテンツの共通点というテーマでお話ししていきます。 結論から言うと、余計な印象を与えないという思いやりが、 伝わるコンテンツの共通点としてあるかなと思っています。 私はデザイナーなので、デザインを例に今日のお話をするんですけど、 タイトルを伝わるデザインの共通点じゃなくて、 伝わるコンテンツってちょっと括りを大きくしているのには理由があって、 今日お話しする共通点というのは、デザインに限らず、 あらゆる何か伝える行為をするものすべてにおいて共通するものだと思っていて、 というのも、まず大前提としてデザインって、 そもそも何か伝えるっていうのが目的というか根底にあったりするんですよね。 デザインの場合は、ビジュアルっていう文字だったり色だったり、 イラストだったり、そういう見た目で何かを表現する、 何かを伝えるっていうのがデザインだったりするんですけど、 それがライティングだったら文字を使って何かを伝えることだし、 プレゼンテーションだったら資料デザインと、 あとは身振り手振りとか自分の声とかを使って何かを伝えるっていうことだったりすると思うんですけど、 それぞれ表現の方法は違えど、何かを伝えるっていう上で共通する部分が結構あって、 今日はそのデザインを例に挙げながら、 他の今挙げたようなライティングだったりプレゼンみたいな、 何か伝えようとするコンテンツ作りに関わっている方は何か共感してもらえたり、 参考になる部分があるんじゃないかなというお話になります。 今日の要点は冒頭でお伝えした通り、 伝わるコンテンツの共通点は余計な印象を与えないことだよっていう、 もうこれに尽きるんですけど、余計な印象を与えないってどういうことっていうのをもう少し具体的に、 デザインを例にいくつかご紹介したいなと思います。 いわゆるデザインのコツってたくさんあるんですけど、 具体的に例を挙げると、 色、配色は3色以下に抑えましょうとか、 フォントもあんまり使いすぎずに2、3種類に抑えましょうとか、 あとはデザインの4原則として近接、整列、対比、反復みたいな、 いくつかこういう時はこうしたらいいみたいなコツってたくさんあるんですけど、 その全部に共通するのが、この余計な印象を与えないっていうところに行き着くんじゃないかと私は思っていて、 もう少し別の表現をすると、相手を迷わせないための配慮、これに尽きるんじゃないかなと思っています。 例えば今例で挙げた配色のコツで言うと、 3色以下に抑えましょうみたいなのは、 単純に色が増えすぎるとその分与える印象も増えちゃうので、 本当に伝えたい印象以外のものも伝わっちゃったりするんですよね。 あとはその色を使う時の注意点として、 トーンを合わせるっていうのも一つあるんですけど、 色のトーンっていうのも、ペールトーンとかビビットトーンとかグレイッシュトーンとか色々あるんですけど、 そのトーンごとに与える印象が違ったりするんですよね。 明るいポップな印象とか、力強い印象とか、優しくて柔らかい印象とか、 そのトーンごとにあるんですけど、それがごっちゃになってると違和感で繋がったりするんですよ。 違和感があると、本来受け取り手がストレートに一つのメッセージを受け取るのが理想的だと思うんですけど、 そこに違和感っていうのが入っちゃうだけで、伝わりにくくなっちゃうっていうのがあるので、 余計な違和感、印象を与えないためにこのトーンを揃えましょうとか、 色数は3色ぐらいに抑えましょうみたいな、そういったコツが結果的に具体的な手法として出てくるっていう感じなんですけど、 どっちも、要は余計な印象を与えないとか、相手を迷わせないための配慮って言えますよね。 他にもデザインの4原則それぞれについて具体的にお話ししようかなと思うんですけど、 デザインの4原則って、近接、性別、対比、反復っていう4つあるんですけど、 これも全然単語としてこの4つ覚えなくても大丈夫です。 それぞれどれも共通点は余計な印象を与えないとか、相手を迷わせないための配慮っていうのが分かっていれば自然とできてくるものだと思うので、 全然それぞれ4原則なんだっけみたいに暗記する必要はないんですけど、 まず一つ目の近接がどういうものかというと、関連するもの同士を近づけて情報をしっかり分類するみたいなイメージなんですけど、 よく例で挙げられるのがメニュー表ですね。 メニュー表で写真たくさん並んであって、その下に商品名と値段があるみたいなデザインをするときに、 この写真がどの商品名なのかみたいな、それを分かりやすく伝えるにはこの近接っていうのが大事になってきて、 ちゃんとこの写真とこの文字がセットですよって分かるようにそれぞれ近づけるっていうのがこの近接ですね。 この近接がうまくいってないと、本来関連付けたい写真とメニュー名とか値段がちゃんと正しく結びつかないっていうことが起きて、 見てる利用者側としては、この商品の値段なんだろうがパッと見でわからないみたいな、要は相手を迷わせるっていうことにつながっちゃうんですよね。 なのでそういったトラブルというかエラーが起きないために、この近接っていう関連するもの同士をちゃんと近づけるっていうのがデザインの4原則の一つですね。 続いて2つ目は整列っていうものなんですけど、これはまあいろんな文字の分等だったり、デザイン上で画像と文字の頭を揃えるとか、 いろんな位置を揃えるみたいな感じで使うんですけど、これも違和感をなくすことにつながってるかなと思っていて、 やっぱり揃うべきところが揃ってないとそこだけ気になっちゃったりするんですよね。 なんでここ揃えずに一個だけずれてるんだろうとか、何か意味があるのかなみたいな邪念につながったりするので、この整列でシンプルにまとめるっていう役割もあるんですけど、 これも違和感をなくす、余計な印象を与えない思いやりの一つかなと思います。 続いて4原則3つ目は対比っていうもので、これは他と違う部分を作るというか強弱をつけるみたいなことなんですけど、 例えばメニュー表を例に挙げると4つ商品があって、全部同じ大きさで並べるんじゃなくて、一つだけおすすめの商品だけ大きくするみたいな、 そういう対比、他の商品よりも大きくみたいな対比で一つ強弱をつけることによって、これおすすめですよ、注目ですみたいな強弱をつけて迷わせないみたいな効果があります。 4原則4つ目は反復っていうので、これは同じ構造のものを繰り返すみたいな、 小さいテンプレートをいっぱい繰り返すみたいな感じなんですけど、例えばずっとメニュー表を例に挙げるんですけど、 画像と商品名と金額っていうのは全部一つの型で、同じ文字のサイズだったり、フォントの種類、色だったりを全部揃えて繰り返すっていうのが反復ですね。 揃えることによって全部並列なんだっていうのが分かりやすくなります。 何か一つだけ注目させたいなら、さっきの対比みたいに一箇所だけ文字の大きさ変えたり色変えるっていうのは全然、あえて変えるみたいなのはありなんですけど、 そうじゃなくて特に深い意味もないのに、こっちではこのフォント使って、こっちはちょっと変えてみようみたいなことをすると、 受け取り手としては、なんでこっちはこうで、こっちは違うんだろうみたいな、ちょっと混乱することにもつながっちゃうので、 これも迷わせないために、ある一定の型を反復するみたいなのがコツとしてあります。 という感じで、何か伝わるコンテンツを作りたいときには余計な印象を与えないっていう部分を意識すると、色々応用できますよねというお話でした。 最後まで聞いてくださりありがとうございます。