收益:
- 能够根据布局、对比度、版式和色彩原则创建可读的幻灯片,并从人工智能接收可访问的调色板和设计建议
- 能够利用视觉生成人工智能生成适当的背景、插图和一致的图标,并应用“不在图像上打印文本”等实际限制
- 不将假图像视为真实图像,并能够尊重设计道德和可访问性限制,例如版权/商标和色盲。
正确的内容会因错误的设计而丢失。字体小、颜色冲突、对齐混乱;它甚至削弱了最好的信息。在本单元中,我们将在两项工作中使用人工智能:(1)作为幻灯片布局、颜色和版式决策的顾问; (2) 使用视觉生成人工智能生成您需要的图像、图标和背景。目标是即使没有设计师,也能制作出一致且可读的幻灯片。
设计的三大支柱:布局、色彩、排版
几个概念。布局是幻灯片上元素的排列。版式是字体和大小的选择。对比度是文字和背景的区别;低对比度不可读。空白是元素之间的呼吸空间;不要害怕空虚,它会带来清晰度。
实用的起始规则:
- 对齐:对齐虚拟网格中的元素;不要让它向左或向右摆动。
- 对比度:浅色背景上的深色文本,反之亦然。灰色上没有灰色。
- 版式:最多 2 种字体;标题大而粗体,正文大小可读(≥24 点是沙龙的良好基础)。
- 颜色:1种主色+1-2种高光+中性色。如果您有品牌颜色,请坚持使用。
- 重复:每张幻灯片上的相同元素、相同位置和相同格式。
原则
误用
正确应用
对比
浅灰色背景上的白色文本
深蓝色背景上的白色文本
颜色数量
7种不同的鲜艳颜色
1个主色+2个高光+灰色调
版式
4种不同的字体
1 个标题 + 1 个正文字体
空间
从边缘到边缘的完整幻灯片
利润和喘息空间
注意:色盲很常见(约 8% 的男性)。不要仅仅将信息分为红/绿;还可以添加形状、标签或纹理。
人工智能设计咨询
模型不是一个设计程序,但它是一个好的设计顾问。调色板、布局理念和版式匹配表明:
您的角色:演示设计顾问。品牌主色:[#hex 或“深海军蓝”]。部门:[...]。语气:[公司/温暖/技术]。任务:1) 建议一个可访问的调色板:1 个主色、2 个重音色、2 个中性色(每种颜色的十六进制代码以及在何处使用它)。2) 建议标题 + 正文的 2 种兼容字体(通用、免费)。3) 描述“内容幻灯片”的简单布局(标题在哪里,图像在哪里,文本在哪里)。确保对比度可读。
要评论现成的幻灯片(通过上传屏幕截图):
通过设计编辑的眼睛来评论这张幻灯片图像。写下对比度、对齐方式、文本密度、颜色数量和可读性方面的问题,并针对每个问题提出具体的解决方案。我的目标是清晰,而不是修饰。
图像生成人工智能:为了什么,如何?
图像生成人工智能(例如从文本生成图像的工具)将您编写的菜谱转化为视觉效果。它非常适合演示中的背景、概念图像、插图和图标创意。一个好的图像提示包括:主题+风格+构图+色彩+比例+用途。
制作演示文稿封面图像。主题:可持续农业技术。风格:简单、现代、平面插画、非写实摄影。构图:在右侧留出空白(标题文本将在那里)。颜色:绿色和大地色系,沉稳。比例:水平 16:9。添加文本/文本(我将添加文本)。
对于图标集:
为演示文稿生成连贯的图标集想法。需求:速度、安全、节省、团队、自动化(5 个概念)。为每个图标描述一个简单的线条样式单色图标。让它们都具有相同的视觉语言和厚度。
提示:请勿在图像上放置文字。生成的图像中的文本经常失真/错误。您在幻灯片程序中添加文本。
视觉制作的局限性和伦理
- 假得真:将制造的图像呈现为“真照片/真人”是具有误导性的。新闻不能替代证据或证词。
- 版权和商标:说“模仿”现有品牌的徽标、字符或特定艺术家的风格可能会导致版权和商标问题。
- 人物形象:制作一个类似于真人的形象并让他从他的嘴里说出一些话是不道德的。
- 准确性:产生的“数据视觉”不是实际数据;它不会取代图形。对于图表,使用由实际数据(下一个单位)生成的图。
三个迷你箱子
案例 1 — 对比度校正。一位教师的幻灯片采用浅灰色背景、浅蓝色文本;后排的学生看不懂。 AI建议深色背景+白色文字并加大字体大小。后台对可读性的抱怨彻底结束了。
案例 2 — 一致的图标。产品团队在演示文稿中使用了 9 种不同风格的图标(有些是填充的,有些是线条的)。他让人工智能以一种风格描述一组;一切都变成了线条风格。尽管没有聘请设计师,但该演示收到了“看起来很专业”的反馈。
案例 3 — 从假图像返回。营销人员会将生成的人工智能肖像与标题“我们快乐的客户”作为真正的客户。该团队意识到这是一种误导;相反,使用真实的、授权的客户照片或选择抽象插图。这样,信任风险就消除了。
弱提示/强提示
弱:
制作精美的演示背景。
没有风格、没有比例、没有颜色、没有空间、没有目的;结果是随机的并且通常是无用的。
强:
生成 16:9 演示背景。主题:金融增长。风格:简约、抽象几何、纯色。颜色:深海军蓝,金色点缀,细节很少。将左侧第三个留空(文本将放在那里)。添加文本/数字。获得高对比度、文本可读的背景。
第二个给出了关键细节,如比率、可用空间、颜色和“文本插入”;输出结果可以直接使用。
常见错误
- 过多的颜色和字体:将幻灯片变成彩虹会分散注意力。
- 低对比度:浅色、浅色、难以辨认的文本。
- 在图像上打印文本:生成的文本扭曲;在幻灯片程序中添加文本。
- 以假乱真的:使用制作的人物/照片,就好像它是真实的一样。
- 仅通过颜色区分:排除色盲观看者;还添加形状/标签。
- 模仿品牌风格:会产生版权和商标风险。
综上所述
设计的三大支柱是布局、色彩和版式;对齐、对比度、低颜色/字体和间距决定了可读性。人工智能是推荐调色板、布局和版式的好顾问;产生视觉效果的人工智能可以产生背景、插图和图标创意。但请勿在图像上书写,请勿以假乱真,并注意版权/品牌和色盲。它是为了审美的诚实和可读性服务的。
应用任务
选择一张幻灯片。 (1) 让 AI 生成一个可访问的调色板(1 个主色 + 2 个高光 + 中性色)和 2 种字体。 (2) 对幻灯片进行屏幕截图,批评对比度/对齐,并应用至少 2 处更正。 (3) 用图像生成人工智能生成概念图像;将速率和“添加文本”规则放入提示中。
清单
- [ ] 我最多使用 2 种字体和有限的调色板。
- [ ] 文字与背景对比度高;它是从后排读取的。
- [ ] 我不仅通过颜色还通过形状/标签来分隔信息。
- [ ] 我没有在生成的图像上打印任何文本;我添加了文字。
- [ ] 我不会将假图像呈现为真实图像;我检查了版权/商标风险。
- [ ] 项目在网格中对齐,有足够的空间。