吹き出し (フキダシ)
漫画やチャット UI でキャラクターの発言を囲む図形要素。限られたスペースに収める文字数の制約がデザインと密接に関わる。
吹き出し (speech bubble / balloon) は、漫画の登場人物のセリフを囲む図形です。日本の漫画では楕円形が標準で、叫び声にはギザギザの吹き出し、心の声には雲形、ナレーションには四角形が使われます。吹き出しの形状がセリフの感情やトーンを視覚的に伝える役割を果たしており、文字だけでは表現しきれない情報を補完します。
漫画の吹き出しに入る文字数は、コマのサイズと吹き出しの面積によって物理的に決まります。実務ではセリフ全体の文字数を先に決めるのではなく、「縦書きで 1 行に何文字入るか」×「何行に分けるか」の形で見積もります。1 行 8 文字を 4 行に組めば上限は 32 文字、という数え方です。この枠を超えると吹き出しがコマを圧迫して絵の面積が減るため、ネーム (下書き) の段階でセリフを削るか、吹き出しを 2 つに分けて間に絵を挟むかの判断が必要になります。
デジタルの世界では、チャットアプリの吹き出し UI が同様の設計課題を持ちます。LINE や iMessage の吹き出しは、短いメッセージでは丸みを帯びたコンパクトな形状になり、長文では縦に伸びます。CSS では max-width で吹き出しの最大幅を制限し、それを超えるテキストを折り返すのが基本の実装です。
ただし max-width だけでは足りません。日本語はほぼ文字単位で折り返せるため意図どおりに収まりますが、URL や長い英単語のように途中に折り返し位置を持たない文字列は吹き出しの外へはみ出します。overflow-wrap: anywhere (または break-word) を併記して強制的に折る指定が必要です。日本語側では line-break: strict で禁則処理を厳しくすると、行頭に句読点や小書き文字が来るのを防げます。
翻訳の観点では、吹き出しの容量が大きな課題になります。W3C の国際化解説は IBM の設計ガイドラインを引いて、英語から欧州言語へ翻訳したときの平均的な伸び率を、原文 10 文字以下で 200〜300%、31〜50 文字で 140〜160%、70 文字超で 130% としています。短い文字列ほど伸び率が大きいという傾向で、吹き出しのセリフはまさに短い文字列の集まりなので、元の枠に収まらなくなりやすい部分です。日本語を起点にした具体的な倍率は公開データが乏しく、実際のローカライズでは訳文ごとに写植をやり直し、フォントサイズと行分けを個別に調整するのが通例です。
中国語のように 1 文字あたりの情報量が多い言語では文字数そのものは減る傾向がありますが、漢字は全角幅を占めるため、文字数が減った分だけ表示幅が縮むわけではありません。吹き出しに収まるかどうかを判断するときは、文字数ではなく「フォントサイズ × 表示幅」で見る必要があります。