《AI 设计词典(上篇)|怎么描述画面》

作者: Morry.AI @Morry4AI

格式: 专栏文章
阅读时间预估: 8 分钟
VISUAL DICTIONARY 01AI 视觉设计词典 · 上篇31 个高频画面词汇

AI 设计词典(上篇)|怎么描述画面:31 个中英双语高频视觉词汇,把画面结构一次说清楚

很多人用 AI 做图时,最容易卡住的不是不会写 Prompt,而是「你知道哪里不对,却不知道该怎么描述」。本文完整收录 Morry.AI (@Morry4AI) 整理的《AI 设计词典(上篇)》,从画幅与区域、构图、位置与对齐、空间与密度、层级与视觉重心 5 大维度,保留中英双语高频词条与 10 张可视化拆解图卡,帮你彻底告别模糊感觉词。

AI 设计词典(上篇)|怎么描述画面
点击查看高清封面图
原作者:Morry.AI (@Morry4AI)发布日期:2026-04-16核心维度:Canvas · Composition · Alignment · Space · Hierarchy
查看 X 原文长帖

00序言:为什么你给 AI 提的修改意见总是失效?

很多人用 AI 做图时,最容易卡住的不是不会写 Prompt。而是:你知道哪里不对,却不知道该怎么描述。

AI 给你一张图,你可能会说:

「主体太大了。」
「左边空一点。」
「画面有点乱。」
「标题再明显一点。」
「整体高级一点。」

这些话,人能大概理解,但对 AI 来说,边界还是太模糊。所以我把 AI 设计中真正高频的视觉词汇整理成了一套「AI 设计词典」。不是为了教你成为设计师,而是帮你认识那些在 AI 设计中真正高频、能够让需求变得更准确的视觉词汇。

《AI 设计词典》整个系列分成三篇:
01|怎么描述画面本篇重点

解决「东西放在哪里、放多大、谁更重要」。

02|怎么描述视觉

解决「字体、颜色、形状、材质和风格应该长什么样」。

03|怎么给 AI 设置设计边界

解决「什么可以改、什么不能改、如何保持视觉一致」。

这一篇先从最基础的开始:怎么把一个画面说清楚。我会同时保留中文和英文——中文帮你理解,英文帮你更准确地调用 AI。

0101|画幅与区域(Canvas & Regions)

在告诉 AI「做什么」之前,最好先告诉它:在哪里做。

画幅|CanvasFOUNDATION

可以理解成整张设计的工作区域。

例句:在一个横版 Canvas 中完成设计。

通常我们不需要专门强调这个词,但理解它以后,会更容易理解后面的画幅、边距和安全区域。

★★★★★ 宽高比|Aspect Ratio最高频

这是 AI 做图最常用的词之一。指画面的「宽 : 高」。例如:

1:1|方形
3:4 / 4:5|竖版内容图
16:9|横版配图
5:2|超宽 Banner
❌ 不要只说:「给我做一张横图。」
✅ 可以直接说:「生成一张宽高比(Aspect Ratio)为 16:9 的横版图片。」

横版|Landscape

宽度大于高度。常用于 Banner、文章配图、演示文稿等。

竖版|Portrait

高度大于宽度。常用于小红书、海报、短视频封面等。

方形|Square

宽高接近 1:1。常用于头像、社交媒体帖子等。这三个词很基础,知道即可。

画幅与宽高比|Aspect Ratio(横版 Landscape 16:9 / 方形 Square 1:1 / 竖版 Portrait 3:4)
点击放大高清原图
01 / 10画幅与宽高比|Aspect Ratio(横版 Landscape 16:9 / 方形 Square 1:1 / 竖版 Portrait 3:4)

★★★★ 安全区域|Safe Area

指重要内容应该待在的安全范围。尤其适合:头像可能遮挡 Banner、平台会裁切图片、文字不能太靠边等场景。

例句:所有标题和重要信息必须位于 Safe Area 内,不要靠近画面边缘。

★★★ 边距|Margin

内容与画面边缘之间的距离。AI 很喜欢把文字和元素顶到边缘,这时候可以告诉它:

例句:四周保留足够的 Margin,不要让文字贴近画面边缘。

★★ 满版|Full Bleed

让图片、颜色或视觉元素一直延伸到画面边缘。比如一张照片完全铺满背景,就是典型的 Full Bleed。

例句:使用 Full Bleed 图片作为背景,不保留外围白边。
安全区域(Safe Area)/ 边距(Margin)/ 满版(Full Bleed)
点击放大高清原图
02 / 10安全区域(Safe Area)/ 边距(Margin)/ 满版(Full Bleed)

0202|构图(Composition)

确定画幅以后,下一个问题就是:东西怎么摆?

★★★★★ 构图|Composition

Composition 描述的是画面里不同元素之间的组织关系。人物放左边还是右边?标题放哪里?主体居中还是偏移?这些都属于构图。所以「构图」其实是一个大概念——下面这些词,才是在 AI 设计里真正好用的。

★★★★ 居中构图|Centered Composition

把主要视觉主体放在画面中心。特点是稳定、直接、视觉中心明确。

例句:使用 Centered Composition,将产品放在画面正中央。

★★★★ 非居中构图|Off-center Composition

主体故意偏离中心。这样可以给另一侧留下文字或其他内容空间。做「人物 + 标题」类 Banner 时非常实用。

例句:使用 Off-center Composition,人物放在右侧,为左侧标题留出空间。
居中构图(Centered Composition)VS 非居中构图(Off-center Composition)
点击放大高清原图
03 / 10居中构图(Centered Composition)VS 非居中构图(Off-center Composition)

★★★★ 对称构图|Symmetrical Composition

画面两侧在视觉上保持接近平衡。特点通常是:稳定 / 秩序 / 正式。

★★★★ 非对称构图|Asymmetrical Composition

左右并不完全一样,但通过大小、位置、颜色等方式维持视觉平衡。特点通常是:更灵活 / 更现代 / 更有编辑设计感。

例句:使用 Asymmetrical Composition,大标题位于左侧,小比例人物位于右下角。

⚠️ 注意:非对称 ≠ 随便摆。它依然需要视觉平衡(Visual Balance)。

对称构图(Symmetrical Composition)VS 非对称构图(Asymmetrical Composition)
点击放大高清原图
04 / 10对称构图(Symmetrical Composition)VS 非对称构图(Asymmetrical Composition)

★★★ 三分法|Rule of Thirds

把画面横向和纵向各分成三份。主体放在这些分割线或交点附近,而不是机械地放在正中央。

❌ 模糊说法:「人物靠右一点。」
✅ 准确描述:「人物位于画面右侧 1/3 区域。」
三分法|Rule of Thirds(横向纵向三等分线与视觉交点)
点击放大高清原图
05 / 10三分法|Rule of Thirds(横向纵向三等分线与视觉交点)

★★★★ 网格系统|Grid System

用一套隐形的网格组织文字、图片和其他元素。它最大的作用是:让复杂内容依然保持秩序。尤其适合信息图、知识卡片、编辑设计。

例句:使用清晰的 Grid System,让标题、正文和图形严格对齐。

★★★ 分栏布局|Column Layout

把画面分成几列。例如:两栏布局|Two-column Layout。比「文字左边,人物右边」更接近完整的版式要求。

例句:使用 Two-column Layout,左侧放文字,右侧放人物。

★★ 模块化布局|Modular Layout

把信息拆成多个独立模块,再按照统一规则排列。特别适合:知识卡片、功能介绍、教程步骤、信息图。

网格系统(Grid System)/ 分栏布局(Column Layout)/ 模块化布局(Modular Layout)
点击放大高清原图
06 / 10网格系统(Grid System)/ 分栏布局(Column Layout)/ 模块化布局(Modular Layout)

0303|位置与对齐(Position & Alignment)

构图确定大关系。接下来要解决的是:具体放在哪里。

★★★★★ 对齐|Alignment

这是非常重要、但普通用户很容易忽略的一个词。很多 AI 生成的设计之所以看起来「不专业」,并不是颜色不好看,而是:元素没有对齐。

左对齐
Left Alignment

文字或元素沿左侧统一排列。

右对齐
Right Alignment

沿右侧统一排列。

居中对齐
Center Alignment

以中轴线作为统一基准。

顶部对齐
Top Alignment

沿顶部水平基准线对齐。

底部对齐
Bottom Alignment

沿底部水平基准线对齐。

❌ 不要只告诉 AI:「把这些文字放左边。」
✅ 可以说:「所有标题和正文采用 Left Alignment,并保持统一的左侧基线。」
对齐系统|Alignment(左对齐 Left Alignment / 居中对齐 Center Alignment / 右对齐 Right Alignment)
点击放大高清原图
07 / 10对齐系统|Alignment(左对齐 Left Alignment / 居中对齐 Center Alignment / 右对齐 Right Alignment)

★★★★ 前景|Foreground

距离观看者最近的视觉层。

★★★ 中景|Midground

位于前景和背景之间。

★★★★ 背景|Background

位于视觉最底层。

当你做有场景的插画、3D 或照片型设计时,这三个词非常有用。例如:「人物作为 Foreground,建筑作为 Midground,天空作为 Background。」AI 会更容易理解不同元素之间的空间关系。
前景(Foreground)/ 中景(Midground)/ 背景(Background)空间层次拆解
点击放大高清原图
08 / 10前景(Foreground)/ 中景(Midground)/ 背景(Background)空间层次拆解

一个非常实用的方法:直接用「区域」量化描述位置

有时候甚至不需要专业术语。直接说:

左侧 40%
右侧 1/3
画面中央
左上角
右下区域
距离顶部约 10%

往往比「稍微靠右一点」有效得多。AI 设计中,能够量化的需求,尽量不要只用感觉描述。

0404|空间与密度(Space & Density)

这一组词特别重要。因为我们经常会对 AI 说:「简单一点。」但「简单」到底是什么?很多时候,你真正想控制的是:空间和视觉密度。

★★★★★ 负空间|Negative Space

主体周围主动留下来的空白区域。它不是「没设计」,而是利用空白突出主体、建立层级、控制画面密度。

例句:人物集中在右侧,左侧保留约 40% Negative Space,用于标题排版。(比「左边空一点」准确很多)

★★★★★ 留白|White Space

White Space 和 Negative Space 很接近,但不一定真的是「白色」。它更强调:元素之间主动留下的空间(标题和正文之间的距离、卡片之间的间隔、页面四周的空白)。

辨析:Negative Space 更关注主体周围形成的视觉空间;White Space 更常用于描述版式中的留白。

★★★★★ 视觉密度|Visual Density

画面中单位空间内的信息和视觉元素有多少:

High Visual Density|高视觉密度

元素多、间距小、装饰多。

Low Visual Density|低视觉密度

元素少、间距大、留白多。

💡 以后觉得 AI 做得太乱,可以试试:「降低 Visual Density,减少装饰元素,增加元素之间的 White Space。」——比「简洁高级一点」有效得多。

★★★★ 间距|Spacing

元素之间的距离。包括:标题和正文、图片和文字、卡片和卡片之间的空间。

例句:增加模块之间的 Spacing,让信息之间有更明显的分组。

★★★ 紧凑 ↔ 稀疏|Compact ↔ Sparse

Compact(紧凑):元素排列更集中、间距较小。
Sparse(稀疏):元素较少、空间更充足。

Make the layout more sparse.

★★★ 呼吸感|Breathing Room

意思是不要让元素互相挤压,给内容留下足够空间。在描述视觉时非常好用。

例句:增加标题和主体之间的 Breathing Room。
负空间(Negative Space)/ 留白(White Space)/ 视觉密度(Compact vs. Sparse)
点击放大高清原图
09 / 10负空间(Negative Space)/ 留白(White Space)/ 视觉密度(Compact vs. Sparse)

0505|层级与视觉重心(Hierarchy & Visual Weight)

最后一个问题:用户第一眼应该看到什么?如果所有元素都一样大、一样醒目,画面就没有重点。

★★★★★ 视觉层级|Visual Hierarchy

决定用户:先看到什么 → 再看到什么 → 最后看到什么。例如一张教程封面:

第一层级
主标题
1st Visual Hierarchy
第二层级
人物 / 核心视觉
2nd Visual Hierarchy
第三层级
副标题
3rd Visual Hierarchy
第四层级
辅助信息
4th Visual Hierarchy
✅ 可以直接告诉 AI:「主标题作为第一视觉层级,人物作为第二视觉层级,副标题作为第三视觉层级。」(比「标题突出一点」准确得多)

★★★★★ 视觉焦点|Focal Point

整张画面最吸引注意力的位置。一张图最好有明确的 Focal Point(一个人物、一台产品、一个数字、一句话)。

例句:让人物成为整个画面的 Focal Point。

★★★★ 视觉重量|Visual Weight

不同元素在视觉上给人的「重量感」。通常更大、更深、更粗、更高对比的元素会拥有更大的 Visual Weight。两个元素即使大小相同,视觉重量也可能完全不同。

★★★★ 主导元素|Dominant Element

画面中占主导地位的元素,与之对应的是次要元素|Secondary Element。

例句:产品是 Dominant Element,文字和图标作为 Secondary Elements。

★★★★ 比例|Proportion

不同元素之间的大小关系。例如:「人物与文字保持合理的 Proportion,不要让人物占满整个画面。」

★★★★ 尺度|Scale

更强调某个元素自身的视觉大小及缩放效果。例如:「使用 Oversized Scale,让标题占据画面的大部分区域。」

★★★★ 平衡|Balance

画面的视觉重量是否稳定。对称与非对称构图都能产生平衡(如左边巨大标题 vs 右边较小但颜色鲜艳的人物)。

★★★ 节奏|Rhythm

通过重复、间隔、大小变化形成视觉规律(如连续排列的卡片、重复圆形、大小交替的文字)。

视觉层级(Visual Hierarchy)/ 视觉焦点(Focal Point)/ 视觉重量(Visual Weight)
点击放大高清原图
10 / 10视觉层级(Visual Hierarchy)/ 视觉焦点(Focal Point)/ 视觉重量(Visual Weight)

06把这些词组合起来:从「凭感觉」到「结构化 Prompt」

学这些词不是为了考试,而是为了下一次 AI 给你一张不满意的图时,你不再只能说「感觉不太对」。

❌ 以前你可能会说(模糊感觉)
「做一张简单高级一点的横版图片,人物放右边,标题放左边,别太乱。」

问题:AI 不知道多宽、人物占多大比例、左侧留多少空白、文字如何对齐、谁是第一视觉重点。

✅ 现在可以改成(精准视觉结构)
创建一张 **16:9 横版(Aspect Ratio)**图片。

使用**非对称构图(Asymmetrical Composition)**和两栏布局(Two-column Layout)。

人物位于画面右侧 1/3,左侧保留约 **40% 负空间(Negative Space)**用于标题。

所有文字保持左对齐(Left Alignment),增加元素之间的间距(Spacing),降低整体视觉密度(Visual Density)。

主标题作为第一视觉层级(Visual Hierarchy),人物作为第二层级,副标题作为第三层级。

让主标题成为主要视觉焦点(Focal Point),同时保持左右画面的视觉平衡(Balance)。

你会发现:需求没有变复杂,只是变准确了。这也是普通人在使用 AI 设计时,最值得掌握这些视觉词汇的原因——你不需要成为设计师,但至少应该能够告诉 AI:东西放在哪里、多大、谁更重要、哪里应该空出来。

交互式工作台:AI 画面五维结构 Prompt 组装器

5-DIMENSION BUILDER
GENERATED STRUCTURAL PROMPT
创建一张 16:9 横版(Aspect Ratio) 图片。

使用 非对称构图(Asymmetrical Composition)和两栏布局(Two-column Layout)。

人物位于画面右侧 1/3,所有文字保持左对齐(Left Alignment),并留足四周安全区域(Safe Area)与边距(Margin)。

左侧保留约 40% 负空间(Negative Space)用于标题,增加元素之间的间距(Spacing),降低整体视觉密度(Visual Density)。

主标题作为第一视觉层级(Visual Hierarchy),人物作为第二层级,副标题作为第三层级;让主标题成为主要视觉焦点(Focal Point),同时保持左右画面的视觉平衡(Balance)。

最后,记住这 5 个维度(画面结构自检清单)

以后不知道怎么描述一张画面,可以先按顺序检查这五件事:

①
画幅|Canvas & Aspect Ratio
我要做多大的画面?
②
构图|Composition
整体怎么组织?
③
位置|Position & Alignment
每个东西放在哪里?
④
空间|Space & Density
哪里应该空?哪里应该密?
⑤
层级|Visual Hierarchy
用户应该先看到什么?

把这五件事说清楚,你基本就把一张图的「结构(Structure)」描述清楚了。但现在我们只解决了:「东西放在哪里。」

下一篇:《AI 设计词典(中篇)|怎么准确描述视觉效果》

解决另一个问题:「这些东西,到底应该长什么样?」字体粗一点还是细一点?颜色鲜艳还是克制?圆角还是直角?平面还是立体?光滑还是有颗粒?这些模糊的「感觉」,同样有一套可以准确描述的视觉语言。

Morry.AI (@Morry4AI) — 一个正在被 AI 改造的普通人(AI 教程 / Skills / 工具 / AI 视觉 / 有趣玩法)
点击放大高清原图
AUTHOR / MORRYMorry.AI (@Morry4AI) — 一个正在被 AI 改造的普通人(AI 教程 / Skills / 工具 / AI 视觉 / 有趣玩法)