refactor: 重组项目目录结构

以讲义内容为骨架迁移到标准目录格式： - officefile/ 主内容（12章 + 附录 + CC4SI补充） - dofile/ 代码示例（11个Python脚本） - data/ 图片资源 - output/ 生成输出（忽略） - Archive/ 归档旧目录（忽略） - .claude/skills/ 保留markdown-to-docx工具链 - .pandoc/ 保留CSL和本地化配置 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-25 14:00:56 +08:00
parent af083069d0
commit 219232de74
91 changed files with 39365 additions and 10 deletions
@@ -0,0 +1,161 @@
+# 第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)