トンマナ(トーン&マナー)とは?初心者にもわかりやすくプロが解説

デザイン

トンマナとは

トンマナ(トーン&マナー)とは、デザインの世界観を統一するためのルールのことです。
ブランドらしさを崩さず、見る人に一貫した印象を届けるために必要な基準です。

トンマナが重要な理由

「かわいい世界観」で作っているのに、急に「クールな写真」が混ざると違和感が出ます。 その “違和感をなくすためのルール” がトンマナです。

  • デザインの統一感が出る
  • ブランドの印象が強くなる
  • 素人っぽさが消え、プロ品質になる
  • ユーザーが迷わず情報を受け取れる

プロが必ずチェックするトンマナ要素

色(カラー)

デザインの印象を最も左右する要素が「色」です。ブランドの世界観を視覚的に伝えるため、色の統一は必須です。
色がバラつくと世界観が崩れ、素人感が出てしまいます。

チェックポイント

  • メインカラー・サブカラー・アクセントカラーの役割が明確か
  • 明度・彩度が揃っているか
  • Webではコントラスト比が適切か(可読性の確保)

フォント(書体)

フォントは「言葉の雰囲気」を決める重要な要素です。ブランドの性格と合っているかがプロは必ず確認します。
フォントが混在すると、読み手は無意識に違和感を覚えます。

チェックポイント

  • 見出し・本文・強調のフォントが統一されているか
  • 太さ・サイズ・行間・字間が整っているか
  • フォントの性格(かわいい/硬い/高級感)がブランドと一致しているか

写真・イラストのテイスト

ビジュアルの統一は世界観の一貫性に直結します。写真やイラストの「雰囲気」が揃っているかはプロが必ず見るポイントです。
写真のテイストがバラバラだと、ブランドの印象が弱くなります。

チェックポイント

  • 写真の明るさ・色味・コントラストが統一されているか
  • イラストの線の太さや塗りの有無が揃っているか
  • 人物写真なら表情・構図・距離感が一致しているか

レイアウト(配置)

レイアウトは「情報の伝わりやすさ」を左右します。プロは余白や揃え方の一貫性を細かくチェックします。
レイアウトが整っているだけで、デザインの完成度が一気に上がります。

チェックポイント

  • 余白の取り方がページ全体で統一されているか
  • グリッドや揃え方(左揃え/中央揃え)が一貫しているか
  • 情報の優先順位が明確か(視線誘導ができているか)

言葉のトーン(コピー)

コピーの文体や語彙は、ブランドの人格を表現します。デザインと同じ方向性であることが重要です。
デザインが良くても、言葉のトーンがズレるとブランドの印象が弱まります。

チェックポイント

  • 文体が統一されているか(です/ます、だ/である)
  • 語彙のトーンがブランドと一致しているか
  • メッセージの方向性がブレていないか

まとめ

トンマナは、 デザインの世界観を統一し、ブランドの印象を強くするための重要なルール。

色・フォント・写真・レイアウト・言葉のトーンなどを細かくチェックしながら、 「ブランドらしさ」を崩さないようにデザインを作ることがプロの仕事です。