Playdate 是什么风格?

Playdate 把一块双色反光屏变成了魅力攻势:银灰屏幕上的墨色像素,平涂的黄色外框,以及恰好一枚紫色按钮。
Playdate 速览
Playdate 是一台侧面带有摇杆的黄色小型掌机的视觉语言,2019 年宣布,2022 年发售。它的屏幕只认两种颜色,在会反光的银灰底上显示近乎纯黑的像素,因此每一个游戏、菜单和分数都以单比特绘制,并用抖动图案来表现明暗。Curio 收录的这种风格,把那块灰屏放在页面中央,让黄色机身充当它的画框。
页面由大块平涂的黄色色带、粗壮的墨线描边,以及宽阔的、表现得像屏幕本身的银灰区域构成。屏幕内的文字使用 Silkscreen,这是一款为细小而清脆的字样而生的像素字体;屏幕之外的说明文字则使用 Space Grotesk,一款带着一点古怪个性的几何无衬线体。唯一的紫色强调色被留给购买按钮,所以你唯一该做的事,恰好也是页面里唯一一处饱和的惊喜。
这里没有渐变,也没有光亮的高光。成品给人的感觉,是一台安静、做工讲究的小机器:好玩,但从不喧闹,更在意手艺,而不是场面。

Playdate 从何而来?
Playdate 由位于俄勒冈州波特兰的独立软件公司 Panic 打造,这家公司以 Mac 应用闻名,近年来也发行游戏。联合创始人卡贝尔·萨瑟(Cabel Sasser)和史蒂文·弗兰克(Steven Frank)长期经营着这家公司,以品味、幽默以及乐于做不寻常之事而著称。一台带摇杆的掌机,正是大公司会搁置的那类点子,创始人们也曾把它描述为一个由好奇心与热爱驱动的项目。
硬件与斯德哥尔摩的 Teenage Engineering 合作设计,其联合创始人耶斯珀·库特霍夫(Jesper Kouthoofd)以小巧、多彩而好玩的电子乐器闻名。这段合作体现在主机的外观上:明亮、平涂的黄色机身,简单的几何形,以及数量很少、标注清楚的操控件。反射式的 Sharp 存储屏幕利用环境光而非背光,让屏幕带有纸一样的质感,这也是灰色底面主导整个视觉风格的技术原因。
这种风格融合了三种传统。独立游戏提供了一种感觉:小团队做个人化、有特色的作品,而一台主机可以只为承载这样的作品而存在,所以主机发售时配套的是每周送达一款游戏的一季作品。单比特像素艺术提供了手艺:只有两种颜色可用,艺术家靠抖动图案和巧妙的轮廓来制造明暗,这门功夫可追溯到早期的单色电脑和掌上设备。精品硬件设计提供了做工:一件小器物可以被当作值得喜爱的物品,而不是一件商品。
视觉识别很自然地从产品延伸到了官网与包装。黄色外框与灰色屏幕成了页面的基本网格,字体也遵循同一逻辑:属于屏幕的东西用像素字体,屏幕之外的一切用更常规的字体。发售以来,这套外观因为用极少的原料传达出完整的个性而受到赞赏。
Playdate 的视觉特征是什么?
色彩
三种角色,严格分开。平涂、温暖的黄色是机身,也是页面的画框。会反光的银灰是屏幕,是内容所在之处。近乎纯黑的墨色画出每一个像素和轮廓。唯一的紫色强调色只出现在购买按钮上,因此它是整个页面唯一的饱和时刻。
字体排印
刻意的搭配。Silkscreen 是一款小号像素字体,用来排版所有属于屏幕内部的东西,如分数、菜单项和游戏标签。Space Grotesk 是几何无衬线体,用来排版围绕在屏幕外的标题和说明文字。这两者绝不能互换,因为它们的差异告诉读者自己看到的是哪个世界。
抖动与单比特图像
屏幕里的所有图像都是灰底上的墨色,没有中间色调。明暗靠点阵、棋盘格和线条来实现,边缘清脆。插图往往看起来像一款想象中游戏的截图,角色粗壮,布景简单。
色带与轮廓
页面被组织成宽阔的平涂黄色色带,彼此以粗墨线分隔。容器的转角是方的,或只是略微柔化,没有柔和的阴影。轮廓的分量,正是页面带有玩具般、手工感的原因。
摇杆
摇杆是这款产品最独特的特征,这种风格通过旋转与机械意象来体现它:刻度盘、圆形指示器,以及对“转动”作出响应的趣味交互。它提醒人们,这是一件实物,而不是一块平板玻璃。
语气
温暖、俏皮,略带自觉。文案谈论小小的快乐、古怪的游戏和一件做工讲究之物带来的愉悦。它不大声吹嘘规格,宁可显得讨喜,也不愿显得官腔。

谁塑造了 Playdate?
Panic 联合创始人,也是 Playdate 项目背后的重要声音。他对设计、游戏和计算机历史充满热情,帮助塑造了这台主机好玩的公众形象。
Panic 联合创始人,也是该公司长期精工软件传统背后的人物之一。他的参与把 Playdate 与公司在打磨和品味上的声誉联系了起来。
斯德哥尔摩 Teenage Engineering 的联合创始人,该公司是硬件的设计合作方。他的工作室那些好玩、小巧、颜色鲜明的设备,为这台主机友好、玩具般的工业设计提供了模板。
主机背后的这家波特兰软件与发行公司。它长期以格外用心的态度制作 Mac 工具,后来又发行独立游戏,这解释了为什么 Playdate 把游戏当作小而个人化的作品,而不是大制作。
今天怎么用 Playdate?
做幻灯片时,封面应当看起来像这台主机本身。用平涂的黄色背景,在中央放一块灰色圆角方形面板当作屏幕,里面用像素字体排版标题,并用近黑的墨线描边。内容页可以保留灰色面板作为主要区域,黄色则作为边缘的画框。紫色强调色每套幻灯片只用一次,留给行动号召。
做数据页时,把灰色面板当作绘图区。以单比特风格绘制图表,用实心墨色和抖动图案区分系列,标签使用像素字体。每页只放一张图表,让面板保持玩具屏幕的简洁,面板之外的说明句则使用无衬线体。
做网页界面,如仪表盘和定价页,这种风格适合独立游戏、硬件、创意工具和好玩的消费类产品。定价页可以把每个方案做成黄色色带里的一块灰色屏幕面板,紫色按钮是唯一强烈饱和的元素。表单和长文放在平静的灰色上,用无衬线体,像素字体只留给短标签和标题。
做编辑与营销内容时,这种风格非常适合游戏公告、社区通讯、开发者日志,以及想要显得手工味十足的产品发布。带少量抖动层次的单比特像素插画,即使尺寸很小也有强烈的辨识度。用温暖、有趣而具体的口吻来写,让小细节去说服人。
最常见的错误是加颜色。只要出现第二种强调色,或引入渐变,“屏幕只认两种颜色”的理念就丢了。另一个错误是所有地方都用像素字体;长段落用点阵字体读起来很累,与无衬线体的搭配才是让风格保持可读的关键。最后,要避免光亮的效果,因为整个外观都依赖于扁平。

Playdate · 常见问题
Playdate 设计风格是什么?
它是 Playdate 掌机及其官网的视觉语言:在会反光的银灰屏幕区域里,用近乎纯黑的单比特像素和抖动图案,外面是平涂的黄色色带和粗墨线轮廓。屏幕文字使用像素字体,周围说明使用几何无衬线体,并用唯一的紫色强调色标记购买按钮。
为什么屏幕看起来是灰色而不是白色?
这台主机使用的是借助环境光而非背光的反射式存储屏幕,所以它最亮的状态是银灰色,像房间里的纸。设计风格把这种灰作为内容区复现出来,因为这是设备在现实中外观最有辨识度的地方。
它和一般的复古像素艺术有何不同?
复古像素艺术通常探索八位、十六位主机时代丰富的色板和精灵图。Playdate 的外观更严格,仅限灰底上的墨色,并由带平涂黄色色带和干净字体的平静现代页面包裹。它给人的感觉是当代的、精品式的,而不是怀旧的。
能用在游戏之外的地方吗?
可以。它适合创意工具、硬件产品、独立软件、通讯邮件,以及任何想显得好玩而精致的品牌。关键是保留结构:像屏幕一样的内容区、平涂的外框、用于短标签的像素字体,以及唯一一处饱和的强调色。
紫色强调色该怎么用?
要节制。它只留给最重要的那一个动作,比如购买,并且每个画面只出现一次。如果紫色被用在链接、标签或装饰上,它就不再是信号,页面也就失去了让这种风格成立的那份安静的自信。