1615 字
约 5 分钟
1
生图:构图、光影、色彩的语言
无标签

审美工程 · 9 / 12 生图:构图、光影、色彩的语言 生图和生 UI 同一个道理:词汇量决定产出。构图、光影、色彩三件套,每样记三个词;先用三组真图练眼力,再拼一段能直接用的生图提示词。 构图 光影 色彩 并排对比 四选一验收 一句话速览 生图提示词的审美三件套:构图、光影、色彩。三组对比图建立直觉,再从四张候选图里挑出对的那张 出图质量,卡在你的词汇量上 你说「一张好看的咖啡海报」,AI 给你训练数据的平均值;你说「三分法构图、黄金时刻侧逆光、低饱和莫兰迪色调」,AI 立刻有了施工图。摄影师练了一百年的语言现成摆在那里,拿来就能用。审美三件套: 构图管主体站位,光影管立体感,色彩管情绪 。每样记住三个词,够用了。下面的练习都做成两张并排,这是信息设计师 Tufte 的老办法: 对比产生情境 ,好坏摆在一起才看得出来。

动手 · 第一局:构图

构图:主体该站在哪 二选一

点你觉得更好的那张。

A

B

同一处灯塔海岸,两种构图。图:GPT Image 2 生成示意

三分法 画面横竖各切三份,主体放在交点上,比居中耐看。 留白 空出来的地方给主体让位,画面不用填满。 视线引导 用海岸线、道路这类线条,把视线牵到主体上。

动手 · 第二局:光影

光影:立体感从哪来 二选一

还是点更好的那张。

A

B

同一只咖啡杯,两种打光。图:GPT Image 2 生成示意

侧光 光从侧面来,立体感靠影子撑起来。 黄金时刻 日出日落前后一小时,光又软又有方向。 明暗对比 亮部和暗部拉开,主体从背景里跳出来。

动手 · 第三局:色彩

色彩:谁在打架,谁在说话 二选一

最后一局,点更好的那张。

A

B

同一个工作台,两种配色。图:GPT Image 2 生成示意

色调统一 全图一个色系,杂色越少越耐看。 低饱和 把颜色的音量调低,质感立刻上来。 点缀色 留一处高饱和当视觉焦点,多了就打架。

二选一为什么灵:Tufte 的两条原则 信息设计的老前辈 Edward Tufte 在《The Visual Display of Quantitative Information》里留了七条原则,About Face 4 第 17 章把它们搬进了界面设计。其中两条正好解释这一页的玩法。 第一条, 加强视觉对比,对比产生情境 。单独看一张灯塔照,你说不准构图好坏;两张并排,三分法和死板居中立刻分出高下。前面三局你答得那么快,靠的就是对比把差异放大了。这也解释了为什么好构图和好光影总是「一眼能看出来」:眼睛天生是台对比机器,缺的只是并排的机会。 第二条, 在相邻空间上并排显示,优于按时间堆积 。一张张翻着看,比较靠短时记忆,翻到第四张,第一张长什么样已经记不清了;并排摆开,比较靠眼睛。所以让 AI 出候选图,别看一张删一张,攒齐了并排看。 让 AI 出图的正确姿势:一次要四张, 并排摆开再挑 ,别一张一张看完就忘。

动手 · 轮播和并排,比一场 不信并排更快?拿前三局的六张图试一场。任务:把「黄金时刻侧逆光」那张找出来。先用轮播翻着找,再切并排看一遍,感受两种看法的差距。

找出侧逆光那张 0 / 2 种模式

两种模式各找一次:轮播里点「就选这张」,并排里直接点图。

轮播看图 并排看图

第 1 / 6 张

上一张 下一张 就选这张

1

2

3

4

5

6

前三局出现过的六张图。图:GPT Image 2 生成示意

动手 · 验收:四张候选选一张交稿 三局练完,上真实工作场景:你让 AI 给咖啡品牌出了四张海报候选,客户明天要。用刚学的三件套挑一张交稿。注意这里的姿势:四张 并排摆开 再挑,用的就是 Tufte 那招相邻空间对比。

咖啡品牌海报验收 四选一

点你会交给客户的那张,点完逐张揭晓判词。

候选 1

候选 2

候选 3

候选 4

咖啡品牌海报四张候选。图:GPT Image 2 生成示意

动手 · 拼一段生图提示词 三件套各挑一块,拼出来的就是能直接发给生图模型的提示词。主体描述换成你自己的场景就能用。

生图提示词积木 实时拼装

三组各挑一块,下方的提示词跟着变,拼好直接复制去生图。 构图 三分法构图,主体偏右 大面积留白,主体居下

光影 黄金时刻侧逆光 柔和窗光

色彩 低饱和莫兰迪色调 单色系深蓝

复制提示词

本节要点

✓ 审美三件套指挥生图: 构图管站位,光影管立体感,色彩管情绪,每样记三个词。 ✓ 挑图和生图吃同一套词汇: 说得出「三分法」「侧逆光」「低饱和」,四选一就有依据,交稿不靠运气。 ✓ 候选图要并排看: 对比产生情境,相邻空间摆开优于一张张翻,Tufte 这两条原则就是本页方法论的底座。 ✓ 下次生图把构图、光影、色彩三行写全 再发;出图不对时,按这三行逐项排查是哪行没说清。

内容来源: 小山学堂「审美工程」专题原创;本页示意图由 GPT Image 2 生成;部分设计原则整理自《About Face 4:交互设计精髓》第 17 章。

生图:构图、光影、色彩的语言
http://www.clxhxhhr.top/posts/3944/
作者
clxstart
发布于
2026-09-25
许可协议
CC BY-NC-SA 4.0
评论
0 条
还没有评论,先写一条吧。