デザイナーが教えるトンマナの意味とデザインの一貫性を出すコツ

トンマナはデザインをしているとよく耳にする言葉です。

デザインやブランディングをする上でこのトンマナは非常に重要になります。

このトンマナを統一させる上でのコツやポイントをプロのデザイナーが解説します。

デザインの一貫性を出すにはいくつかのセオリーが存在しますので、しっかりポイントを押さえればデザインに統一感が出るので参考にしてください。

トンマナとは？トンマナの意味を解説

トーンには音調や色調といった調子や様子を表す意味があります。マナーには行儀や作法といった立ち振る舞いや雰囲気を表す意味があります。

デザインにおいてのトンマナとはつまり、数あるデザイン要素を一貫させるルールやスタンスの事を意味します。

なぜトンマナはデザインにおいて重要なのか

トンマナがしっかり意識されていないと、チグハグした統一感のない印象になります。

WEBサイトやブランドなど、コンテンツが数多く存在するときにデザインに統一感がないと、それぞれのコンテンツをユーザーは別物と認識してしまいます。

ユーザーが別物と認識することで、ブランドイメージを印象付けられないなど、デザインを通して伝えたい思いや狙いがユーザーに届かなくなります。

トンマナが合っていないとデザインがゴチャゴチャしたイメージになり、発信側と受手側でミスマッチが起こりやすくなるので、トンマナは重要なのです。

トンマナを合わせてデザインの一貫性を出すポイント

トンマナを合わせるためには、デザインに決まりを持たせることが重要

その際に、どのような決まりを持たせるかを具体的なポイントを挙げて説明します。

カラーを統一する

コンテンツに使っている色がバラバラだったり、様々な色を使っている場合は、デザインの統一感が薄れるため、使っているカラーを統一します。

コンテンツのイメージカラーの事をキーカラーとも呼んだりします。

デザインに多くの色を使用せず１色もしくは２色程度のキーカラーでコンテンツを展開する事でトンマナを合わせることが出来ます。

デザインをフォーマット化する

デザインのレイアウトなどをある程度フォーマット化(固定)することで統一感のとれたデザインに仕上がります。カラー展開などがあるパッケージデザインなどやカラー統一が難しいコンテンツにおすすめの方法です。

フォーマット化は全てではなく、一部でもトンマナを合わせるのには効果的

全ての要素をフォーマット化することは難しいので、大きなレイアウト要素のみや、ロゴやアイコンのみといういうように限定化します。

フォントを合わせる

コンテンツに使っているフォントを合わせる事もトンマナを合わせる上では重要です。

フォントはトンマナに必要な様子や雰囲気などを担う役割があるので、たくさんのフォントを使うとデザインに一貫性がなくなります。

かと言って、コンテンツのフォントを全て１つに統一するとデザイン性が薄れるので、全体のバランスを見ながら使うフォントを合わせてください。

使う写真やイラストなどの素材のテイストを合わせる

デザインに使っている写真やイラストなどのテイストを合わせる事でトンマナを合わせることが出来ます。

水彩イラストなら水彩イラストで統一したり、モノクロ写真を使っているなら、他もモノクロ写真を使ったデザインにするなどです。

あくまでテイストを合わせることが重要なので、違う素材でもテイストを壊さない範囲であれば組み合わせても問題ありません。

ex…水彩イラストと線画を組み合わせる＝“手書き”という範囲でテイストが合っているなど

トンマナの意味とデザインに一貫性を出すコツまとめ

デザイナーが教えるトンマナの意味とデザインの一貫性を出すコツをご紹介しました。

このトンマナがしっかり意識されていないと、ブランディングなどの際にチグハグした統一感のない印象になってしまうので、デザインだけでなくブランディングの上でも重要になってきます。

ご紹介したセオリーを意識するだけでトンマナを合わすことがある程度出来るようになると思いますので実践してみてください。