《企鹅俱乐部》是什么风格？
Club Penguin 风格是一座说话像小朋友的雪白小岛：天蓝色面板、每样东西都描一圈粗粗的藏青边，再配上带高光的黄色胶囊按钮。
《企鹅俱乐部》速览
Club Penguin 是一个面向儿童的 Flash 虚拟世界，2005 年由加拿大不列颠哥伦比亚省基洛纳一家名为 New Horizon Interactive 的小工作室推出。玩家化身为企鹅，在一座雪岛上摇摇摆摆地走动，聊天、玩小游戏，并布置自己的冰屋。以它命名的这套设计风格，捕捉的是其网站与界面的观感：友好、圆润、简单，毫无疑问是卡通的。
页面是一片白雪。天蓝色的面板承载控件，每一个框、标题和按钮都描着一圈粗粗的藏青色边，仿佛每个元素都用马克笔勾过一遍。标题使用 Lilita One，顶替游戏自己的 Burbank Big 字体，白色填充、藏青描边；正文和聊天气泡使用清晰易读的 Montserrat。行动按钮是顶边带高光的黄色胶囊，金币和徽章则用企鹅嘴巴的橙色。
一切都是圆的，文字也温暖而朴素。这套风格不想显得高级，只想显得欢迎你。它是少数有意识地为孩子说话而建的设计系统之一，而且表达得足够清晰，成年人往往觉得耳目一新，因此它同样适合带怀旧味的社区网站。
《企鹅俱乐部》从何而来？
这套风格的发源地是不列颠哥伦比亚省的基洛纳，Club Penguin 于 2005 年在那里上线。素材中与之相关的名字有兰斯·普里布（Lance Priebe）、莱恩·梅里菲尔德（Lane Merrifield）、戴夫·克里斯科（Dave Krysko）和克里斯·亨德里克斯（Chris Hendricks）。这款游戏属于 Flash 时代的浏览器大型多人游戏，那时无需安装任何东西，就能在普通网页里运行丰富的多人世界，一个小工作室也能触达庞大的受众。
另外两个脉络塑造了它的外观。第一个是面向儿童的受管理虚拟世界的理念：在一个安全、精心管理的空间里，界面必须极其易读，并且不带威胁感。大按钮、清晰的标签、明亮而温和的颜色、简明的语言，是硬性要求，而不是审美偏好。第二个是矢量卡通动画：角色与场景都是平滑的形状加粗轮廓线，这正是设计系统搬进面板和按钮里的视觉语言。
时间线是这个故事的重要部分。2005 年上线之后，游戏在 2007 年被迪士尼收购，服务器于 2017 年关闭。这套风格所捕捉的网站外观，大致属于 2012 至 2017 年，也就是游戏的后期。那时界面已经成熟为一个一致的系统：白雪背景、蓝色面板、描边字体和带高光的按钮。这就是许多老玩家记忆最深的 Club Penguin。
因为它是为儿童设计的，并通过 Flash 和网页交付，这套系统必须直白。状态变化要明显，层级要响亮，没有任何东西藏在含蓄的效果后面。把这些习惯带进现代设计，就会得到一眼就能看懂的界面，描边加胶囊的词汇会立刻读作友好、好玩。
《企鹅俱乐部》的视觉特征是什么？
雪白的底色
页面背景是白色，代表岛上的积雪。在最活泼的风格里，它是少见的浅色模式系统，给每一个有色元素留足空间。白色让页面显得开阔而愉快，并使粗粗的藏青描边的对比达到最大。由于底色如此朴素，整个观感就依赖摆在上面的形状有多强。
天蓝色圆角面板
控件、菜单和信息框都放在带大圆角的天蓝色面板上。蓝色让界面与岛上的天空和海水相连，并把可交互区域与白雪区分开。面板是平的，不是玻璃质的，以简单的层次叠放。嵌套的面板用更浅或更深的蓝色区分，并且全部用同一种藏青描边。
一切都描粗藏青边
最突出的特征，是围绕框、标题、按钮和徽章的粗藏青描边。它直接来自矢量卡通动画，那里的每个形状都由一条粗线圈起。描边把各种不同的元素统一起来，让它们在任何背景上都清晰，并让界面带上手工绘制的绘本感。没有它，这套风格就只是一个普通的蓝白主题。
Lilita One 描边标题
标题使用 Lilita One，一款粗壮的圆角展示字体，用来顶替游戏中的 Burbank Big。文字白色填充、藏青描边，看起来像是从卡通片名牌上剪下来的字。字体大、友好，神态略带摇摆。它应用于标题、按钮和标签，而不是长段文字。
用 Montserrat 负责阅读
正文、聊天气泡和小号界面文字使用 Montserrat。这是一款干净的几何无衬线字体，小字号下依然易读，并平衡了展示字体的活泼。这样的搭配，让页面标题可以傻气十足，阅读文字却保持稳重，这种分工对孩子和家长都合适。
带高光的黄色胶囊按钮
主要操作是完全圆角的黄色胶囊，上缘带一道高光，外面是和其他一切相同的藏青描边。它们是页面上最亮的元素，也是最明确的点击邀请。这道光泽是从游戏按钮借来的一点小装饰，也是这套风格唯一允许出现一丝亮面的地方。
橙色金币与徽章
金币、徽章和奖励标记使用企鹅嘴巴的橙色。橙色介于面板的蓝色与按钮的黄色之间，专门留给被收集或赢得的东西。这给界面增加了一套小小的奖励语言，强化了体验中的游戏感。
谁塑造了《企鹅俱乐部》？
普里布是素材中为 Club Penguin 列出的第一个名字，与 2005 年推出这款游戏的基洛纳工作室紧密相关。界面温暖朴素的口吻，反映了创办初期的目标：造一个孩子们毫无障碍就能进入的世界。
梅里菲尔德是与工作室创办阶段相关的另一个名字。他出现在名单里，提醒我们 Club Penguin 是一个小团队的作品，这有助于解释其视觉系统的连贯性：少数几个人维持着同一种一致的外观。
克里斯科是与这款游戏相关的第三个名字。他与其他人一起，代表着 New Horizon Interactive 这家工作室，其基于浏览器的世界在 2007 年被迪士尼收购之前已运行多年，并在收购后持续到 2017 年服务器关闭。
亨德里克斯是名单上的第四个名字。这几个人合起来，代表着 Flash 时代浏览器大型多人游戏的传统，以及面向儿童的受管理虚拟世界的理念，二者共同解释了为什么界面如此直白、安全而愉快。
今天怎么用《企鹅俱乐部》？
做幻灯片时，封面可以是白色底面，中间放一块天蓝色的圆角面板，白色 Lilita One 标题描藏青边，再放一个黄色胶囊，里面是简短的行动号召或日期。内容页一页一个观点，每个观点一块藏青描边的面板，里面用 Montserrat 排字。数据页可以把数字放在蓝色面板上，用橙色表示金币或计数，图表保持简单，每根柱子或每个扇区都加粗描边。
做网页和产品界面时，这套风格适合儿童产品、游戏活动页、学校或家庭社区网站，以及怀旧的粉丝项目。落地页可以以雪景首屏开场，放一块装着标题的天蓝色面板，一个黄色的开始按钮，下面是一排带描边的卡片。表单要用带藏青边框的大圆角输入框和清晰的标签。错误和成功提示可以用温暖的口吻说话，而不是技术语言。
做内容与营销物料时，以绘本的活力来构图。使用大标题、短句子，以及面板之间充足的间距。插图应当是矢量的、粗描边、平涂色，呼应卡通的传统。文案应当直接而简单地对读者说话，就像原版游戏那样。
最常见的错误是去掉描边。没有粗粗的藏青描边，面板、标题和按钮就失去卡通性格，这套风格会变成一个淡淡的圆角主题。第二个错误是把每个元素都做成黄色。黄色胶囊属于主要操作；如果什么都是黄色，就没有东西在邀请点击了。
另一个错误是把粗壮的展示字体用于长文本。段落里用 Lilita One 读起来很累，所以它只应用于标题、按钮和标签，阅读的负担交给 Montserrat。最后，避免加入模糊、玻璃质或细微渐变这类精致效果。这套风格的魅力就在于朴素、圆润，并且毫不扭捏地友好。
《企鹅俱乐部》 · 常见问题
Club Penguin 设计风格是什么？
它是取自 Club Penguin 虚拟世界的浅色、活泼的界面风格。页面是白雪，天蓝色圆角面板承载控件，每个元素都有粗藏青描边，标题是描边的 Lilita One，主按钮是带高光的黄色胶囊。
Club Penguin 是什么时候、在哪里做的？
它于 2005 年在不列颠哥伦比亚省基洛纳的 New Horizon Interactive 工作室上线。迪士尼于 2007 年将其收购，服务器在 2017 年关闭。这里所捕捉的网站外观，大致属于 2012 至 2017 年。
这套风格用哪些字体？
标题使用 Lilita One，顶替游戏中的 Burbank Big，白色填充加藏青描边；正文和聊天气泡使用 Montserrat。
哪类项目适合这套风格？
儿童产品、游戏活动页、带怀旧味的社区网站，以及任何想要显得欢迎、简单的项目。它不太适合严肃的金融或企业级界面。
怎样避免它幼稚得不对劲？
保持版面干净、层级清晰，黄色只用于主要操作，展示字体只用于短文本，文案保持朴素温暖。这套风格在简单一致时才成立，装饰过载则不行。
