
デザイン
更新日: 2024/11/22
【イラスト付き】トンマナとは?デザインの世界観を統一しよう!
イエローちゃーん!
ピンクちゃんどうしたの?
トンマナってなぁに?
あートンマナかーあんまり聞き慣れない言葉だよねー
じゃあ今日はトンマナについて説明するね!
トンマナとは?
.png?w=1200&fm=webp)
トンマナとは、デザインのテイストや雰囲気を合わせて、サイトやサービスのデザインを統一することだよ!
tone&manner(トーン&マナー)を略してトンマナって呼ばれてるね
イメージカラーとかイラストの風合いとかがわかりやすいかなぁ
トンマナの重要性ってなに?
トンマナを決定することは、情報やサービスが溢れる現代でとても重要なんだよねー
トンマナがどんなメリットに繋がるか説明するね
トンマナを決定するメリット1.ブランディングに繋がる

トンマナを決定するということは、つまり世界観を統一するってことなんだよねー
ユーザーにサービスのイメージが定着するから、企業やコンテンツのブランディングも向上するよ
たしかに、見たことあるテイストだと安心感があるわよね
違和感なくサービスを利用できるから、UXの向上にも繋がるよねー
トンマナを決定するメリット2.チームワークに繋がる

トンマナが決定されていると、実現したいイメージを共有しやすいからチームでの作業もはかどるんだよねー
各人が思い描くゴールが違うと、すり合わせるための時間が必要だし、認識違いによる手戻りも増えちゃうよ
全体のテイストが把握できていると、フォントや配色の決定、制作するコンテンツひとつひとつのずれが少なくなるから、チームワークも向上するんだ!
トンマナで意識するべきポイントについて知ろう
トンマナを決めておいた方がいいのはイメージがついたと思うんだけど、実際どうやって考えたらいいか難しいよねー
意識するとトンマナを決定しやすいポイントがあるから紹介していくね!
ライティングのトンマナで意識するべきポイント4つをご紹介!
ライティングにおけるトンマナとして気を付けておくべき点は、
1.表記を統一する
2.語尾表現を統一する
3.文章量の目安を作る
4.単語を統一する
が挙げられるよ!
文章は、読みやすくわかりやすく、誤解が生じないことが重要だよね
同じものを指すのに違う単語を使ったり、ですます調と体言止めが混在したり、文章のテンポが突然変わったりすると、ユーザーは読みづらいと感じてしまうよ
逆に、表現や文体が統一されているとストレスなく読めちゃうんだよね
ユーザーのサイト離脱も減るし、検索エンジンが内容を判断しやすくなるからSEOにも効果があるんだよー
デザインのトンマナで意識するべきポイントを4つ考えてみよう
デザインにおけるトンマナとして気を付けておくべき点は、
1.配置や余白を統一する
2.フォントを合わせる
3.配色を合わせる
4.画像や写真のテイストを合わせる
が挙げられるかなー
デザインは一目で印象に残るし、感覚にも訴える部分だからトンマナの決定が大きく影響するんだよー
ページが変わるたびに見え方が違うと、どこにどんな要素があるか毎回わからなくなって、ユーザーはストレスを感じてしまうよね
シャープな字体や丸い字体、濃い色薄い色、見た目を整えることで高級志向にもカジュアルにイメージづけられるよ!
デザインのトンマナを意識すると、UXの向上も期待できるよー
Webサイトやサービスのイメージにも大きく繋がる部分だから、ちぐはぐにならないように気をつけようね!
トンマナの落とし穴ってなんだろう?

ただ、トンマナを統一することが目的になっちゃうのは危険だよ!
トンマナは、コンテンツの魅力を上げてユーザーに訴求するための手段だから、どんなコンセプトで誰にどう見せたいかの方が重要なんだよねー
トンマナの決定だけに夢中になっちゃうと、世界観は統一されていても届けたい人に届けたいものが届かなくなることもあるんだよー
企業理念やブランドイメージ、目指すものやターゲットを明確にした上でトンマナを決定していこうね
まとめ
トンマナについて簡単におさらいしておくね!
まとめ
◆トンマナとはトーン&マナーの略で、コンテンツの世界観を統一すること
◆トンマナを決定することでブランディングの向上に繋がる
◆意識すべきポイントを抑えるとトンマナを決定しやすい
◆トンマナという手段が目的にならないよう気をつけよう
トンマナについて詳しくなった気がするわ!
ありがとう、イエローちゃん
ピンクちゃんの役に立ててよかったよー
またなんでも聞いてね!
最新の記事一覧

日本語ドメインとは?初めに知っておきたいメリット・デメリット
SEO

ルートドメインとは?迷いやすいサブドメインとの違いも確認
SEO

ページエクスペリエンスとは?仕組みと種類を整理
SEO

コンテンツのインタラクションとは?伸びない原因と対策を整理!
SEO

SEOのトレーニング方法は?独学でも習得できるコツを解説
SEO

離脱率の放置はSEOに悪影響!まず見直したい基本ポイント
SEO

サイト最適化は何から始めたらいい?押さえるべきポイント
SEO

SEOメディアはどう運用する?初心者でも失敗しないためのコツ
SEO

アダルトSEOが苦戦する理由は?簡単にできる施策も解説!
SEO

自然検索で見つけてもらう方法は?流入を増やすためのポイント
SEO

SEOのチェックツールはどれが便利?おすすめ5選を紹介
SEO

SEO対策を東京で依頼するならどこ?都内でおすすめの会社5選
SEO

noindexとは?検索結果に出さない設定を分かりやすく解説
SEO

レスポンスの意味は?今さら聞けない基礎を分かりやすく解説
SEO

トレンドとは?理解するポイントとマーケティングでの活用方法
SEO

SEOダッシュボードのメリットを解説!作成のステップも
SEO

ローカル検索とは?ランキング決定方法や対策ポイントを解説
SEO

BtoC企業必見!SEOでブランドを強くする方法を解説!
SEO

BtoBにおけるSEOの重要性とは?成果を出すための実践法を解説
SEO

リッチスニペットとSEOの関係・表示方法を徹底解説!
SEO



最新の記事一覧

日本語ドメインとは?初めに知っておきたいメリット・デメリット
SEO

ルートドメインとは?迷いやすいサブドメインとの違いも確認
SEO

ページエクスペリエンスとは?仕組みと種類を整理
SEO

コンテンツのインタラクションとは?伸びない原因と対策を整理!
SEO

SEOのトレーニング方法は?独学でも習得できるコツを解説
SEO

離脱率の放置はSEOに悪影響!まず見直したい基本ポイント
SEO

サイト最適化は何から始めたらいい?押さえるべきポイント
SEO

SEOメディアはどう運用する?初心者でも失敗しないためのコツ
SEO

アダルトSEOが苦戦する理由は?簡単にできる施策も解説!
SEO

自然検索で見つけてもらう方法は?流入を増やすためのポイント
SEO

SEOのチェックツールはどれが便利?おすすめ5選を紹介
SEO

SEO対策を東京で依頼するならどこ?都内でおすすめの会社5選
SEO

noindexとは?検索結果に出さない設定を分かりやすく解説
SEO

レスポンスの意味は?今さら聞けない基礎を分かりやすく解説
SEO

トレンドとは?理解するポイントとマーケティングでの活用方法
SEO

SEOダッシュボードのメリットを解説!作成のステップも
SEO

ローカル検索とは?ランキング決定方法や対策ポイントを解説
SEO

BtoC企業必見!SEOでブランドを強くする方法を解説!
SEO

BtoBにおけるSEOの重要性とは?成果を出すための実践法を解説
SEO

リッチスニペットとSEOの関係・表示方法を徹底解説!
SEO



