从一只像素宠物到整套桌面:能撑过糟糕一周的开发者桌面美学
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
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 →