PetGen

从一只像素宠物到整套桌面:能撑过糟糕一周的开发者桌面美学

2026-10-26

开发者桌面美学真正起作用的时刻是第七个小时,而不是截图里。讲讲一只像素宠物怎么带出整套编码桌面布置、伙伴该放在屏幕哪里,以及让好看的工作区不至于变成噪音的三条规则。

开发者桌面美学到底解决什么

开发者桌面美学通常被当成截图来卖。我在意的那一块要窄得多:第七个小时屏幕长什么样,那时候你已经不再主动选择看哪里了。

我是反着走进这个话题的。像素宠物是我桌上唯一会对我工作有反应的东西,一旦有东西会反应,其余所有东西在旁边就显得是死的。把我推进去重做整套布置的是这件事,而不是什么桌面摄影的爱好。

所以我现在用的标准很简单:一个工作区好不好,看你累了之后它还读不读得懂。这比大家贴出来的那些布置低得多,但它是能扛过一整周的那个标准。

  • 隔一米也读得出,而不只是在截图里好看
  • 有一个元素会随着你的代码变
  • 没有需要你记得去维护的东西
  • 暗到晚上九点开工也不像在医院走廊

像素宠物摆位:伙伴放在屏幕哪里

宠物放在你眼睛本来就飘过去的那个角。单屏几乎总是右下角;双屏就是两块面板之间的缝。几何我在 /blog/dual-monitor-pet-placement 里算过,简短版是:那条缝在几乎任何布局里都是浪费掉的空间。

尺寸比位置更要紧。27 寸 2560x1440 上我的是大约 90 像素高。再高就开始跟编辑器抢地方;再矮,状态变化隔着房间就读不出来了,而那正是放它的唯一理由。

有一个错我犯了一个月:我把它盖在终端上。终端输出是会滚动的,宠物压在上面,我把报错行丢在一只像素猫后面了。放在不动的地方。

  • 单屏放右下角,双屏放两块屏之间的缝
  • 1440p 下大约 90 到 120 像素高
  • 别压在会滚的窗格上:终端、日志尾、测试输出
  • 调色板跟编辑器主题对齐,见 /blog/custom-color-palettes-codex-pet

能撑过糟糕一周的工作区

工作区灵感帖展示的是布置当天的桌子。值得问的问题是:经历了一周的合并冲突之后,同一张桌子长什么样。

我的三条规矩就是从这里出来的。需要每天打理的,删。只在截图里好看的,删。要切一次上下文才读得到的,挪出屏幕。

剩下的部分很无聊:一个主色,一种等宽字体,一个会动的元素。/blog/pixel-pet-design-balance 讲的是「好看」和「有用」为什么会互相打架,而那个平衡点比多数人猜的更靠近有用这一边。

  • 一个主色,只用在编辑器边框,别处不用
  • 一个会动的元素,这样「动」才仍然有意义
  • 字体一次设好,然后一个季度都别碰
  • 壁纸张度要暗到白字不加阴影也能读

用 30 分钟重做你的编码桌面

这是我用的顺序,而且故意做得很短。一次要花一下午的桌面整理,最后不是工作区,变成爱好了。

放在晚上做。你能从一张桌子身上学到的东西,有一半只在关灯之后才显出来。

  • 第 0 到 5 分钟:挑主色,在编辑器和终端里各设一次
  • 第 5 到 15 分钟:摆好宠物,往后退一米,检查状态变化看得清
  • 第 15 到 25 分钟:删掉所有需要你喂数据的挂件
  • 第 25 到 30 分钟:关灯截一张图,把消失的东西修回来

接下来

去 codexpetgenerator.com 生成一只,在动别的之前先把它摆好。宠物是会反应的那一个,所以它能告诉你这张桌子其余部分值不值得留。

平衡问题在 /blog/pixel-pet-design-balance,几何在 /blog/dual-monitor-pet-placement,配色在 /blog/custom-color-palettes-codex-pet。其余从 /blog 进去。

Frequently asked questions

桌面美学真的能改变产出吗?

没有那些布置帖说的那么多。真正变的是长日子的尾巴:一块到第七个小时还能读得懂的屏幕,比一块变成噪音的屏幕少花你几次「找回状态」的成本。再多我就不说了。

超宽屏上宠物该放哪里?

挑离编辑器最近的那个角,然后就别动了。34 寸超宽屏的诱惑是把它放中间,那等于把它垫在你正在读的东西后面。我的是右三分之一区域的右下角,高约 90 像素。

桌面上能放几个会动的东西?

一个,而且这个要带含义。两个会动的东西会互相抢注意力,你就分不清刚才是哪个变了,而能分清恰恰是放一个的全部理由。其余一律静态。

默认配色够用吗,还是非得自定义?

默认大概够用一周,然后就会跟你的编辑器主题打架。把宠物调色板配成你语法高亮的颜色大概十分钟,做法写在 /blog/custom-color-palettes-codex-pet。

Related posts

Share this article:

Try it yourself

Ready to turn your own photo into a pixel-art pet? Upload it on PetGen and get your spritesheet + pet.json in minutes.

Generate your pet now →