game-art

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Game Art Principles

游戏美术原则

Visual design thinking for games - style selection, asset pipelines, and art direction.

游戏视觉设计思维——风格选择、资产管线与美术指导。

1. Art Style Selection

1. 美术风格选择

Decision Tree

决策树

What feeling should the game evoke?
│
├── Nostalgic / Retro
│   ├── Limited palette? → Pixel Art
│   └── Hand-drawn feel? → Vector / Flash style
│
├── Realistic / Immersive
│   ├── High budget? → PBR 3D
│   └── Stylized realism? → Hand-painted textures
│
├── Approachable / Casual
│   ├── Clean shapes? → Flat / Minimalist
│   └── Soft feel? → Gradient / Soft shadows
│
└── Unique / Experimental
    └── Define custom style guide

What feeling should the game evoke?
│
├── Nostalgic / Retro
│   ├── Limited palette? → Pixel Art
│   └── Hand-drawn feel? → Vector / Flash style
│
├── Realistic / Immersive
│   ├── High budget? → PBR 3D
│   └── Stylized realism? → Hand-painted textures
│
├── Approachable / Casual
│   ├── Clean shapes? → Flat / Minimalist
│   └── Soft feel? → Gradient / Soft shadows
│
└── Unique / Experimental
    └── Define custom style guide

Style Comparison Matrix

风格对比矩阵

Style	Production Speed	Skill Floor	Scalability	Best For
Pixel Art	Medium	Medium	Hard to hire	Indie, retro
Vector/Flat	Fast	Low	Easy	Mobile, casual
Hand-painted	Slow	High	Medium	Fantasy, stylized
PBR 3D	Slow	High	AAA pipeline	Realistic games
Low-poly	Fast	Medium	Easy	Indie 3D
Cel-shaded	Medium	Medium	Medium	Anime, cartoon

风格	生产速度	技能门槛	可扩展性	最适用场景
Pixel Art	中等	中等	招人难度高	独立游戏、复古风格
Vector/Flat	快	低	简单	移动端、休闲游戏
Hand-painted	慢	高	中等	幻想题材、风格化游戏
PBR 3D	慢	高	AAA级开发管线	写实类游戏
Low-poly	快	中等	简单	3D独立游戏
Cel-shaded	中等	中等	中等	动漫、卡通风格

2. Asset Pipeline Decisions

2. 资产管线决策

2D Pipeline

2D管线

Phase	Tool Options	Output
Concept	Paper, Procreate, Photoshop	Reference sheet
Creation	Aseprite, Photoshop, Krita	Individual sprites
Atlas	TexturePacker, Aseprite	Spritesheet
Animation	Spine, DragonBones, Frame-by-frame	Animation data
Integration	Engine import	Game-ready assets

阶段	可选工具	输出物
概念设计	Paper, Procreate, Photoshop	参考表
制作	Aseprite, Photoshop, Krita	独立精灵
图集打包	TexturePacker, Aseprite	Spritesheet
动画	Spine, DragonBones, 逐帧	动画数据
集成	引擎导入	游戏可用资产

3D Pipeline

3D管线

Phase	Tool Options	Output
Concept	2D art, Blockout	Reference
Modeling	Blender, Maya, 3ds Max	High-poly mesh
Retopology	Blender, ZBrush	Game-ready mesh
UV/Texturing	Substance Painter, Blender	Texture maps
Rigging	Blender, Maya	Skeletal rig
Animation	Blender, Maya, Mixamo	Animation clips
Export	FBX, glTF	Engine-ready

阶段	可选工具	输出物
概念设计	2D美术、白模搭建	参考资料
建模	Blender, Maya, 3ds Max	高多边形网格
拓扑重制	Blender, ZBrush	游戏可用网格
UV/贴图	Substance Painter, Blender	纹理贴图
绑定	Blender, Maya	骨骼绑定
动画	Blender, Maya, Mixamo	动画片段
导出	FBX, glTF	引擎可用资产

3. Color Theory Decisions

3. 色彩理论决策

Palette Selection

调色板选择

Goal	Strategy	Example
Harmony	Complementary or analogous	Nature games
Contrast	High saturation differences	Action games
Mood	Warm/cool temperature	Horror, cozy
Readability	Value contrast over hue	Gameplay clarity

目标	策略	示例
和谐感	互补色或邻近色	自然题材游戏
对比度	高饱和度差异	动作类游戏
氛围感	冷暖色调控制	恐怖、治愈类游戏
可读性	明度对比优先于色相	玩法清晰度保障

Color Principles

色彩原则

Hierarchy: Important elements should pop
Consistency: Same object = same color family
Context: Colors read differently on backgrounds
Accessibility: Don't rely only on color

层级： 重要元素需要突出
一致性： 同类物体使用同色系
上下文： 颜色在不同背景上的呈现效果不同
无障碍设计： 不要仅依赖颜色传递信息

4. Animation Principles

4. 动画原则

The 12 Principles (Applied to Games)

12项动画原则（游戏应用版）

Principle	Game Application
Squash & Stretch	Jump arcs, impacts
Anticipation	Wind-up before attack
Staging	Clear silhouettes
Follow-through	Hair, capes after movement
Slow in/out	Easing on transitions
Arcs	Natural movement paths
Secondary Action	Breathing, blinking
Timing	Frame count = weight/speed
Exaggeration	Readable from distance
Appeal	Memorable design

原则	游戏应用场景
Squash & Stretch	跳跃弧线、碰撞效果
Anticipation	攻击前的蓄力动作
Staging	清晰轮廓展示
Follow-through	移动后头发、披风的跟随效果
Slow in/out	转场缓动效果
Arcs	自然运动路径
Secondary Action	呼吸、眨眼等次要动作
Timing	帧数决定重量/速度
Exaggeration	远距离下的可读性
Appeal	令人印象深刻的设计

Frame Count Guidelines

帧数参考指南

Action Type	Typical Frames	Feel
Idle breathing	4-8	Subtle
Walk cycle	6-12	Smooth
Run cycle	4-8	Energetic
Attack	3-6	Snappy
Death	8-16	Dramatic

动作类型	典型帧数	效果感受
空闲呼吸	4-8	细腻自然
行走循环	6-12	流畅
奔跑循环	4-8	充满活力
攻击	3-6	干脆利落
死亡	8-16	富有戏剧性

5. Resolution & Scale Decisions

5. 分辨率与缩放决策

2D Resolution by Platform

不同平台的2D分辨率

Platform	Base Resolution	Sprite Scale
Mobile	1080p	64-128px characters
Desktop	1080p-4K	128-256px characters
Pixel art	320x180 to 640x360	16-32px characters

平台	基础分辨率	精灵尺寸
移动端	1080p	64-128px 角色
桌面端	1080p-4K	128-256px 角色
Pixel art	320x180 到 640x360	16-32px 角色

Consistency Rule

一致性规则

Choose a base unit and stick to it:

Pixel art: Work at 1x, scale up (never down)
HD art: Define DPI, maintain ratio
3D: 1 unit = 1 meter (industry standard)

选择基础单位并严格遵守：

Pixel art：1倍尺寸制作，仅放大（永远不要缩小）
HD美术：定义DPI，保持比例
3D：1单位 = 1米（行业标准）

6. Asset Organization

6. 资产组织

Naming Convention

命名规范

[type]_[object]_[variant]_[state].[ext]

Examples:
spr_player_idle_01.png
tex_stone_wall_normal.png
mesh_tree_oak_lod2.fbx

[type]_[object]_[variant]_[state].[ext]

Examples:
spr_player_idle_01.png
tex_stone_wall_normal.png
mesh_tree_oak_lod2.fbx

Folder Structure Principle

文件夹结构原则

assets/
├── characters/
│   ├── player/
│   └── enemies/
├── environment/
│   ├── props/
│   └── tiles/
├── ui/
├── effects/
└── audio/

assets/
├── characters/
│   ├── player/
│   └── enemies/
├── environment/
│   ├── props/
│   └── tiles/
├── ui/
├── effects/
└── audio/

7. Anti-Patterns

7. 反面模式

Don't	Do
Mix art styles randomly	Define and follow style guide
Work at final resolution only	Create at source resolution
Ignore silhouette readability	Test at gameplay distance
Over-detail background	Focus detail on player area
Skip color testing	Test on target display

Remember: Art serves gameplay. If it doesn't help the player, it's decoration.

禁止行为	推荐做法
随意混用美术风格	定义并遵循风格指南
仅按最终分辨率制作	按源分辨率创作
忽略轮廓可读性	在实际游戏游玩距离下测试
过度细化背景元素	将细节重点放在玩家活动区域
跳过色彩测试	在目标显示设备上测试

谨记： 美术为游戏玩法服务。如果它对玩家没有帮助，那它就只是装饰。