「トンマナ」ってよく聞くけど、いったいどういうこと?【盛れる! グラフィックデザイン部】

グラフィックデザインってなんだか難しそう。誰か親切な人が教えてくれないだろうか。できれば優しいギャルだといいんだけど……。そんなことを考えていた初郎(ういろう)君のもとに、どこからともなくグラフィックデザインに詳しいギャルが現れました! グラフィックデザインの初歩を学ぶ連載です。
- トンマナの基礎知識
登場人物

ぎゃるの
グラフィックデザインに詳しい謎のギャル。その時の気分で優しくしたり詰めたりする。

初郎(ういろう)
グラフィックデザインについては右も左もわからない。できれば優しいギャルに教えてもらいたい。

う〜寒い寒い。街はすっかりクリスマスだなあ〜。去年はサンタさんを探しにフィンランドまで行ったりしたっけ……。
(ドゴォ!!)

い、痛い!? なにか巨大な物体にぶつかった……??

うーす、ういろう。ごめ、まだ乗り慣れてなくて〜。
気をつけろし、赤鼻太郎。
![]()
ブルルン

ぎゃるのさんと……トナカイ!!!???
ぎゃるのさんがサンタでサンタがギャルで??? そして名前、赤鼻太郎??

赤鼻太郎、アレ出して。そうそう、いい子いい子。
ちょっと早いけど、ぅちからういろうにクリスマスカードあげるね。

わわっ! ぎゃるのさんからお手紙もらうのは初めてですね! ドキドキ……。
え〜っと、なになに……
「ぅちら(デザイナー)とト〇〇〇はズッ友☆ 絆フォーエバー」?
……ト〇〇〇???
![]()
ブルルン

ト……トナカイ??

はい。ブブー!! 正解は「トンマナ」。
そんなわけで今回のテーマは〜「トンマナを知ってデザインのクオリティをもっとアゲちゃぉ〜」だょ!

そう来たかー!!!!!
トンマナとはなんぞや

んじゃーまずはトンマナって何? ってことから。

はい。初耳すぎますねえ。

トンマナ=トーン&マナーのこと。このクリスマスカードを例に教えるねー。


はあ、なるほど……。
なんかこんな雰囲気だなーっていうふわっとした部分と、この色やこんなイラスト使ってるからこういう用途や目的(クリスマスカード)なんだな〜って言わずもがな伝わってくる部分、それらをあわせたものがトンマナってことですか?

え、待って。今日のういろう言語化神がかってんじゃん? どした?

いや寒いんで!! めっちゃ外だし! しかもトナカイいて目立つからギャラリー集まってきてるんで! 早く撤収したいんですよぉ〜!
![]()
ブルルン

おけまる〜。んでそのトンマナを決定するのが、これまでに勉強してきた「フォント」「配色」「背景」「イラスト・あしらい」「構図」ってわけ〜。


ああ〜これはいまだに迷うやつ。このフォントと背景と配色にはどんなイラストが合うんだ? 何が正解だ? ってなっちゃうんですよね〜。

そうそう。だから、事前にぅちのトンマナはこれ!っていう「自分たちの中の正解」を作っておけば良んじゃね? って話〜。

確かに闇雲に進めるよりも、事前にトンマナを決めて「こう思われたい」「こう伝えたい」って着地点があると迷わずにすみますね!

そうそう! 初めて会った日に話したケーキの話と一緒で、デザインは積み重ねなんだよね〜。

ですね……!(そんなこと言ってたっけ……今日までが濃すぎて忘れてた……)
練習!トーン&マナーを見極めよ!

まーアレコレ話してるよりも、実例を見ながらの方がわかりやすいよね〜。

はい! 実例、サクッとお願いします!(ブルブルブル……)

んじゃクイズ形式で!
どっちが親しみが持てるでしょーか?
子連れを中心に幅広い層に興味を持ってもらうのが狙いだよー。


これは……子どもと行ってみたいな〜!って思うのはやっぱりAですかね?
Bはオシャレではあるんですけど近づき難いと言うか、年齢層が高そうな気がします。

せいか〜い! これは簡単すぎたよね〜。

フォント、色使い、レイアウト、どれをとっても親しみやすいのはA。Bと比べると色数が多くて少しガチャガチャした印象かもだけど、ターゲットの親子連れに響きやすいデザインになってるよね。

そうですね。いつどこでっていう情報もわかりやすいし。全身で「ウエルカム!」って感じが伝わります。

写真をどう見せるかとかも重要。切り抜きだと賑やかな印象に、四角いまま使うと落ち着いた印象になるんだよねー。

なるほど〜! 逆に、もう少し年齢層高めのイベント告知なら、Bのデザインを採用したら良いってことですね!

そゆこと!
少ない要素でも「ぽさ」は出せる

んじゃ第2問。今度はポスターみたいにがっつり作り込んだものじゃなくて、「フォント」「柄」「配色」だけで「ぽさ」を見極める問題!

ぽ……ぽさ?


テイストって言った方がわかりやすいかな。「⚪︎⚪︎風味」みたいな。
あまり深く考えず、直感でいっちゃって〜。

ああ、なるほど! そう言うことか〜!
全部同じ形だけど、フォントや色が変わると全然印象が変わるなあ。
え〜っとこうかな??


やるジャーン! 正解!

ホッ……! なんだかちょっとわかってきた気がします。
例えば「かわいい」だったら配色はパステルカラー、柄はドット、フォントは丸みのあるデザイン体って感じで、狙ったテイストを出すためのレシピがあれば、さまざまなオーダーに対応しやすくなるってわけですね。

それーーー!! レシピ!
組み合わせは何通りもあるから、自分だけのレシピがあればあるほど良いってこと〜。
まじで今日のういろう理解度も神がかってる! どした?

寒いからです!!!!!!!
(ブルブルブル……)
![]()
ブルルン

赤鼻太郎は全然寒くないって。

そりゃあなたはそうでしょうよ????
イラストのタッチに注意!

あーもう、さっきよりギャラリー集まってきてるよぉ〜。トンマナについてだいぶわかってきたんで、そろそろ撤収しませんか?

そだね。んじゃ最後に、デザイナーとしてだけじゃなく、イラストレーターとしても超大事な「イラストのタッチ」について!

なぬ! それは実に興味深い……!

「この辺に⚪︎⚪︎のイラスト入れてください」みたいな指示があったとき、それが要望通りの内容であることは大前提として、デザインに「似合う」イラストを使えるかどうかがクオリティに大きく関わってくるの。
せっかくトンマナをちゃんと意識したデザインができても、「似合わせ」できていないイラストが入ったら雰囲気が崩れて台無しになるまである。


こんな感じで、イラストってタッチによって主張が全然変わるから、デザインに「似合わせる」工夫と努力が絶対必要。

そっか! 確かにこれはイラストレーターとしても心に留めておかなきゃいけないですね。

それな。イラストを発注される側になった時、どんなふうに使われるのか、どんなデザインのどこに配置されるのか、それがわかった上で描くのとわからないで描くのはだいぶ違うからね!心配だったらしっかり確認しようね。

は……はい! すごく為になりました! さすがぎゃるのさんです!
パチ……パチ……
(ギャラリーのまばらな拍手)
![]()
ブルルン
大事なのは意思疎通

あ、忘れてた、最後に覚えとくと便利なワード教えとくね。

ま、まだあるんですかあ〜〜!
でも知りたい〜〜〜〜!!!


クラシカルとヴィンテージみたいに、同じようなテイストに思えて、微妙に違うものもあるんですね〜。これは、助かるなあ。

まあこれはざっくりと分類したらこんな感じって例だから、参考程度にね。ういろうの思うイメージとクライアントが思うイメージが一致しているとは限らないから。
一番大事なのは意思疎通。トンマナはそこをブレさせないためのもので、なんか違うかも? ってなった時に振り返って軌道修正させてくれる、とっても重要なものなんだよ。

は、はい! ありがとうございました! いや〜今回も本当に勉強になったなあ〜。はっはっは……ハックション!(ズビ……)
じゃ、じゃあ僕、銭湯寄って帰りますんで!

ちょっとぉ〜……まぢ、最後なのにそんな適当なのなくね〜?

え? 最後……?? まさか、2025年とともにこの連載も終了?? ……そんな!
ああ……でも楽しかったなあ……あんなことやこんなことがあったなあ……グス……グス。
へへ……ぎゃるのさん、本当にありがとうございました!!
ワーワー!!パチパチパチパチパチパチ!!
(ギャラリーの盛大な拍手)

いや、赤鼻太郎が。なんか今年モチベ上がらないから早めに地元帰るって〜。
![]()
ブルルン

ト……トナカイの方かーーーーーい!!! そりゃどう考えても期間限定キャラだから別れも覚悟の上ですが、仕事する前に帰るんかーーーい!!!
てかそういう最終回詐欺みたいなの、良くないと思います!

これがうち(盛れデ)のトンマナだから。問題なし!
とりま今夜は3人で生にんじん食べ放題いっとこー。

わあ〜歯が鍛えられそうだ〜。ハハハ!
その前にご挨拶だけしておきましょうか。

そだねー。


![]()
せーの! 来年も「盛れる!グラフィックデザイン部」をよろしくお願いいたしま〜す!
良いお年を〜! ブルルン
執筆・イラスト
きびのあやとら(GENSEKI/X:@kibinoayatra)
元ギャル。グラフィックデザイナー歴16年の漫画家。書籍『今すぐ痩せ見え!!-5kgコーデ』(はちみつコミックエッセイ)発売中。デザインはあらゆるクリエイティブの根底にあるズッ友のような存在。基本的なことやコツさえ抑えたらデザインはとても自由で楽しいからマジでみんなやろ〜?ということをギャルのノリで伝えていきたいと思っています。
この記事を読んだ人におすすめの記事
-
2023.9.13
-
2025.12.9
-
2023.6.8
-
2024.7.23
-
2025.6.17
-
2023.10.26

