打造 Toss 的新面孔

Source: Toss Tech

在 Toss 里，你有没有遇到过这样的面孔？在像提示文字或客服页面这样直接面对用户的界面上，需要有能够传达该服务所持态度和性格的视觉元素。它起到代替语气、氛围、印象的作用。许多 IT 服务和银行使用代表性角色也是出于同样的原因——仅凭表情和手势就能快速传递情感和情境。

Toss 并没有使用代表角色，而是采用了人物形态的图形。虽然没有角色那样强烈，但足以柔和地解释情境并拉近与用户的距离。随着 Toss 应用的成长，这些图形需要承担的角色也变得更加明确。

第一，我们想更清晰地传达 Toss 的特质

原有图形是基于小表情（emoji）环境制作的。因此在屏幕放大时显得密度不足。更重要的是，孩子气的印象和空洞的眼神并没有充分传达 Toss 所追求的可信感。

我们判断需要一种无论放在什么界面都能保持完整度、让人自然感受到“聪明、快速、可靠”的 Toss 印象的面孔。

仅使用单一肤色的界面

第二，需要基于“多样性”的图形

迄今为止，Toss 主要面向韩国用户成长，使用单一肤色的图形并未成为大问题。

但韩国社会正快速向多种族·多文化环境转变，Toss 也在向全球市场扩张。

现在需要一种既不被特定种族或文化解读、又能让每个人都投射自身的更具普遍性的面孔。

基于这一问题意识，我们先设定了几条改进方向的标准。

寻找符合 Toss 风格的面孔

1) 脸部比例

我们首先着手调整脸型和五官比例。原有的脸部友好可爱，但同时也给人有点过于幼稚的感觉。一般来说，随着成长，脸部的纵向比例会变长，而原图的比例相对偏短。

我们尝试将脸部拉长，但这会导致与原有 2D 图形的违和感增大，或是脱离方形框架后失去图标般的整洁感。最终，我们选择在保持原图简洁和标志性的前提下，微调眼、鼻、口的布局和表现，而不是大幅改动脸型。

结果是找到了既不显得过于幼稚，又兼具亲切与智慧印象的平衡点。

2) 身体造型与服装

原有人物图形是由简单几何形状拼接而成，颈部与肩部的衔接不自然，缺乏立体感。

我们先整理颈部和肩部的曲线，重新确定身体与服装的层次，以提升整体造型的完整度。

服装同样是关键因素。经过多种方案评估后，我们选择了简洁、专业且不带过多细节的短款高领衫作为基础服装。

通过同时打磨造型和穿着，既保留了亲和感，又塑造了更具可信度的面孔。

打造中性印象

1) 中性的发型

发型希望呈现既不被特定性别解读的中性印象。保持图标特有的整齐轮廓，同时避免过于僵硬或复杂的平衡感是关键。

我们主要比较了 3 种方案：

• A 案：密度和完成度高，但轮廓复杂、描绘过多，导致简洁感削弱。
• B 案：加入曲线后中性印象增强，但左右留白差异使对比感过强。
• C 案：沿脸线进行整理，整体感更整齐，但发型与脸部的分界仅用线条表现，放大后密度下降。

在比较多种方案后，我们决定保留原有的整齐发线，并通过增加体积感来提升完成度。虽然这并非完美的中性解答，但我们认为它与整体人物图形的色调最为自然融合。

2) 中性的肤色

肤色是最需要斟酌的要素。为寻找既不让人联想到特定种族或文化的中性颜色，我们比较了蓝、粉、黄等多种色调。

其中黄色因在表情符号中已有的亲切感、明亮积极的印象，并且与 Toss 的整体设计相契合，曾被认真考虑。但对用户而言可能显得突兀，且在大屏幕上容易与其他设计元素冲突。

因此我们没有选择单一的中性颜色，而是采用包容多样性的方式。借鉴表情符号的肤色选项，定义了五种肤色，并在出现多个人物图形的场景中提供混用指南。

经过这一系列调整，人物图形比以前更具可信感和智慧感。实际应用到 Toss 应用时，也能自然融入周围元素。

今后我们将继续在全球化环境下，扩展不因种族、性别、年龄等任何标准产生偏见的中性、包容性人物图形。

请关注 Toss 的新面孔将以何种形象落地。