pixel-art-book

KO | EN

gitlite — search

#javascript #hacktoberfest #llm #android #rust #deep-learning #nodejs #awesome #awesome-list #pytorch #ios #mcp #openai #open-source

(★ 59)

给程序员的像素艺术课 —— 从看见到做出

pixel-art-book Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 给程序员的像素艺术课

> 程序员学美术最大的误区，不是不会画，而是不会看。
>
> 观察能力先于绘画能力。这也是本书与你读过的大多数美术教程最大的区别。

---

也许你经历过这样的场景。

花了半年写完一个游戏，玩法打磨了上千次。但画面里到处都是默认方块、拼凑的素材，或者 AI 生成但风格完全不统一的图片。代码已经完成了 80%，却始终不能称为一个真正的游戏。

如果你也是这样，这本书就是写给你的。

## 这本书是什么

一本**写给程序员**的像素艺术教材。它不要求你有绘画基础。它要求的东西更可控——每天投入一点时间，用对的方法练对的东西。

这本书只做一件事：**用你熟悉的思维方式，教你从零到做出可运行的游戏视觉。** 每一个概念都从你熟悉的东西出发——像学编程一样学美术：先理解语法（观察），再写代码（练手），最后搭建完整项目（制作）。你不是在学一门全新的技能，你是在一个你已经熟悉的思维框架里，填充新知识。

## 这本书不是

- ❌ 不是教你怎么画插画——这本书教的是**游戏美术**（可组合、可动画、可引擎导入的素材），不是独立的图画
- ❌ 不是"像素艺术简史"或"像素艺术家访谈"——每章有练习、有合格标准、有上手行动
- ❌ 不是工具说明书——本书教的是原理和决策

## 学完之后，你将获得什么

- 能独立制作一套 16×16 或 32×32 的**角色、地块和 UI 素材**，可直接导入游戏引擎
- 能分析一张优秀像素作品，并**说出它为什么好、为什么不好**——不是"好看/不好看"，而是"明度结构清晰、负空间呼吸感足够"
- 能建立适合自己项目的**视觉风格文档**，像 `.editorconfig` 一样约束所有素材的一致性
- 能把 Aseprite、AI 反馈、Godot 等工具串联成**一条完整的生产管线**
- 更重要的是——你会拥有一套可以**持续提升的学习方法**，而不是依赖灵感或天赋

## 这本书怎么读

你不必从头读到尾。观察01 有一份自评量表，做完它你就知道该从哪里开始。三能力（看/做/整）分层诊断，缺哪层补哪层。

但无论你的起点在哪，有一条铁律不要违反：**先练看，再练画。** 你的眼睛必须先学会识别问题，手才能去修问题。

---

## 目录

### 序章

- [序章 · 一个程序员为什么要学"观察"](00-序章-一个程序员为什么要学观察.md)

### 第一部 · 观察 —— 感知与词汇

| 章节 | 核心内容 |
|------|---------|
| [观察01 · 三能力模型与自评](第一部-观察/观察01-三能力模型与自评.md) | 看/做/整分层诊断，分数路由到起点章 |
| [观察02 · 八概念速览](第一部-观察/观察02-八概念速览.md) | 线/形状/空间/明度/色彩/质感/构图/风格——八种视觉数据类型 |
| [观察03 · VTS 侦探法](第一部-观察/观察03-VTS侦探法.md) | 像调试代码一样分析画面，三个开放问题拆解任何像素截图 |
| [观察04 · 喂养眼睛](第一部-观察/观察04-喂养眼睛.md) | 视觉食谱——每天看什么、怎么建立参考图系统 |
| [观察05 · AI 美术私教](第一部-观察/观察05-AI美术私教.md) | 24 小时在线的反馈回路——用 AI 做 Linter，不是做画师 |

### 第二部 · 练手 —— 八概念与像素技法

| 章节 | 核心内容 |
|------|---------|
| [练手01 · 线条](第二部-练手/练手01-线条.md) | 像素线 = 路径规划；斜率 1:1/2:1/1:0；五种轮廓类型 |
| [练手02 · 形状与体积](第二部-练手/练手02-形状与体积.md) | 剪影=单元测试；五几何体光照；可读性与象征画法 |
| [练手03 · 空间](第二部-练手/练手03-空间.md) | CSS box model 类比；正负形五比例；五层 2D 景深 |
| [练手04 · 明度](第二部-练手/练手04-明度.md) | 明度=骨架（色是皮）；九级明度阶；灰度→上色工作流 |
| [练手05 · 色彩](第二部-练手/练手05-色彩.md) | 功能金字塔；HSV 原生语言；东西方着色；六和谐方案 |
| [练手06 · 质感](第二部-练手/练手06-质感.md) | Tile=2D 数组；抖动=采样；四家族九式抖动体系 |
| [练手07 · 构图](第二部-练手/练手07-构图.md) | 布局引擎；视觉权重五规则；动作线；三游戏类型构图 |
| [练手08 · 像素专属技法](第二部-练手/练手08-像素专属技法.md) | 抗锯齿/Banding/游戏透视——不在八概念里，是像素独有 |
| [练手09 · 八概念合奏](第二部-练手/练手09-八概念合奏.md) | 全维度分析模板；优先级诊断流；逆向工程工作流 |

### 第三部 · 风格 —— 选择像素子风格

| 章节 | 核心内容 |
|------|---------|
| [风格01 · 像素风格全景](第三部-风格/风格01-像素风格全景与四代.md) | 四代像素（NES→SNES→现代→调色板艺术）；隐藏成本 |
| [风格02 · 分辨率与调色板决策](第三部-风格/风格02-分辨率与调色板决策.md) | 16/32/64 能力边界与工时；调色板选择策略 |
| [风格03 · 风格选择与混血](第三部-风格/风格03-风格选择与混血.md) | 约束清单→逆向决策→MVP→混血三原则 |
| [风格04 · 视觉风格文档](第三部-风格/风格04-视觉风格文档.md) | 你的视觉宪法：决策日志+约束集+Gold Standard |

### 第四部 · 制作 —— 从素材到游戏

| 章节 | 核心内容 |
|------|---------|
| [制作01 · 你的工具：Aseprite](第四部-制作/制作01-你的工具Aseprite.md) | Aseprite 界面+七个核心工具；工具选择的三原则 |
| [制作02 · 像素角色工作流](第四部-制作/制作02-像素角色工作流.md) | 10 步管线+四层楼法；草图→像素两转换法；规格表 |
| [制作03 · 环境与 Tile](第四部-制作/制作03-环境与Tile.md) | 三层场景叙事；9-Slice/3-Tile；三光源布局 |
| [制作04 · UI 设计](第四部-制作/制作04-UI设计.md) | UI 三功能/四类型/80-20；8 步工作流；像素 UI 风格 |
| [制作05 · 动画与特效](第四部-制作/制作05-动画与特效.md) | 12 条→5 条核心原则；帧数矩阵；色彩循环/VFX 配方 |
| [制作06 · 非手绘管线](第四部-制作/制作06-非手绘管线.md) | Blender 3D→像素；AI 生成；程序化；引擎实时；Dead Cells 案例 |
| [制作07 · 上引擎](第四部-制作/制作07-上引擎.md) | NN vs Bilinear；5 件导入检查；像素完美相机 |
| [制作08 · 生产管线](第四部-制作/制作08-生产管线.md) | 六阶段生命周期；命名规范；v1/v2/v3 版本控制 |
| [制作09 · 一致性审计](第四部-制作/制作09-一致性审计.md) | 10 项 Lint 清单；5 种视觉 Bug；陌生人 3 秒测试 |

### 第五部 · 继续 —— 维持与扩展

| 章节 | 核心内容 |
|------|---------|
| [继续01 · GameJam](第五部-继续/继续01-GameJam.md) | 48 小时视觉冲刺；5 种低成本风格；三死法+复盘 |
| [继续02 · 持续输出的习惯系统](第五部-继续/继续02-持续输出的习惯系统.md) | F.I.G.H.T. 框架；最小承诺系统；Gap 期 |
| [继续03 · 一个人的艺术指导](第五部-继续/继续03-一个人的艺术指导.md) | 三人格治理；决策三角；约束藏瑕；11 步工作流 |
| [继续04 · 美术路线全景](第五部-继续/继续04-美术路线全景.md) | 五种资产来源（手工/程序/AI/获取/采集）+ 能力三角 + 风格约束横切原则；全书正文结束 |

### 附录

| 附录 | 内容 |
|------|------|
| [附录A · 资源罗盘](附录/附录A-资源罗盘.md) | 按场景分类的像素工具/参考/社区链接 |
| [附录B · 术语中英对照表](附录/附录B-术语中英对照表.md) | 8 类 ~90 术语，中英对照 + 一行定义 |
| [附录C · 练习速查卡](附录/附录C-练习速查卡.md) | 65 项练习索引，L1/L2/L3 分级 |
| [附录D · 自评量表](附录/附录D-自评量表.md) | 三能力月度自评 + 雷达图 + 季度复盘 |
| [附录E · 像素风格文档模板](附录/附录E-像素风格文档模板.md) | 空白填表模板：色板/角色/环境/技术规格 |
| [附录F · 推荐书单](附录/附录F-推荐书单.md) | 按卡点组织的推荐书目 + 学习路径图 |
| [附录G · Aseprite 快捷键](附录/附录G-Aseprite快捷键.md) | 7 类 ~45 核心快捷键 + 组合拳 |
| [附录H · 常见问题排查](附录/附录H-常见问题排查.md) | 按症状索引——画面/设计/学习/工具四类常见问题快速定位 |

---

## 这本书的承诺

**这本书用的是你的语言。** 每一个概念都从你熟悉的东西出发——不是让你变成艺术家，是让你用程序员的思维方式，系统性地学会"看"和"做"。

**这本书不要求你会画。** 99% 的程序员拿着本书之前做不出一张能用的游戏素材——这是正常的起点。错的不是你，是那些告诉你"先画一个圆，然后细化"的教程——它们是教插画家的，不是教你的。

---

> 写代码，是把想法变成程序。
>
> 学像素画，是把程序变成游戏。
>
> 从第一个像素开始。

pixel-art-book

pixel-art-book Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

pixel-art-book

pixel-art-book Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README