feat(latex): 新增 LaTeX 排版系统,从 Markdown 生成 ctexbook

- 新增 officefile/latex/ 目录,包含 main.tex、preamble.tex 及 14 个章节 + 10 个附录 tex 文件
- md→tex 转换流程:pandoc 转换 + _postprocess.py 后处理(去编号、修破折号、清标签)
- 修复 5 个 md 源文件的标题层级(H1→H2 降级,统一层级结构)
- 配置 VS Code LaTeX Workshop(xelatex + ctexbook 编译链)
- 新增 VS Code workspace 和 .gitignore(排除 LaTeX 编译产物)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-05-29 12:21:15 +08:00
parent 72a9484188
commit c81cf83c13
38 changed files with 12245 additions and 23 deletions
@@ -0,0 +1,217 @@
\chapter{数字媒体设计}
本章探讨AI在数字媒体创作领域的应用,包括视觉设计、交互设计和内容生成。
\section{篇章导读}
数字媒体是AI应用最活跃的领域之一。从图像生成到视频制作,从界面设计到交互体验,AIGC工具正在重塑数字媒体创作的流程和范式。
本章将系统介绍AI在视觉设计和交互设计中的应用。
\section{学习目标}
\begin{enumerate}
\def\labelenumi{\arabic{enumi}.}
\item
了解AIGC在视觉设计中的应用场景
掌握图像生成和风格迁移的基本方法
理解AI辅助品牌视觉设计的流程
\end{enumerate}
\section{核心应用}
图像生成与风格迁移
{\def\LTcaptype{none} % do not increment counter
\begin{longtable}[]{@{}
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.3000}}
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.2556}}
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.4222}}@{}}
\toprule\noalign{}
\begin{minipage}[b]{\linewidth}\raggedright
应用类型
\end{minipage} & \begin{minipage}[b]{\linewidth}\raggedright
说明
\end{minipage} & \begin{minipage}[b]{\linewidth}\raggedright
工具示例
\end{minipage} \\
\midrule\noalign{}
\endhead
\bottomrule\noalign{}
\endlastfoot
文生图 & 从文本描述生成图像 & Midjourney, Stable Diffusion \\
图像编辑 & 局部修改、扩展、擦除 & Photoshop AI, Inpainting \\
风格迁移 & 将图像转换为目标风格 & Neural Style Transfer \\
矢量生成 & 生成可缩放的矢量图形 & Vectorizer.ai, Adobe Illustrator AI \\
\end{longtable}
}
Logo与图标设计
\subsection{AI辅助流程:}
\subsubsection{需求分析}
\passthrough{\lstinline!- ``品牌定位!}
\passthrough{\lstinline!- ``目标受众!}
\passthrough{\lstinline!- ``设计风格偏好!}
\subsubsection{}\label{section}
\passthrough{\lstinline!2. ``概念生成!}
\passthrough{\lstinline!- AI``生成多个设计方案!}
\subsubsection{- 快速迭代探索}
\passthrough{\lstinline!3. ``细化优化!}
\passthrough{\lstinline!- ``设计师精修!}
\passthrough{\lstinline!- ``矢量化处理!}
\begin{lstlisting}
- 品牌规范整理
\end{lstlisting}
\textbf{工具推荐} - LogoAI:自动Logo生成 - Looka:品牌设计套件 - BrandmarkLogo和品牌身份
品牌视觉系统生成
\textbf{应用场景}: - 色彩方案生成 - 字体搭配推荐 - 视觉元素扩展 - 品牌指南生成
\section{案例分析}
\textbf{案例1:餐饮品牌Logo设计} - 使用Midjourney生成初始概念 - Illustrator进行矢量化精修 - 生成品牌视觉系统扩展
\textbf{案例2:产品包装设计} - Stable Diffusion生成包装效果图 - ControlNet控制产品形态 - 多方案快速对比
\section{思考与练习}
\begin{enumerate}
\def\labelenumi{\arabic{enumi}.}
\item
AIGC如何改变设计师的创意流程?
\item
在品牌设计中,如何平衡AI生成与原创性?
\item
选择一个AIGC工具,尝试完成一个视觉设计任务
\end{enumerate}
\subsection{学习目标}
\begin{enumerate}
\def\labelenumi{\arabic{enumi}.}
\item
了解AI在交互设计中的应用
掌握用户界面自动生成的原理
理解用户体验分析的方法
\end{enumerate}
\subsection{核心应用}
用户界面生成
{\def\LTcaptype{none} % do not increment counter
\begin{longtable}[]{@{}
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1528}}
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.2917}}
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.3472}}@{}}
\toprule\noalign{}
\begin{minipage}[b]{\linewidth}\raggedright
功能
\end{minipage} & \begin{minipage}[b]{\linewidth}\raggedright
说明
\end{minipage} & \begin{minipage}[b]{\linewidth}\raggedright
工具示例
\end{minipage} \\
\midrule\noalign{}
\endhead
\bottomrule\noalign{}
\endlastfoot
布局生成 & 自动生成页面布局 & Uizard, Galileo AI \\
组件推荐 & 基于上下文推荐组件 & Figma AI, Motiff \\
设计系统 & 自动生成设计规范 & Designer, Figma Tokens \\
原型生成 & 从描述生成交互原型 & TLDraw, Diagram \\
\end{longtable}
}
交互原型自动化
\textbf{流程}
\passthrough{\lstinline!用户需求`` → AI``理解`` → ``生成原型!}\strut \\
\passthrough{\lstinline!↓!}\strut \\
\passthrough{\lstinline!``设计师调整优化!}\strut \\
\passthrough{\lstinline!↓!}\strut \\
\passthrough{\lstinline!``可交互原型!}
\textbf{应用场景}: - 快速原型验证 - 用户测试准备 - 开发对接文档
用户体验分析
\textbf{AI分析方法}: - 用户行为预测 - 界面可用性评估 - A/B测试优化 - 情感分析
\subsection{案例分析}
\textbf{案例1:电商APP界面设计} - Galileo AI生成界面布局 - Figma AI自动填充内容 - 快速原型用户测试
\textbf{案例2:仪表板设计} - 用户需求描述 - AI生成多种布局方案 - 基于数据可视化优化
\subsection{思考与练习}
\begin{enumerate}
\def\labelenumi{\arabic{enumi}.}
\item
AI生成的界面如何保证可用性?
\item
在交互设计中,人类设计师的核心价值是什么?
\item
尝试用AI工具生成一个简单的交互原型
\end{enumerate}
\subsection{关键术语}
{\def\LTcaptype{none} % do not increment counter
\begin{longtable}[]{@{}
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1528}}
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.2361}}
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.3194}}@{}}
\toprule\noalign{}
\begin{minipage}[b]{\linewidth}\raggedright
中文
\end{minipage} & \begin{minipage}[b]{\linewidth}\raggedright
英文
\end{minipage} & \begin{minipage}[b]{\linewidth}\raggedright
说明
\end{minipage} \\
\midrule\noalign{}
\endhead
\bottomrule\noalign{}
\endlastfoot
风格迁移 & Style Transfer & 将图像转换为目标风格 \\
矢量化 & Vectorization & 转换为可缩放矢量格式 \\
原型 & Prototype & 可交互的设计模型 \\
设计系统 & Design System & 组件化设计规范 \\
\end{longtable}
}
\subsection{延伸阅读}
\begin{enumerate}
\def\labelenumi{\arabic{enumi}.}
\item
\href{https://docs.midjourney.com/}{Midjourney官方文档}
\href{https://stable-diffusion-art.com/}{Stable Diffusion提示词指南}
\href{https://help.figma.com/hc/en-us/articles/15023124649943-Guide-to-Figma-AI}{Figma AI功能}
\end{enumerate}