Kakao Friends 是什么风格？
Kakao Friends 风格把一张贴纸页变成了设计系统：一种黄色，一格一个动作，纯白的页面上由对话气泡来装内容。
Kakao Friends 速览
Kakao Friends 风格来自一门角色生意：它最早只是 KakaoTalk 聊天软件里的一套表情贴纸，后来长成了旗舰店和满货架毛绒玩具的零售存在。这套风格里的主角是 2016 年加入的 Ryan：一头没有鬃毛的狮子，黄土色身子，两颗点状的眼睛，白色的口鼻，肚子上有一块郁金香形的白斑，平涂、没有任何描边。围绕他建立起来的设计系统，取的是贴纸页的语法，再把它用到界面上。
这套语法很简单。页面是纯白的。真正重要的颜色是 Kakao 黄，大面积使用。对话气泡不是背景装饰，而是实际内容的容器，所以一条消息、一行说明、一句文案，都像是由某个角色说出来一样，待在气泡里。版面被分成等大的格子，每格只有一个动作，配的文字又短又粗。没有任何闪光：没有渐变，没有光晕，没有描边。
由此得来的语气友好而不繁杂。因为每格大小相同、每个动作都是单一的，眼睛扫视页面的方式，就像扫视一场聊天，一拍一拍地走。韩文与拉丁字母以匹配的字号排版，让中外夹杂的消息听起来像同一个声音，而不是两个。给人的印象是一张学会了像界面那样做事的贴纸页，而它差不多就是这么回事。
Kakao Friends 从何而来？
资料把起源定在韩国首尔。KakaoTalk 于 2010 年上线，Kakao Friends 表情贴纸在 2012 年随之推出。在聊天软件里，一张贴纸就是一幅小小的图画，替代一句关于心情的话，它必须在极小的尺寸、极拥挤的屏幕上依然有效。可辨认、有亲和力、每张图只承载一个想法，这个约束就是这套风格视觉节制的根源。
Ryan 在 2016 年登场，很快成了这一组八个角色里最受欢迎的一个。随之而来的零售形态，解释了这套系统的其余部分。首尔弘大、江南等街区的旗舰店，以及满货架的毛绒玩具，把贴纸变成了实体。所以这套风格的视觉语言同时反映着屏幕与商店：贴纸用平涂矢量绘制，货架用等大的格子，品牌识别则靠贯穿两者的一种强烈颜色。
它所属的脉络是商业的、大众的，而不是学院派的：韩国角色 IP 与授权周边、聊天软件贴纸文化、扁平矢量吉祥物设计。合在一起，它们暗示着一种一致性的纪律。一个被授权的角色，在手机上、钥匙扣上、店铺墙面上必须看起来一样，所以规则很严。连标志性的黄色也是有规范的：比如 Kakao 登录按钮的底色与文字透明度这类细节，都不由实现者自行决定。
资料里点出了系统背后的两个名字：Kakao 的创始人金范洙（Kim Beom-su），以及负责角色业务的集团实体 Kakao IX。这套风格覆盖的视觉时期，大致是 2016 年到 2024 年，也就是 Ryan 成为品牌最广为人知的面孔的那些年。这套风格没有署某位具体的插画师，这与它的性质相符：一条角色产品线，最好不管谁来画，看起来都一样。
Kakao Friends 的视觉特征是什么？
唯一的、受规范的黄色
一种黄色承载着整个品牌，而且是大面积使用，而不是细细的点缀。它是被规范的颜色，而不是建议：登录按钮的底色与文字透明度都有明确规定，不能随意更改。页面上其余一切的布置，都是为了让这一种颜色成为最先被看到的东西。
纯白的页面
页面是纯白，像贴纸页的底纸。没有染色，没有肌理，没有图案。这让黄色和角色得到最大的对比度，也让每张贴纸看上去都可以被撕下来贴到别处——这恰好是贴纸应有的感觉。
对话气泡即容器
对话气泡是版面里承载内容的主要容器，而不是盖在内容上的装饰。消息、说明、价格、行动号召，全都待在气泡里。由于气泡本身就是聊天的标志，内容读起来像是在对用户说话，所以即便界面展示的是一份商品列表，也依然有对话感。
等大格子，一格一个动作
版面被切成等大的格子，每个格子只放一个动作。没有东西跨占两格，也没有哪个格子想同时说两件事。这是贴纸页原生的布局，也是页面扫视起来如此之快的原因：眼睛不必判断一个想法在哪里结束、下一个在哪里开始。
平涂、无描边的绘制
Ryan 是平涂的，没有描边，他的身体由黄土色在哪里结束、白色从哪里开始来界定。两颗点状眼睛、一个白色口鼻和一块郁金香形的肚皮斑，就是全部的细节。页面的其余部分遵循同样的经济学：形状是填满的，边缘是干净的，没有什么会发光或闪烁。
韩文与拉丁字母同号，粗而短
韩文与拉丁字母用匹配的字号排版，让混合语言的行看起来像同一个声音。字要粗，行要短，通常每格只有一行韩文。字重让文字在明亮的黄色旁边站得住，简短则让每个气泡保持为一个动作，而不是一段文字。
吉祥物就是细节的预算
Ryan 的构造，为整个页面规定了可以有多少细节：两个点、一个口鼻、一块斑。图标、按钮和插画都被限制在同样的简洁程度，所以一个需要超过几个简单形状来画的新元素，就说明它不属于这里。这个角色就是整套系统的一把尺子。
谁塑造了 Kakao Friends？
这套风格的主角，2016 年登场：一头没有鬃毛的狮子，黄土色身子，两颗点状眼睛、白色口鼻和郁金香形的肚皮斑。他很快成为这个组合八个角色中最受欢迎的一个。从设计角度看，他为系统的其余部分确立了平涂、克制与高辨识度的标准。
资料里点名的关键人物，是 KakaoTalk 背后的公司 Kakao 的创始人。他与这套风格的关联，在于平台本身：之所以会有贴纸页，是因为一个拥有数以百万计对话的聊天软件，需要一种快速表达心情的办法，而角色生意就是从这一需求里长出来的。
资料里为角色业务点名的集团实体。它在这个故事里的角色，是在贴纸、门店和授权周边之间看护这些角色，这也是风格如此看重一致性的原因。一个以如此多形态出现的角色，需要足够严格的规则，才能处处保持原样。
今天怎么用 Kakao Friends？
Kakao Friends 风格适合那些想让人感觉像是在和一个友好角色聊天的产品。它奖励有纪律的简单：一种颜色，一格一个动作，一格一个想法。用好它，意味着尊重受规范的黄色与格子结构，而不只是在白页上画一只可爱的动物。
做演示文稿时，封面可以是纯白底，配一大块黄色、一个角色般的形状，以及一个装着标题的对话气泡。内容页适合做成等大格子的网格，每格在气泡里放一句短话，旁边配一个动作。数据页适合简单的对比和清单，每格展示一个数字或一种状态，加一个又粗又短的标签。这套风格适用于新人引导、内部文化宣讲，以及一切面向年轻或轻松受众的内容。
做网页界面时，它适合引导流程、类聊天的帮助页、贴纸和礼品店、会员计划，以及一切语气比信息密度更重要的体验。把内容放进气泡，保持格子等大，只保留一个黄色的行动按钮；涉及登录控件时，要采用品牌规定的处理方式。到了仪表盘和定价页，也保持等大格子的结构，让每个套餐或指标占据一格，加一个又粗又短的标签。
做编辑与营销内容时，它适合活动页、角色新品发布、季节性周边和社交媒体帖子。把版面当贴纸页来编排：纯白背景上，一格格等大的格子，每格一个动作加一行短文字。句子要短，要暖。一场活动越是依靠一个辨识度高的角色和一种颜色，就越有力量。
最常见的错误，是把黄色当成通用点缀，一点一点地撒，而这套风格依靠的是大面积、有意为之的使用。另一个错误是给角色加描边、渐变或闪光，以为这样会更丰富；平涂、无描边的画法，才是让它们在屏幕、钥匙扣和店铺墙上保持一致的原因。第三个错误是改动品牌规定的黄色，或改动品牌指定的控件透明度。另外，这套风格不适合严肃或高风险的场合，比如医疗、法律或财务警示，在那里，它的明快会削弱信息。
Kakao Friends · 常见问题
Ryan 是谁？
Ryan 是这套风格的主角，2016 年加入 Kakao Friends 阵容。他是一头没有鬃毛的狮子，黄土色身子，两颗点状眼睛，白色口鼻，肚子上有一块郁金香形的斑，平涂、无描边。他很快成为这个组合八个角色里最受欢迎的一个，设计系统便以他的简洁为标准。
为什么黄色管得这么严？
因为这是品牌最值钱的资产。一个被授权的角色加上一个聊天平台，在各种场合——从手机屏幕到店铺墙面——都得看起来一样，所以黄色被规范到了登录按钮的底色和文字透明度这样的细节上。一致性，才能把一种颜色变成可识别的身份。
没有这些角色，也能用这套风格吗？
可以。这套语法是能带走的：纯白页面、一种强烈的黄色、等大格子、一格一个动作、内容放在对话气泡里、字又短又粗。即使没有任何角色，它读起来也是同一家人，只是角色会增添温度。如果你用自己的吉祥物，请把它控制在同样简洁的程度。
为什么要用对话气泡来装内容？
因为这套风格出自聊天。在聊天软件里，一切重要的东西都装在气泡里到来，所以把内容放进气泡，等于告诉用户：这个界面在直接对你说话。它也让内容保持在紧凑、自成一体的单元里，与等大格子的版式相配，并让行文保持简短。
这套风格怎样处理韩文和英文混排？
韩文与拉丁字母以匹配的字号、较粗的字重、较短的行来排，让双语消息读起来像同一个声音。不要把拉丁文字缩小成注脚的样子，也不要混用多个字体。目标是：不管用哪种文字写，一个格子里放的都是一个动作。
