# ①色のトーン ②フォントの種類 ③あしらい こんにちは、フリーランスデザイナーの千恵根子です。 今日は、統一感の作り方というテーマでお話ししていきます。 先週ですね、伝わるコンテンツ、印象に残るコンテンツの作り方というテーマでお話ししたその中で、 統一感が大事ですよっていうお話をしたんですけど、そこではちょっと具体的なお話をする時間がなかったので、 今日はその、じゃあ統一感が大事ですよ、その統一感どうしたら作れるんですかねっていう部分をお話ししたいと思います。 ざっくり、統一感がなんで大事かっていう話を振り返ると、 デザインだったり、動画制作だったり、あらゆるコンテンツを作るときにいろんな要素を組み合わせて作るじゃないですか。 その要素がそれぞれ違う印象を与えてたら、伝えたいことの印象がチグハグになっちゃうので、 自分が作りたい印象とか、それで届けたい、伝えたいイメージっていうのがしっかり伝わりにくいから、 あらゆる要素をすべて統一させる、同じ一つの印象を作り上げるっていうのが大事ですよというお話でした。 今日は、じゃあ統一感作るにはどうしたらいいのかっていうのをポイントを3つご紹介します。 ざっくり先にポイントを言ってしまうと、1つが色、2つ目フォント、3つ目あしらい。 この色、フォント、あしらいっていうのに注目して統一感の作り方っていうのをご紹介します。 NG例を元にご紹介した方が、実際に制作する上でイメージしやすいというか、確認しやすいと思うので、 自分もこのNG例やっちゃってないかなみたいな感じで聞けるので、NG例でご紹介したいと思います。 では早速1つ目、色については、色についてのNG例は色のトーンが揃ってない。 この色のトーンが揃ってないっていうのがあるあるのNG例になります。 結構やっちゃいがちなんですよね。 色のコツ、デザインにおいて色のコツでよく言われるのが、色はなるべく絞る。 3色以内に絞るっていうのがコツとして結構言われるんですけど、 その3色に絞ったその色もしっかり統一感を出すには、色のトーンを揃えるっていうのが結構大事だったりします。 色のトーンって何のことかというと、ちょっと専門用語で言うと色相じゃなくて、 明度と彩度、色の3要素の明度と彩度によって分類されている色のグループみたいなのがあるんですけど、 その分かりやすい、その聞きなじみのある例で言うと、ビビッドトーンとか原色に近いようなものがビビッドトーンって言ったり、 あとはペールトーンって言って結構淡いパステル系の色とか、あとはグレイッシュトーンとか、 グレイッシュトーンはいわゆるくすみカラー、結構グレーよりちょっと色味を感じるぐらいのトーンとか、 そんな感じで色のトーンごとに与える印象っていうのが変わってくるんですよね。 淡いペールトーンだったら優しい印象とか柔らかい印象、 ちい皮とか、あとはすみっこグラシとか、ちょっとそういう例しか今パッと出てこないんですけど、 そういう優しい印象、柔らかい印象で使われてたり、 ビビッド系は何でしょうね、アイドルとか、流行りのアニメの、ちょっと去年ですけど、 アイドルとか結構原色のピンクとか水色が印象的ですよね。 とか、グレイッシュトーンは結構今年流行りのほんとくすみカラーで、 よくインテリアとかでも見かけるような色かなと思います。 っていう感じで、それぞれがどんな印象を与えているか、 ビビッドカラーだと結構元気な印象とかアクティブな感じだったり、 グレイッシュトーンは落ち着いた印象とか、それぞれあると思うんですけど、 それぞれトーンによって与える印象が違うので、 いろんなトーンを使ってしまうと、与える印象もまばらになっちゃうんですよね。 なので、色のトーンを揃えることで、より自分が伝えたいデザイン、 作りたい印象っていうものを作る上で、 色のトーンを揃えるっていうのは一つ意識してみると、結構印象変わるかなと思います。 続いて2つ目はフォントについてのあるあるNG例は、 フォントの種類が多すぎる。 これも結構よく言われるんですけど、 フォントも種類はなるべく少なく、2、3種類に絞った方がいいって言われていて、 まさにそれなんですけど、 これもフォントの種類が増えちゃうと、 フォントも与える印象っていうのがそれぞれあるので、個性があって、 日本語フォントで言うと、ざっくりゴシックとミンチョウタイっていう風に分類されたり、 あとは特殊なやつ、手書き系とか、 どっちにも分類されないような個性的なフォントとか色々ありますけど、 それぞれ本当ゴシックとミンチョウっていうざっくりした区分けでも、 ゴシックなら力強いとかスポーティーとか、 あとはベーシックな感じ。 ミンチョウタイは高級感とか和風な感じとか、 それぞれに伝わりやすい、伝わる印象っていうのが変わってくるので、 それでたくさんフォント使っちゃうと、その分印象も増えちゃうので、 なるべく絞った方がいいっていうのがこの統一感作るためのポイント。 フォントの種類が多すぎるときはなるべく絞った方がいいっていうのが2つ目のポイントです。 続いて最後3つ目のNG例は、 あしらいが活かせてないっていうのがNG例です。 このあしらいっていうのは飾りとかフレームとかそういった部分のことなんですけど、 やっぱりこのあしらいが個人的に結構難しいかなと思っていて、 個人的に私自身も結構苦手だと思っていて、 でもあしらい一つで本当により作りたい印象になるか否かが大きく左右される部分というか、 これまでの色とかフォントももちろん大事なんですけど、 あしらいでより世界観が作り込めると思うので、 このあしらいっていうのは結構大事ですよね。 で、そのあしらいが活かせてないってどういうことかというと、 これまでと一緒で使ってるあしらいが違う、 いろんな印象のバラバラの印象のあしらい使っちゃうとかがもちろんNGだし、 あと自分が作りたい印象と違う印象のあしらい使っちゃう。 例えば真面目なビジネス系のセミナーの広告デザインを作りたいのに、 子供向けの可愛らしい素材を使っちゃうとか、 そういった感じで作りたい印象と違うあしらいを使っちゃうっていうことがあるので、 しかもそのあしらいの難しいところが線の太さ一つでも結構印象が左右されるくらい、 結構繊細なものなんですよね。 なのでその素材サイトで何かフレーム使うってなった時の注意点として、 サイズを変える時に線の太さの変化が影響してないかっていうのが結構落とし穴かなと思います。 あんまり太くなりすぎると結構カジュアルな印象になったりするので、 せっかく高級感のある華奢な線のフレーム素材を持ってきたのに、 実際使う時に拡大してたら思ったより太くなっちゃうっていうことが全然あるので、 そういう時は線の太さ一つのあしらいが与える印象の変化に注意していただけるといいかなと思います。 ということで今日は統一感の作り方っていうのを3つのポイント、 色とフォントとあしらいっていうポイントに分けてNG例をご紹介しました。 キクダケフリーランス講座の毎週火曜日はこんな感じでサクッと学べるデザインのお話をお届けしています。 デザインをやってる方もそうじゃない方も何かスキルアップのヒントとして参考になれば幸いです。