对话框 (漫画气泡)
漫画和聊天界面中包围角色发言的图形元素。要在有限空间内容纳的字符数限制与设计密切相关。
对话框 (speech bubble / balloon) 是包围漫画人物台词的图形。日本漫画以椭圆形为标准,喊叫用锯齿形对话框,内心独白用云朵形,旁白用方形。对话框的形状承担着把台词的情绪与语气可视化传达的作用,补足了仅靠文字无法完全表现的信息。
漫画对话框里能放入的字符数,由分格的尺寸和对话框的面积在物理上决定。实务中并不是先定下整句台词的字符数,而是以"竖排一行能放几个字"×"分成几行"的形式来估算。一行 8 个字排成 4 行,上限就是 32 个字,这就是数的方式。超出这个框,对话框就会挤压分格、使画面的面积减少,因此需要在分镜草稿阶段判断是删减台词,还是把对话框拆成两个、在中间夹入画面。
在数字世界里,聊天应用的对话框界面有着同样的设计课题。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%。趋势是字符串越短膨胀率越大,而对话框的台词正是短字符串的集合,因此容易放不进原来的框。以日语为起点的具体倍率公开数据很少,实际本地化时通常按每份译文重新排字,逐个调整字体大小与分行。
像中文这样每个字符信息量大的语言,字符数本身有减少的趋势,但汉字占据全角宽度,所以并不是字符数减少多少、显示宽度就同比缩小多少。判断能否放进对话框时,需要看的不是字符数,而是"字体大小 × 显示宽度"。