トンマナとは
トンマナ(トーン&マナー)とは、デザインの世界観を統一するためのルールのことです。
ブランドらしさを崩さず、見る人に一貫した印象を届けるために必要な基準です。
トンマナが重要な理由
「かわいい世界観」で作っているのに、急に「クールな写真」が混ざると違和感が出ます。 その “違和感をなくすためのルール” がトンマナです。
- デザインの統一感が出る
- ブランドの印象が強くなる
- 素人っぽさが消え、プロ品質になる
- ユーザーが迷わず情報を受け取れる
プロが必ずチェックするトンマナ要素
色(カラー)
デザインの印象を最も左右する要素が「色」です。ブランドの世界観を視覚的に伝えるため、色の統一は必須です。
色がバラつくと世界観が崩れ、素人感が出てしまいます。
チェックポイント
- メインカラー・サブカラー・アクセントカラーの役割が明確か
- 明度・彩度が揃っているか
- Webではコントラスト比が適切か(可読性の確保)
フォント(書体)
フォントは「言葉の雰囲気」を決める重要な要素です。ブランドの性格と合っているかがプロは必ず確認します。
フォントが混在すると、読み手は無意識に違和感を覚えます。
チェックポイント
- 見出し・本文・強調のフォントが統一されているか
- 太さ・サイズ・行間・字間が整っているか
- フォントの性格(かわいい/硬い/高級感)がブランドと一致しているか
写真・イラストのテイスト
ビジュアルの統一は世界観の一貫性に直結します。写真やイラストの「雰囲気」が揃っているかはプロが必ず見るポイントです。
写真のテイストがバラバラだと、ブランドの印象が弱くなります。
チェックポイント
- 写真の明るさ・色味・コントラストが統一されているか
- イラストの線の太さや塗りの有無が揃っているか
- 人物写真なら表情・構図・距離感が一致しているか
レイアウト(配置)
レイアウトは「情報の伝わりやすさ」を左右します。プロは余白や揃え方の一貫性を細かくチェックします。
レイアウトが整っているだけで、デザインの完成度が一気に上がります。
チェックポイント
- 余白の取り方がページ全体で統一されているか
- グリッドや揃え方(左揃え/中央揃え)が一貫しているか
- 情報の優先順位が明確か(視線誘導ができているか)
言葉のトーン(コピー)
コピーの文体や語彙は、ブランドの人格を表現します。デザインと同じ方向性であることが重要です。
デザインが良くても、言葉のトーンがズレるとブランドの印象が弱まります。
チェックポイント
- 文体が統一されているか(です/ます、だ/である)
- 語彙のトーンがブランドと一致しているか
- メッセージの方向性がブレていないか
まとめ
トンマナは、 デザインの世界観を統一し、ブランドの印象を強くするための重要なルール。
色・フォント・写真・レイアウト・言葉のトーンなどを細かくチェックしながら、 「ブランドらしさ」を崩さないようにデザインを作ることがプロの仕事です。


