トンマナとは?デザインの世界観を統一しよう!のアイキャッチ画像

デザイン

更新日: 2024/11/22

トンマナとは?デザインの世界観を統一しよう!

character_balloon

イエローちゃーん!

ピンクちゃんどうしたの?

character_balloon
character_balloon

トンマナってなぁに?

あートンマナかーあんまり聞き慣れない言葉だよねー

character_balloon

じゃあ今日はトンマナについて説明するね!

character_balloon

トンマナとは?

トンマナとは?デザインの世界観を統一しよう!の画像_2枚目
character_balloon

トンマナとは、デザインのテイストや雰囲気を合わせて、サイトやサービスのデザインを統一することだよ!

character_balloon

tone&manner(トーン&マナー)を略してトンマナって呼ばれてるね

character_balloon

イメージカラーとかイラストの風合いとかがわかりやすいかなぁ

トンマナの重要性ってなに?

character_balloon

トンマナを決定することは、情報やサービスが溢れる現代でとても重要なんだよねー

character_balloon

トンマナがどんなメリットに繋がるか説明するね

トンマナを決定するメリット1.ブランディングに繋がる

トンマナとは?デザインの世界観を統一しよう!の画像_6枚目
character_balloon

トンマナを決定するということは、つまり世界観を統一するってことなんだよねー

character_balloon

ユーザーにサービスのイメージが定着するから、企業やコンテンツのブランディングも向上するよ

たしかに、見たことあるテイストだと安心感があるわよね

character_balloon
character_balloon

違和感なくサービスを利用できるから、UXの向上にも繋がるよねー

トンマナを決定するメリット2.チームワークに繋がる

トンマナとは?デザインの世界観を統一しよう!の画像_8枚目
character_balloon

トンマナが決定されていると、実現したいイメージを共有しやすいからチームでの作業もはかどるんだよねー

character_balloon

各人が思い描くゴールが違うと、すり合わせるための時間が必要だし、認識違いによる手戻りも増えちゃうよ

character_balloon

全体のテイストが把握できていると、フォントや配色の決定、制作するコンテンツひとつひとつのずれが少なくなるから、チームワークも向上するんだ!

トンマナで意識するべきポイントについて知ろう

character_balloon

トンマナを決めておいた方がいいのはイメージがついたと思うんだけど、実際どうやって考えたらいいか難しいよねー

character_balloon

意識するとトンマナを決定しやすいポイントがあるから紹介していくね!

ライティングのトンマナで意識するべきポイント4つをご紹介!

character_balloon

ライティングにおけるトンマナとして気を付けておくべき点は、

ポイント

1.表記を統一する


2.語尾表現を統一する


3.文章量の目安を作る


4.単語を統一する

character_balloon

が挙げられるよ!

character_balloon

文章は、読みやすくわかりやすく、誤解が生じないことが重要だよね

character_balloon

同じものを指すのに違う単語を使ったり、ですます調と体言止めが混在したり、文章のテンポが突然変わったりすると、ユーザーは読みづらいと感じてしまうよ

character_balloon

逆に、表現や文体が統一されているとストレスなく読めちゃうんだよね

character_balloon

ユーザーのサイト離脱も減るし、検索エンジンが内容を判断しやすくなるからSEOにも効果があるんだよー

デザインのトンマナで意識するべきポイントを4つ考えてみよう

character_balloon

デザインにおけるトンマナとして気を付けておくべき点は、

ポイント

1.配置や余白を統一する


2.フォントを合わせる


3.配色を合わせる


4.画像や写真のテイストを合わせる

character_balloon

が挙げられるかなー

character_balloon

デザインは一目で印象に残るし、感覚にも訴える部分だからトンマナの決定が大きく影響するんだよー

character_balloon

ページが変わるたびに見え方が違うと、どこにどんな要素があるか毎回わからなくなって、ユーザーはストレスを感じてしまうよね

character_balloon

シャープな字体や丸い字体、濃い色薄い色、見た目を整えることで高級志向にもカジュアルにイメージづけられるよ!

character_balloon

デザインのトンマナを意識すると、UXの向上も期待できるよー

character_balloon

Webサイトやサービスのイメージにも大きく繋がる部分だから、ちぐはぐにならないように気をつけようね!

トンマナの落とし穴ってなんだろう?

トンマナとは?デザインの世界観を統一しよう!の画像_16枚目
character_balloon

ただ、トンマナを統一することが目的になっちゃうのは危険だよ!

character_balloon

トンマナは、コンテンツの魅力を上げてユーザーに訴求するための手段だから、どんなコンセプトで誰にどう見せたいかの方が重要なんだよねー

character_balloon

トンマナの決定だけに夢中になっちゃうと、世界観は統一されていても届けたい人に届けたいものが届かなくなることもあるんだよー

character_balloon

企業理念やブランドイメージ、目指すものやターゲットを明確にした上でトンマナを決定していこうね

まとめ

character_balloon

トンマナについて簡単におさらいしておくね!

まとめ

◆トンマナとはトーン&マナーの略で、コンテンツの世界観を統一すること


◆トンマナを決定することでブランディングの向上に繋がる


◆意識すべきポイントを抑えるとトンマナを決定しやすい


◆トンマナという手段が目的にならないよう気をつけよう

トンマナについて詳しくなった気がするわ!

character_balloon

ありがとう、イエローちゃん

character_balloon
character_balloon

ピンクちゃんの役に立ててよかったよー

character_balloon

またなんでも聞いてね!

最新の記事一覧
最新の記事一覧