AI Design Dictionary (Part 2) | How to Accurately Describe Visual Style & Effects

Author: Morry.AI @Morry4AI

Format: Course Article
Est. Read Time: 8 min
VISUAL DICTIONARY 02AI Design Dictionary · Part 234 High-Frequency Visual Knobs

AI Design Dictionary (Part 2) | How to Accurately Describe Visual Style: Turning Vague Vibes into Precise Knobs

While Part 1 solved Structure (where elements go), Part 2 solves Style (what elements look like). Created by Morry.AI (@Morry4AI), this guide covers 34 bilingual visual terms across Typography, Color, Shape, Material & Effect, and Style—complete with 10 visual comparison cards and an interactive Visual Knobs Mixer.

AI 设计词典(中篇)|怎么准确描述视觉效果
Click to enlarge cover
Author: Morry.AI (@Morry4AI)Published: 2026-04-17👈 Read Part 1: Frame & Layout
View Original X Article

00Introduction: From Frame Structure to Visual Control Knobs

上一篇「AI 设计词典」,我们解决了一个问题:怎么准确描述一个画面。学会以后,你已经可以把一张图的「结构(Structure)」说清楚。但使用 AI 做设计时,我们还经常会说:

「字体高级一点。」
「绿色别这么艳。」
「整体柔和一点。」
「加一点质感。」
「做得更像杂志。」

这些词的问题是:人能大概理解,但 AI 还需要自己猜。所以这一篇继续整理一组 AI 设计中真正高频的视觉词汇。不是为了让你背设计术语,而是给你增加一些控制 AI 视觉效果的旋钮。依然是:中文帮你理解,英文帮你更准确地调用 AI。

0101|字体(Typography)

先从最常见的文字开始。当你觉得「这个字体不对」,真正需要调整的,可能不是「换一个好看的字体」,而是:字体类型、粗细、宽窄、字距和行距。

★★★★★ 衬线体|Serif

字形笔画末端带有额外的小笔画(衬线)。通常容易产生:经典 / 编辑 / 文化 / 优雅的视觉感受。常见于书籍、杂志、文化类设计。

例句:英文标题使用 Serif,增加经典的编辑设计感。

★★★★★ 无衬线体|Sans Serif

没有明显衬线,结构更加简洁。容易产生:现代 / 简洁 / 理性 / 科技的视觉感受。UI、信息图、现代海报、科技内容里都非常常见。

基础对照:Serif(衬线)↔ Sans Serif(无衬线)

★★★★ 等宽字体|Monospace

每个字符占据相同宽度。很容易让人联想到:代码 / 终端 / 工程 / 数据 / 技术文档。做 AI、编程、工具类内容时很好用。

例句:辅助信息使用 Monospace,增加技术文档感。
Typography Types: Serif / Sans Serif / Monospace
Click to enlarge
01 / 10Typography Types: Serif / Sans Serif / Monospace

★★★★★ 字重|Font Weight

控制字体:细 ↔ 粗。常见层级:Light → Regular → Medium → Bold → Heavy。

❌ 不要只说:「标题明显一点。」
✅ 可以说:「主标题使用 Heavy Font Weight,正文保持 Regular。」(同时帮助建立视觉层级)

★★★★ 窄体|Condensed

字体横向更加紧凑。尤其适合:大标题 / 海报 / 空间有限的版面。

组合例句:主标题使用 Bold Condensed Sans Serif。(几个词组合起来,字体方向就已经非常明确了)

★★★★★ 字距|Tracking / Letter Spacing

控制一整段文字中字符之间有多紧或多松:Tight(紧)↔ Loose(松)。

例句:主标题使用 Tight Tracking,让大字更加紧凑有力。

★★★★★ 行距|Leading / Line Height

控制一行文字和下一行文字之间的距离。如果 AI 把多行标题挤在一起,可以直接说:

Increase the Line Height.(增加行距)
💡 字体最实用的三个控制杆:
Font Weight|字重:细 ↔ 粗Tracking|字距:紧 ↔ 松Line Height|行距:密 ↔ 疏
Typography Controls: Font Weight / Condensed / Tracking / Line Height
Click to enlarge
02 / 10Typography Controls: Font Weight / Condensed / Tracking / Line Height

0202|颜色(Color)

很多人只会告诉 AI:「用绿色。」但荧光绿、墨绿、薄荷绿、抹茶绿,视觉感受完全不同。控制颜色,至少要知道三个最基础的旋钮(Hue / Saturation / Value)。

★★★★★ 色相|Hue

决定「它是什么颜色」(红、橙、黄、绿、蓝、紫……)。如果已有固定品牌色,最准确的方法是直接提供 HEX / RGB 色值。

Primary Color 使用 #A8D965。

★★★★★ 饱和度|Saturation

控制鲜艳 ↔ 克制。High Saturation 更鲜艳强烈;Low Saturation 更柔和克制、接近灰色。

✅ 「降低绿色的 Saturation,保持原有 Hue。」(比「绿色柔和一点」准确得多)

★★★★★ 明度|Value / Brightness

控制亮 ↔ 暗。同样一种绿色:提高 Value 会更加明亮;降低 Value 会更加深沉。

Color Fundamentals: Hue / Saturation / Value
Click to enlarge
03 / 10Color Fundamentals: Hue / Saturation / Value

★★★★ 单色配色|Monochromatic

围绕一个主要 Hue,通过不同明度和饱和度形成整套配色(例如:浅绿 + 抹茶绿 + 深绿)。适合做统一、克制、品牌感较强的视觉。

★★★★ 互补色|Complementary Colors

使用色轮上相对的颜色(例如:蓝 ↔ 橙、红 ↔ 绿)。如果需要强烈的视觉对比或冲突,可以使用 Complementary Color Scheme。

Color Schemes: Monochromatic vs. Complementary Colors
Click to enlarge
04 / 10Color Schemes: Monochromatic vs. Complementary Colors

★★★★★ 主色|Primary Color

整个设计中占主导地位的颜色。

★★★★ 辅助色|Secondary Color

辅助主色建立更丰富的层级。

★★★★★ 强调色|Accent Color

只在少量关键位置出现,用来吸引注意力。

★★★★★ 色板|Color Palette

整套设计允许使用的颜色集合。连续生成多图时尤为关键。

✅ 角色分配例句:「抹茶绿作为 Primary Color,米白作为基础背景,橙色只作为 Accent Color。」(比「用绿色、白色和一点橙色」明确得多)
✅ 边界锁定例句:「严格遵循现有 Color Palette,不自行增加新的颜色。」
Color Roles & Color Palette
Click to enlarge
05 / 10Color Roles & Color Palette

0303|形状(Shape)

同样的信息,使用圆润、不规则的形状,和使用直角、规则的几何形状,最终视觉性格可能完全不同。

★★★★★ 几何形态 ↔ 有机形态|Geometric ↔ Organic Shape

Geometric(几何形态):圆形、矩形、三角形、规则线条,产生理性 / 规则 / 秩序 / 现代感(瑞士设计、信息图常见)。
Organic Shape(有机形态):手绘曲线、不规则色块、植物轮廓,更加自然、流动。

★★★★★ 圆角 ↔ 直角|Rounded Corners ↔ Sharp Corners

Rounded Corners(Corner Radius)越大越柔和;Sharp Corners(直角)更硬朗、理性、直接。
💡 觉得 AI 的卡片「太像普通 SaaS」?试试:「减少 Corner Radius,使用更多 Sharp Corners。」

Geometric vs. Organic Shapes & Rounded vs. Sharp Corners
Click to enlarge
06 / 10Geometric vs. Organic Shapes & Rounded vs. Sharp Corners

★★★★★ 描边|Stroke / Outline

围绕文字、图形或角色外部的线条。比如做贴纸时经常会要求:Thick White Outline(粗白色外描边)。

★★★★ 线宽|Stroke Width

控制描边细 ↔ 粗。如果一套设计里所有图标和图形的 Stroke Width 都不一样,很容易显得杂乱。可以规定:「所有图形使用统一的 Stroke Width。」

Stroke / Outline & Uniform Stroke Width
Click to enlarge
07 / 10Stroke / Outline & Uniform Stroke Width

0404|材质与效果(Material & Effect)

这是 AI 最容易「用力过猛」的地方。阴影、发光、渐变、玻璃、金属、颗粒……如果什么效果都加一点,最后就会变成「效果很多,但没有明确的视觉规则」。

★★★★★ 纹理|Texture

描述物体表面的视觉质感(纸张、布料、塑料、木材、金属)。不要只说「有质感一点」,直接说:「添加轻微的 Paper Texture。」

★★★★ 颗粒|Grain

常见于复古、印刷、胶片、编辑设计。关键词是「轻微」——不是颗粒越多越有设计感。例句:「添加非常轻微的 Grain,不影响文字清晰度。」

★★★★★ 渐变|Gradient

颜色平滑过渡。如果视觉体系本来更加平面、克制,可以直接告诉 AI:No Gradient.(有时候「不要什么」和「要什么」一样重要)。

★★★★★ 透明度|Opacity

控制元素有多透明(100% Opacity 完全不透明)。例句:「网格线使用较低 Opacity,不要抢夺主体的视觉注意力。」

Texture / Grain / Gradient / Opacity
Click to enlarge
08 / 10Texture / Grain / Gradient / Opacity

★★★★★ 阴影 / 投影|Shadow / Drop Shadow

Shadow 表现光线和空间关系;Drop Shadow 常用于平面、UI、卡片。例句:「添加轻微 Drop Shadow,让卡片与背景产生空间分离。」

★★★★ 柔光 ↔ 硬光|Soft Light ↔ Hard Light

Soft Light(柔光):过渡柔和、自然平静。
Hard Light(硬光):光线方向明确、明暗边界强、硬朗戏剧化。

★★★★ 哑光 ↔ 光泽|Matte ↔ Glossy

控制表面反光感。Matte(哑光)反射弱、更柔和克制;Glossy(光泽)反射明显、高光更强(3D、产品、立体字常用)。

Drop Shadow / Soft vs. Hard Light / Matte vs. Glossy
Click to enlarge
09 / 10Drop Shadow / Soft vs. Hard Light / Matte vs. Glossy

0505|风格(Style)

⚠️ 核心原则:风格名称应该是起点,而不是全部。因为同一句 Swiss Style,不同 AI 依然可能给你完全不同的结果。更准确的方法是:风格名称 + 前面四组具体规则。

★★★★★ 极简主义|Minimalism

核心不是「什么都不放」,而是减少不必要元素,只留下重要信息。特征:大量留白 / 元素较少 / 层级清晰 / 配色克制。

★★★★★ 瑞士风格|Swiss Style

它本身就是一组规则的组合:网格系统 / 无衬线字体 / 强对齐 / 非对称布局 / 清晰层级 / 克制配色。

★★★★ 粗野 / 新粗野主义|Brutalism / Neo-Brutalism

Brutalism:粗大字体、强对比、硬边框、暴露结构。
Neo-Brutalism:粗描边 / 高对比 / 鲜艳色块 / 硬阴影 / 卡片结构。

★★★★★ 编辑设计|Editorial Design

来自杂志和出版物的信息组织逻辑。强调字体、图片、网格、留白和信息层级之间的关系。不想像普通宣传海报时的首选。

★★★★★ 信息图|Infographic

核心是把信息视觉化(流程、关系、步骤、时间线、数据对比)。判断好坏的核心不是漂不漂亮,而是「能不能一眼看懂」。

★★★★ 拼贴|Collage

把照片、文字、纸张、图形等不同媒介组合在一起(含 Digital Collage|数字拼贴)。适合需要更强编辑感、实验感的视觉。

6 High-Frequency Visual Styles
Click to enlarge
10 / 106 High-Frequency Visual Styles

06不要背词,把它们当成「视觉旋钮」

这些名词真正有用的地方不是「知道它是什么意思」,而是知道「它能控制什么」。你不是在背 30 多个设计名词,而是在给自己增加一排可以控制 AI 视觉结果的旋钮:

Font Weight|字重
细 Light←───→粗 Heavy
Tracking|字距
紧 Tight←───→松 Loose
Saturation|饱和度
克制 Low←───→鲜艳 High
Value|明度
暗 Dark←───→亮 Bright
Geometric / Organic
规则几何←───→自然有机
Rounded / Sharp
圆润圆角←───→锐利直角
Soft / Hard Light
柔和柔光←───→强烈硬光
Matte / Glossy
哑光克制←───→光泽高光
❌ 以前你可能会告诉 AI(凭感觉)

「做得高级一点,有杂志感。」

「字体大一点。」

「绿色不要太艳。」

「再加一点质感。」

✅ 现在可以改成(从感觉变成规则)
整体采用 Editorial Design|编辑设计方向。

主标题使用超粗 Sans Serif|无衬线字体,采用 Heavy Font Weight|字重,略微收紧 Tracking|字距。

以抹茶绿作为 Primary Color|主色,降低 Saturation|饱和度;米白作为基础背景,黑色作为辅助色,不自行增加新的颜色。

图形以 Geometric|几何形态为主,使用统一的 Stroke Width|线宽和轻微 Rounded Corners|圆角。

整体保持 Matte|哑光质感,加入非常轻微的 Grain|颗粒,光线使用 Soft Light|柔光。

Interactive Studio: 5-Dimension AI Visual Knobs Mixer

STYLE KNOBS MIXER
GENERATED VISUAL STYLE PROMPT
整体采用 Editorial Design|编辑设计 方向。

主标题使用超粗 Sans Serif|无衬线字体,采用 Heavy Font Weight|字重,略微收紧 Tracking|字距。

以抹茶绿(#A8D965)作为 Primary Color|主色,降低 Saturation|饱和度;米白作为基础背景,黑色作为 Secondary Color|辅助色,严格遵循现有 Color Palette|色板,不自行增加新的颜色。

图形以 Geometric|几何形态为主,使用统一的 Stroke Width|线宽和轻微 Rounded Corners|圆角。

整体保持 Matte|哑光质感,加入非常轻微的 Grain|颗粒与 Paper Texture|纸张纹理,光线使用 Soft Light|柔光,No Gradient|不使用渐变。

最后,只需要记住 5 个维度(视觉效果自检清单)

以后不知道怎么描述自己想要的视觉效果,先回答这五个问题:

①
字体|Typography
文字是什么类型?粗还是细?紧还是松?
②
色彩|Color
是什么颜色?鲜艳还是克制?明还是暗?谁是主色/强调色?
③
形状|Shape
规则还是自然?圆润还是锐利?线条粗还是细?
④
材质与效果|Material & Effect
有没有纹理?平面还是有阴影?柔光还是硬光?哑光还是光泽?
⑤
风格|Style
前面这些规则组合起来,最终属于什么视觉方向?
上一篇解决的是:Structure|结构(东西放在哪里)
这一篇解决的是:Style|视觉(东西长什么样)
NEXT EPISODE PREVIEW
下一篇:《AI 设计词典(下篇)|怎么给 AI 设置设计边界》

即使你把前面所有需求都描述得很清楚,AI 依然可能擅自改变角色、换掉品牌颜色、添加新的视觉效果、破坏上一张图的风格,甚至把你明确要求保留的东西一起「优化」掉。所以最后一篇要解决的,不再是「我要什么」,而是「什么不能动」。

Morry.AI (@Morry4AI) — AI Tutorials, Skills, Tools & AI Visuals
Click to enlarge
AUTHOR / MORRYMorry.AI (@Morry4AI) — AI Tutorials, Skills, Tools & AI Visuals