2026/03/05 学科 デザイン概論⑤【オンライン】小谷先生

Wordpless

1限目
学科 デザイン概論⑤
クリエイターに求められるスキル

2限目
学科 デザイン概論⑤
新しい技術を学ぶ姿勢

3限目
学科 デザイン概論⑤
まとめの時間

4限目
学科 デザイン概論⑤
課題制作

5限目
学科 デザイン概論⑤
課題制作

クリエイターに求められるスキル

コミュニケーション力、ヒアリング力、想像力

お金の値上げ交渉は、良いニュースと一緒に交渉すると良い

新しい技術を学ぶ姿勢

→どうしてこのデザインになったのか説明できる
→ユーザーがわかりやすく使いやすくなるようなUI/UXの設計ができる
*UI(User Interface)= 見た目のデザイン
*UX(User Experience)= 使い心地のデザイン

使いやすい、見やすいは昔も今も本質は変わらない

例:今の新聞と100年前の新聞も構成は変わらない

小谷先生のお話を聞いていて気になったのが、

「トンマナ」という言葉でした。

お話の中でサラッと言っていただけだったので、

気にならなかった方も居たと思うのですが、

私は気になったものは調べないと気が済まない性分なので

トンマナについて調べてみました。

トンマナとは?意味をわかりやすく解説

「トンマナ」という言葉を、デザインやWEB制作、YouTube運営などで聞いたことがある人も多いと思います。
この記事では トンマナの意味や使い方をわかりやすく解説します。


トンマナとは?

トンマナとは

「トーン&マナー(Tone & Manner)」の略語です。

簡単に言うと、

作品・ブランド・文章などの
雰囲気や表現のルールを統一すること

を意味します。

WEB制作、デザイン、広告、動画制作などの現場でよく使われる言葉です。


トンマナの「トーン」と「マナー」

トンマナは次の2つの言葉からできています。

Tone(トーン)

作品やブランドの雰囲気を指します。

例えば

  • 明るい
  • 落ち着いている
  • 高級感がある
  • 不気味
  • コミカル

などです。


Manner(マナー)

表現のルールや方向性のことです。

例えば

  • 言葉遣い
  • デザイン
  • 色使い
  • フォント
  • 写真の雰囲気
  • 話し方

などが含まれます。


トンマナが大事な理由

トンマナが統一されていると、

  • ブランドの印象が伝わりやすい
  • 世界観が崩れない
  • 見る人が安心する

というメリットがあります。

逆にトンマナがバラバラだと、

  • 何のサイトなのか分からない
  • ブランドの印象が弱くなる

といった問題が起きてしまいます。


トンマナの具体例

例えば「怪談サイト」を作るとします。

トンマナを統一すると、次のようになります。

例:怪談サイトのトンマナ

・色
黒、紺、暗い赤など暗めの色

・フォント
明朝体など和風の雰囲気

・画像
暗くて静かな写真

・文章
落ち着いた語り口

・BGM(動画の場合)
静かなホラー系

このように すべての要素の雰囲気を揃えることがトンマナです。


トンマナは作品づくりでも重要

トンマナは

  • ブログ
  • YouTube
  • 小説
  • 映像作品
  • ゲーム

など あらゆるコンテンツ制作で重要です。

例えば

シリアスなホラー作品なのに

  • 急にギャグが大量に入る
  • ポップな音楽が流れる

と、作品の世界観が壊れてしまいます。

このような状態を
**「トンマナが崩れている」**と言います。


まとめ

トンマナとは

トーン&マナー(Tone & Manner)

の略で、

コンテンツやブランドの
雰囲気と表現ルールを統一すること

を意味します。

トンマナを整えることで

  • 世界観が伝わりやすくなる
  • ブランドの印象が強くなる
  • コンテンツの質が上がる

という効果があります。

ブログ、YouTube、デザインなど
コンテンツ制作をする人にとって とても大切な考え方です。

トーン&マナーの略で

WEB業界でよく使われている言葉だったのですね。

上のまとめはAIに書いてもらいました。

通りでサラッとお話されていたわけですね、

WEB業界で良く使われている言葉だったら、

会話の中に無意識に入れている事が多いと思います。

小さいことも気になったらすぐ調べる人間なので、

そのおかげで今日も新しいことを知れて良かったです。

コメント

タイトルとURLをコピーしました