pengxiao
a90f7adfa1
将 Markdown 源文件移入 md/，LaTeX 工作目录保留在 latex/， Word 导出移入 word/；删除临时脚本、调试截图和空 stub。 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
162 lines
4.6 KiB
Markdown
162 lines
4.6 KiB
Markdown
# 第9章：数字媒体设计
|
||
|
||
本章探讨AI在数字媒体创作领域的应用，包括视觉设计、交互设计和内容生成。
|
||
|
||
## 篇章导读
|
||
|
||
数字媒体是AI应用最活跃的领域之一。从图像生成到视频制作，从界面设计到交互体验，AIGC工具正在重塑数字媒体创作的流程和范式。
|
||
|
||
本章将系统介绍AI在视觉设计和交互设计中的应用。
|
||
|
||
---
|
||
|
||
## 学习目标
|
||
|
||
1. 了解AIGC在视觉设计中的应用场景
|
||
|
||
掌握图像生成和风格迁移的基本方法
|
||
|
||
理解AI辅助品牌视觉设计的流程
|
||
|
||
## 核心应用
|
||
|
||
图像生成与风格迁移
|
||
|
||
---------------------------------------------------------------------------------------
|
||
应用类型 说明 工具示例
|
||
-------------------------- ---------------------- -------------------------------------
|
||
文生图 从文本描述生成图像 Midjourney, Stable Diffusion
|
||
|
||
图像编辑 局部修改、扩展、擦除 Photoshop AI, Inpainting
|
||
|
||
风格迁移 将图像转换为目标风格 Neural Style Transfer
|
||
|
||
矢量生成 生成可缩放的矢量图形 Vectorizer.ai, Adobe Illustrator AI
|
||
---------------------------------------------------------------------------------------
|
||
|
||
Logo与图标设计
|
||
|
||
### AI辅助流程：
|
||
|
||
#### 需求分析
|
||
|
||
`- ``品牌定位`
|
||
|
||
`- ``目标受众`
|
||
|
||
`- ``设计风格偏好`
|
||
|
||
####
|
||
|
||
`2. ``概念生成`
|
||
|
||
`- AI``生成多个设计方案`
|
||
|
||
#### - 快速迭代探索
|
||
|
||
`3. ``细化优化`
|
||
|
||
`- ``设计师精修`
|
||
|
||
`- ``矢量化处理`
|
||
|
||
- 品牌规范整理
|
||
|
||
**工具推荐**： - LogoAI：自动Logo生成 - Looka：品牌设计套件 - Brandmark：Logo和品牌身份
|
||
|
||
品牌视觉系统生成
|
||
|
||
**应用场景**： - 色彩方案生成 - 字体搭配推荐 - 视觉元素扩展 - 品牌指南生成
|
||
|
||
## 案例分析
|
||
|
||
**案例1：餐饮品牌Logo设计** - 使用Midjourney生成初始概念 - Illustrator进行矢量化精修 - 生成品牌视觉系统扩展
|
||
|
||
**案例2：产品包装设计** - Stable Diffusion生成包装效果图 - ControlNet控制产品形态 - 多方案快速对比
|
||
|
||
## 思考与练习
|
||
|
||
1. AIGC如何改变设计师的创意流程？
|
||
|
||
2. 在品牌设计中，如何平衡AI生成与原创性？
|
||
|
||
3. 选择一个AIGC工具，尝试完成一个视觉设计任务
|
||
|
||
---
|
||
|
||
### 学习目标
|
||
|
||
1. 了解AI在交互设计中的应用
|
||
|
||
掌握用户界面自动生成的原理
|
||
|
||
理解用户体验分析的方法
|
||
|
||
### 核心应用
|
||
|
||
用户界面生成
|
||
|
||
--------------------------------------------------------
|
||
功能 说明 工具示例
|
||
---------- -------------------- ------------------------
|
||
布局生成 自动生成页面布局 Uizard, Galileo AI
|
||
|
||
组件推荐 基于上下文推荐组件 Figma AI, Motiff
|
||
|
||
设计系统 自动生成设计规范 Designer, Figma Tokens
|
||
|
||
原型生成 从描述生成交互原型 TLDraw, Diagram
|
||
--------------------------------------------------------
|
||
|
||
交互原型自动化
|
||
|
||
**流程**：
|
||
|
||
`用户需求`` → AI``理解`` → ``生成原型`\
|
||
` ↓`\
|
||
` ``设计师调整优化`\
|
||
` ↓`\
|
||
` ``可交互原型`
|
||
|
||
**应用场景**： - 快速原型验证 - 用户测试准备 - 开发对接文档
|
||
|
||
用户体验分析
|
||
|
||
**AI分析方法**： - 用户行为预测 - 界面可用性评估 - A/B测试优化 - 情感分析
|
||
|
||
### 案例分析
|
||
|
||
**案例1：电商APP界面设计** - Galileo AI生成界面布局 - Figma AI自动填充内容 - 快速原型用户测试
|
||
|
||
**案例2：仪表板设计** - 用户需求描述 - AI生成多种布局方案 - 基于数据可视化优化
|
||
|
||
### 思考与练习
|
||
|
||
1. AI生成的界面如何保证可用性？
|
||
|
||
2. 在交互设计中，人类设计师的核心价值是什么？
|
||
|
||
3. 尝试用AI工具生成一个简单的交互原型
|
||
|
||
### 关键术语
|
||
|
||
--------------------------------------------------
|
||
中文 英文 说明
|
||
---------- ---------------- ----------------------
|
||
风格迁移 Style Transfer 将图像转换为目标风格
|
||
|
||
矢量化 Vectorization 转换为可缩放矢量格式
|
||
|
||
原型 Prototype 可交互的设计模型
|
||
|
||
设计系统 Design System 组件化设计规范
|
||
--------------------------------------------------
|
||
|
||
### 延伸阅读
|
||
|
||
1. [Midjourney官方文档](https://docs.midjourney.com/)
|
||
|
||
[Stable Diffusion提示词指南](https://stable-diffusion-art.com/)
|
||
|
||
[Figma AI功能](https://help.figma.com/hc/en-us/articles/15023124649943-Guide-to-Figma-AI)
|