像素风
Pixel Art
初级通用像素风（Pixel Art）是一种以可见像素格为单位，逐格安排形状、颜色和轮廓的视觉风格。它让产品用少量图形细节建立统一的复古游戏观感，例如把活动页的角色和道具画成像素图。
你可能会说：「我想让活动页像老游戏画面：人物和图标有清楚的方格边缘，放大后也别变糊。」
动手看看夏日寻宝活动页
切换插画风格，再调像素格大小；也可以悬停、按住或用 Tab 聚焦「开始寻宝」。看角色、道具和按钮是否像来自同一个游戏世界。
像素风不只是给图片加马赛克：帽檐、手臂和果实都用清晰的方格与阶梯轮廓塑形，硬边框和无模糊的投影也跟着统一。
要点像素风为什么不只是把图片缩小？
- 1
每个像素都参与造型
画像素风图标时，我们会决定哪些格子组成轮廓、阴影和高光。因为可用的细节少，一个格子的变化就可能让表情或物体形状变样。把普通图片缩小再放大，只会得到粗糙图像，不等于完成了这种设计。
- 2
先统一图形的基本规则
如果你让 AI 做一组网站道具图标，可以先定基础画布尺寸、轮廓粗细、配色范围和光源方向。这样做的好处是图标放在同一页面时像出自一套素材，而不是每张图各有一套像素大小和画法。
- 3
放大方式影响最终观感
像素图放进网页后，浏览器可能把边缘插值成模糊的颜色。你可以让 Agent 检查图片的缩放方式，并优先用整数倍放大来保持格子清楚。正文和表单文字仍用正常字体，用户读内容会更轻松。
容易混淆的地方
低分辨率图片只是像素数量少，像素风还要求图形按像素格有意识地组织；给照片加马赛克，也不会自动变成像素风。它也不等于“8 位”：后者常用来形容早期游戏的技术或文化印象，做网页时不必为了像素风去模拟某台旧设备的全部限制。
什么时候用
适合用
- 做游戏活动页时，用像素角色、道具和场景插图呼应游戏内容，让访客快速理解主题。
- 做开发者工具的成就徽章时，用一套规则一致的小型像素图，区分不同任务或等级。
- 做复古主题的 App 空状态时，用像素插画承载趣味，操作按钮和说明文字保持易读。
不适合用
- 做以长篇阅读为主的知识库时，正文不必像素化；用清晰的常规字体和排版更适合阅读。
- 做医疗数据后台时，如果用户主要靠图表比较数值，就用清晰的图表和图标，不必套像素风。
- 展示商品实物细节时，像素图会丢失材质和结构信息；用高清照片或产品渲染图更合适。
练一练选一个答案，看看解释
你要做一个复古游戏活动页：角色插画需要像素风，但报名说明较长，页面还要适配手机。你会怎样告诉 AI Agent？
让 AI 帮你做复制给 AI Agent 直接用
请把这个游戏活动页的角色、道具和空状态插画做成统一的像素风：先确定共同的基础格子、轮廓粗细、配色和光源方向，放大时保持像素边缘清楚。正文、表单和按钮文字使用易读的常规字体，并检查手机端显示。