从「好看」到「好用」：宠物的设计平衡

好看，负责把宠物放上屏幕

好看是入场券，不是产品本身。一只没人愿意看的宠物第一天就被关掉，再多的状态映射也救不回来。这一步大家反而不会错，因为生成器的预览已经帮你筛过一遍了。

问题出在后面。好看的半衰期大概两周，等它过去，剩下就是这只宠物到底干了什么。如果答案是「什么也没干」，它就会归到那一堆在忙起来的一周里被关掉、之后再没打开的桌面摆件里去。

一只好用的桌面宠物在做什么

好用的桌面宠物只回答一个你本来得开个窗口才能确认的问题。在 Codex 里，这个问题几乎总是「会话还在动吗」。编辑器会告诉你代码做了什么，从来不会告诉你四十分钟过去了。

宠物读会话状态，在自带的动画集之间切换，于是屏幕角落会告诉你待机、运行、阻塞还是就绪，不用你去问。这就是它的全部功能，比任何精细的描边都值钱。

把它当成一个读数器，两件事就跟着来了：状态必须一眼能分出来，宠物必须待在你真能扫到的地方。剩下的都是审美问题。

• 待机和运行必须在一秒之内、用余光就能分清
• 阻塞状态是最值钱的那个：它正好是你本来会干坐着等的时刻
• 就绪是让你停下阅读、去写提交信息的信号
• 只有待机和开心两种状态的宠物，是画得更好的装饰品

设计平衡在哪里崩掉

下面每一条我都踩过，套路都一样：宠物在预览里比在桌面上好看。真正让它死掉的通常是这些。

• 九种状态，扫一眼全是同一个颜色。帧更多，信息没多。
• 动作大到能把你从正在读的那一段里拽出来。
• 按 27 寸显示器画的图，搬到笔记本上只剩 40 像素的糊团。
• 宠物上带文字。凡是得读的东西，都是得停下来的东西。
• 配色对着预览背景挑，而不是对着你自己的编辑器挑。

功能性像素画：那些帮得上忙的限制

限制在这里是好消息。宠物这个尺寸上的像素画本来就没留给你多少选择，选错的那些又一眼就能看出来。顺着限制走，别跟它较劲。

• 状态之间改轮廓，不只改颜色。缩小之后还能活下来的是形状。
• 先做动作，再做细节。两帧循环比一张精心描边的立绘更快被读懂。
• 对比度对着编辑器背景查，别对着生成器里的色卡查。
• 按你真正会用的那块最小的屏幕定尺寸，定完就别再动。
• 强调色留给要紧的那几个状态。全都亮，等于全都不亮。

接下来去哪儿

在 codexpetgenerator.com 生成一只，然后用第二个问题而不是第一个去判断它：不直视它，你能知道会话在干什么吗？能，就选完了，之后别再去折腾它。

自己画精灵图写在 /blog/pixel-art-pet-design-guide，能在真实编辑器背景上活下来的配色在 /blog/custom-color-palettes-codex-pet，画好之后摆哪儿是 /blog/dual-monitor-pet-placement，想知道这整套有没有真的改变你的一天，/blog/coding-mood-journal-pixel-pet 里有个很便宜的办法。其余内容从 /blog 进去。