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:
@@ -0,0 +1,2 @@
|
||||
\chapter{附录}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,438 @@
|
||||
\chapter{附录2：Vibe Coding与工具链}
|
||||
|
||||
本附录介绍Vibe Coding的概念与实践，以及VsCode、Claude Code、Markdown/Obsidian、Git/GitHub等核心工具的使用方法。
|
||||
|
||||
\subsubsection{Vibe Coding的概念与工具}\label{vibe-codingux7684ux6982ux5ff5ux4e0eux5de5ux5177}
|
||||
|
||||
\paragraph{什么是Vibe Coding}
|
||||
|
||||
传统编程：\textbf{明确需求 → 设计算法 → 编写代码}
|
||||
|
||||
Vibe Coding：\textbf{模糊想法 → AI辅助 → 迭代完善}
|
||||
|
||||
Vibe Coding是一种以AI为核心的编程新模式：开发者用自然语言描述意图，AI生成代码，再通过迭代对话逐步完善。对于编程经验较少的设计专业读者而言，这种模式大幅降低了技术门槛------不需要记住语法细节，只需要清楚地表达''想要什么''。
|
||||
|
||||
\paragraph{工作流程}
|
||||
|
||||
\begin{enumerate}
|
||||
\def\labelenumi{\arabic{enumi}.}
|
||||
\item
|
||||
\textbf{描述意图}：用自然语言说明需求
|
||||
\end{enumerate}
|
||||
|
||||
``帮我创建一个简单的图像分类模型''
|
||||
|
||||
\begin{enumerate}
|
||||
\def\labelenumi{\arabic{enumi}.}
|
||||
\setcounter{enumi}{1}
|
||||
\item
|
||||
\textbf{AI生成代码}：自动生成完整代码框架
|
||||
\item
|
||||
\textbf{运行测试}：发现问题或需要调整
|
||||
\item
|
||||
\textbf{迭代优化}：通过对话逐步改进
|
||||
\end{enumerate}
|
||||
|
||||
``把隐藏层改成128个神经元''
|
||||
|
||||
\begin{enumerate}
|
||||
\def\labelenumi{\arabic{enumi}.}
|
||||
\setcounter{enumi}{4}
|
||||
\item
|
||||
\textbf{理解学习}：阅读AI生成的代码，理解实现原理
|
||||
\end{enumerate}
|
||||
|
||||
\paragraph{实践技巧}
|
||||
|
||||
{\def\LTcaptype{none} % do not increment counter
|
||||
\begin{longtable}[]{@{}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 2\tabcolsep) * \real{0.1184}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 2\tabcolsep) * \real{0.3905}}@{}}
|
||||
\toprule\noalign{}
|
||||
\begin{minipage}[b]{\linewidth}\raggedright
|
||||
技巧
|
||||
\end{minipage} & \begin{minipage}[b]{\linewidth}\raggedright
|
||||
说明
|
||||
\end{minipage} \\
|
||||
\midrule\noalign{}
|
||||
\endhead
|
||||
\bottomrule\noalign{}
|
||||
\endlastfoot
|
||||
明确需求 & 详细描述输入输出，提供上下文 \\
|
||||
分步实现 & 复杂功能拆解为小任务，逐步完成 \\
|
||||
验证结果 & 运行并检查AI生成的代码是否正确 \\
|
||||
学习思考 & 不盲目接受，理解AI为什么这样写 \\
|
||||
\end{longtable}
|
||||
}
|
||||
|
||||
\paragraph{工具生态}
|
||||
|
||||
{\def\LTcaptype{none} % do not increment counter
|
||||
\begin{longtable}[]{@{}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 6\tabcolsep) * \real{0.1982}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 6\tabcolsep) * \real{0.1475}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 6\tabcolsep) * \real{0.2970}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 6\tabcolsep) * \real{0.2366}}@{}}
|
||||
\toprule\noalign{}
|
||||
\begin{minipage}[b]{\linewidth}\raggedright
|
||||
工具
|
||||
\end{minipage} & \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
|
||||
ChatGPT / Claude & 网页对话 & 代码生成与解释 & 学习咨询、快速原型 \\
|
||||
GitHub Copilot & 编辑器插件 & 实时代码补全 & 日常开发 \\
|
||||
Cursor & AI原生IDE & 对话式编程 & 快速原型、中型项目 \\
|
||||
Claude Code & 终端CLI & 终端AI编程、多文件协作 & 项目级开发 \\
|
||||
Replit Agent & 在线平台 & 端到端开发 & 小型项目、学习实验 \\
|
||||
\end{longtable}
|
||||
}
|
||||
|
||||
\subsubsection{Claude Code简介与使用}\label{claude-codeux7b80ux4ecbux4e0eux4f7fux7528}
|
||||
|
||||
\paragraph{什么是Claude Code}
|
||||
|
||||
Claude Code是Anthropic推出的命令行AI编程工具（CLI），能够直接在终端中理解项目上下文、读写文件、执行命令，实现端到端的AI辅助开发。它也提供VSCode扩展，可以在编辑器中无缝使用。
|
||||
|
||||
\paragraph{安装与配置}
|
||||
|
||||
\emph{\# 安装（需要 Node.js 18+）}\\
|
||||
npm install -g @anthropic-ai/claude-code\\
|
||||
\strut \\
|
||||
\emph{\# 进入项目目录后启动}\\
|
||||
cd my\_project\\
|
||||
claude
|
||||
|
||||
启动后进入交互式对话界面，直接用自然语言描述需求即可。
|
||||
|
||||
\paragraph{核心使用方式}
|
||||
|
||||
\textbf{对话式开发}：用自然语言描述任务，Claude Code会自动读取相关文件、编写代码、执行测试。
|
||||
|
||||
\textgreater{} 帮我创建一个数据预处理的Python脚本，读取CSV文件并清洗缺失值
|
||||
|
||||
\textbf{文件操作}：Claude Code可以直接读取、创建和编辑项目中的文件，每次修改前会征得确认。
|
||||
|
||||
\textbf{命令执行}：可以请求Claude Code运行终端命令，如安装依赖、运行脚本等。
|
||||
|
||||
\paragraph{VSCode中的Claude Code}\label{vscodeux4e2dux7684claude-code}
|
||||
|
||||
Claude Code提供VSCode扩展，在编辑器中获得同样的AI辅助能力：
|
||||
|
||||
\begin{enumerate}
|
||||
\def\labelenumi{\arabic{enumi}.}
|
||||
\item
|
||||
在VSCode扩展商店搜索 ``Claude Code'' 并安装
|
||||
\item
|
||||
打开项目文件夹
|
||||
\item
|
||||
使用快捷键或侧边栏打开Claude面板
|
||||
\item
|
||||
在编辑器中选中代码后，可以直接向Claude提问或请求修改
|
||||
\end{enumerate}
|
||||
|
||||
\textbf{常用场景}： - 选中一段代码，请求''解释这段代码'' - 选中函数，请求''添加错误处理'' - 在Claude面板中输入''帮我写单元测试''
|
||||
|
||||
\paragraph{典型项目工作流}
|
||||
|
||||
\textbf{推荐项目结构}：
|
||||
|
||||
project/\\
|
||||
├── data/ \# 数据文件\\
|
||||
├── notebooks/ \# Jupyter笔记本\\
|
||||
├── src/ \# 源代码\\
|
||||
│ ├── models/ \# 模型定义\\
|
||||
│ ├── utils/ \# 工具函数\\
|
||||
│ └── train.py \# 训练脚本\\
|
||||
├── requirements.txt \# 依赖列表\\
|
||||
└── README.md \# 项目说明
|
||||
|
||||
\subparagraph{开发流程：}
|
||||
|
||||
\emph{\# 1. 创建环境}\\
|
||||
conda create -n myproject python=3.10\\
|
||||
conda activate myproject\\
|
||||
\strut \\
|
||||
\emph{\# 2. 安装依赖}\\
|
||||
pip install -r requirements.txt\\
|
||||
\strut \\
|
||||
\emph{\# 3. 启动 Claude Code 进行AI辅助开发}\\
|
||||
claude\\
|
||||
\strut \\
|
||||
\emph{\# 4. 保存环境}\\
|
||||
conda env export \textgreater{} environment.yml
|
||||
|
||||
\subsubsection{Markdown语法及Obsidian工具}\label{markdownux8bedux6cd5ux53caobsidianux5de5ux5177}
|
||||
|
||||
\paragraph{Markdown简介}\label{markdownux7b80ux4ecb}
|
||||
|
||||
Markdown是一种轻量级标记语言，用纯文本格式编写文档，可以方便地转换为HTML、PDF等格式。它的语法简洁直观，是技术文档、笔记、学术写作的常用工具。
|
||||
|
||||
本书全部内容即使用Markdown编写。
|
||||
|
||||
\paragraph{基础语法}
|
||||
|
||||
\textbf{标题}：
|
||||
|
||||
\# 一级标题\\
|
||||
\#\# 二级标题\\
|
||||
\#\#\# 三级标题
|
||||
|
||||
唯一的一级标题：在一个文档中，通常只使用一个一级标题作为文档的主标题，这符合良好的文档结构规范。
|
||||
|
||||
\textbf{文本格式}：
|
||||
|
||||
*斜体* **加粗** ***粗斜体*** \textasciitilde\textasciitilde 删除线\textasciitilde\textasciitilde{} \textless{}\textbf{u}\textgreater 下划线\textless/\textbf{u}\textgreater{} \emph{\textbf{`行内代码`}} \textbf{==高亮文本==} \_\_\_分隔线
|
||||
|
||||
包含反引号的代码：当代码本身包含反引号时，使用两个反引号包围，使用 `code` 这样的格式
|
||||
|
||||
\textbf{列表}： 列表可以嵌套使用
|
||||
|
||||
- 无序列表项1
|
||||
|
||||
- 无序列表项2
|
||||
|
||||
\begin{enumerate}
|
||||
\def\labelenumi{\arabic{enumi}.}
|
||||
\item
|
||||
有序列表项1
|
||||
\end{enumerate}
|
||||
|
||||
\begin{verbatim}
|
||||
2. 有序列表项2
|
||||
\end{verbatim}
|
||||
|
||||
- {[} {]} 未完成的任务
|
||||
|
||||
\begin{verbatim}
|
||||
- [x] 已完成的任务
|
||||
\end{verbatim}
|
||||
|
||||
\textbf{链接与图片}：
|
||||
|
||||
{[}链接文字{]}(https://example.com) \textless!-\/- 行内链接 -\/-\textgreater{}\\
|
||||
{[}链接文字{]}{[}1{]} \textless!-\/- 参考式链接 -\/-\textgreater{}\\
|
||||
{[}跳转到基础{]}(\#基础) \textless!-\/- 锚点链接 -\/-\textgreater{}\\
|
||||
\strut \\
|
||||
{[}1{]}: https://www.example.com \textless!-\/- 参考链接定义 -\/-\textgreater{}\\
|
||||
\strut \\
|
||||
!{[}图片说明{]}(image.png) \textless!-\/- 基本图片 -\/-\textgreater{}\\
|
||||
*图7.8 路杀动物* \textless!-\/- 图片下方用斜体作为图注 -\/-\textgreater{}\\
|
||||
\strut \\
|
||||
\textless!-\/- 图片居中对齐并指定宽度 -\/-\textgreater{}\\
|
||||
\textless div align="center"\textgreater{}\\
|
||||
\textless img src="image.png" alt="说明" style="width:10cm;"/\textgreater{}\\
|
||||
\textless p\textgreater\textless em\textgreater 图片标题\textless/em\textgreater\textless/p\textgreater{}\\
|
||||
\textless/div\textgreater{}
|
||||
|
||||
\textbf{代码块}：
|
||||
|
||||
\emph{\textbf{```python}}\\
|
||||
print("Hello, World!")\\
|
||||
\emph{\textbf{```}}
|
||||
|
||||
带行号的代码区块（需要渲染器支持，如 Docusaurus、VuePress）：
|
||||
|
||||
\emph{\textbf{```javascript linenums="1"}}\\
|
||||
\emph{\textbf{function greet(name) \{}}\\
|
||||
\emph{\textbf{console.log(`Hello, \$\{name\}!{\kern0pt}`);}}\\
|
||||
\emph{\textbf{\}}}\\
|
||||
\emph{\textbf{```}}
|
||||
|
||||
表格：
|
||||
|
||||
\textbar{} 列1 \textbar{} 列2 \textbar{} 列3 \textbar{}\\
|
||||
\textbar-\/-\/-\/-\/-\textbar-\/-\/-\/-\/-\textbar-\/-\/-\/-\/-\textbar{}\\
|
||||
\textbar{} 内容 \textbar{} 内容 \textbar{} 内容 \textbar{}
|
||||
|
||||
对齐方式：:-\/-\/- 左对齐，:-\/-\/-: 居中，-\/-\/-: 右对齐：
|
||||
|
||||
\textbar{} 左对齐 \textbar{} 居中对齐 \textbar{} 右对齐 \textbar{}\\
|
||||
\textbar{} :-\/-\/-\/-\/- \textbar{} :-\/-\/-\/-\/-\/-: \textbar{} -\/-\/-\/-\/-: \textbar{}\\
|
||||
\textbar{} 内容 \textbar{} 内容 \textbar{} 100 \textbar{}
|
||||
|
||||
\textbf{注记}： 输入后在Obsidian编辑器中会自动弹出添加注记模块
|
||||
|
||||
脚注{[}\^{}1{]}
|
||||
|
||||
\textbf{引用}：
|
||||
|
||||
\textgreater{} 这是一段引用文字\\
|
||||
\strut \\
|
||||
\textgreater{} 多级嵌套引用\\
|
||||
\textgreater{} \textgreater{} 第二层\\
|
||||
\textgreater{} \textgreater{} \textgreater{} 第三层\\
|
||||
\strut \\
|
||||
\textgreater{} **本章要点**\\
|
||||
\textgreater{}\\
|
||||
\textgreater{} - 了解项目背景和目标\\
|
||||
\textgreater{} - 掌握核心功能特性
|
||||
|
||||
\subparagraph{图表绘制（Mermaid）：}
|
||||
|
||||
使用 ```mermaid 代码块，部分渲染器（GitHub、Typora、Obsidian）支持：
|
||||
|
||||
流程图：
|
||||
|
||||
\emph{\textbf{```mermaid}}
|
||||
|
||||
\emph{\textbf{graph LR}}
|
||||
|
||||
\begin{enumerate}
|
||||
\def\labelenumi{\Alph{enumi}.}
|
||||
\item
|
||||
\emph{\textbf{{[}开始{]} -\/-\textgreater{} B\{条件判断\}}}
|
||||
\item
|
||||
\emph{\textbf{-\/-\textgreater\textbar 是\textbar{} C{[}执行操作1{]}}}
|
||||
\item
|
||||
\emph{\textbf{-\/-\textgreater\textbar 否\textbar{} D{[}执行操作2{]}}}
|
||||
\item
|
||||
\emph{\textbf{-\/-\textgreater{} E{[}结束{]}}}
|
||||
\item
|
||||
\emph{\textbf{-\/-\textgreater{} E}}
|
||||
\end{enumerate}
|
||||
|
||||
\emph{\textbf{```}}
|
||||
|
||||
时序图：
|
||||
|
||||
\emph{\textbf{```mermaid}}\\
|
||||
\emph{\textbf{sequenceDiagram}}\\
|
||||
\emph{\textbf{participant 用户}}\\
|
||||
\emph{\textbf{participant 系统}}\\
|
||||
\emph{\textbf{用户-\textgreater\textgreater 系统: 登录请求}}\\
|
||||
\emph{\textbf{系统-\/-\textgreater\textgreater 用户: 返回结果}}\\
|
||||
\emph{\textbf{```}}
|
||||
|
||||
甘特图：
|
||||
|
||||
\emph{\textbf{```mermaid}}\\
|
||||
\emph{\textbf{gantt}}\\
|
||||
\emph{\textbf{title 项目计划}}\\
|
||||
\emph{\textbf{dateFormat YYYY-MM-DD}}\\
|
||||
\emph{\textbf{section 设计}}\\
|
||||
\emph{\textbf{需求分析 :done, 2024-01-01, 15d}}\\
|
||||
\emph{\textbf{section 开发}}\\
|
||||
\emph{\textbf{编码实现 :active, 2024-01-16, 30d}}\\
|
||||
\emph{\textbf{```}}
|
||||
|
||||
饼图：
|
||||
|
||||
\emph{\textbf{```mermaid}}\\
|
||||
\emph{\textbf{pie}}\\
|
||||
\emph{\textbf{title 市场份额}}\\
|
||||
\emph{\textbf{"Chrome" : 65}}\\
|
||||
\emph{\textbf{"Safari" : 15}}\\
|
||||
\emph{\textbf{"其他" : 20}}\\
|
||||
\emph{\textbf{```}}
|
||||
|
||||
\textbf{数学公式}：
|
||||
|
||||
行内公式用 \$...\$，块级公式用 \$\$...\$\$，语法基于 LaTeX：
|
||||
|
||||
质能方程 \$E = mc\^{}2\$，其中 \$c\$ 为光速。
|
||||
|
||||
\[\int_{- \infty}^{\infty}e^{- x^{2}}dx = \sqrt{\pi}\]
|
||||
|
||||
多行对齐公式：
|
||||
|
||||
\[\begin{aligned}
|
||||
f(x) & = ax^{2} + bx + c \\
|
||||
f'(x) & = 2ax + b
|
||||
\end{aligned}\]
|
||||
|
||||
矩阵：
|
||||
|
||||
\[\begin{pmatrix}
|
||||
a & b \\
|
||||
c & d
|
||||
\end{pmatrix}\]
|
||||
|
||||
\paragraph{Obsidian：Markdown笔记工具}\label{obsidianmarkdownux7b14ux8bb0ux5de5ux5177}
|
||||
|
||||
\href{https://obsidian.md/}{Obsidian} 是一款基于Markdown的知识管理工具，适合构建个人知识库和笔记系统。
|
||||
|
||||
\textbf{核心特性}： - \textbf{本地存储}：所有笔记以Markdown文件保存在本地，数据完全自主 - \textbf{双向链接}：用 {[}{[}笔记名{]}{]} 在笔记之间建立链接，形成知识网络 - \textbf{图谱视图}：可视化笔记之间的关联关系 - \textbf{插件生态}：丰富的社区插件扩展功能（如日历、看板、模板等） - \textbf{实时预览}：编辑Markdown时实时渲染效果
|
||||
|
||||
\textbf{使用建议}： - 用Obsidian打开本教材的根目录，即可获得完整的阅读与编辑体验 - 建议安装''目录''插件，方便在长文档中快速导航 - 利用双向链接功能，将学习笔记与教材内容关联起来
|
||||
|
||||
\subsubsection{Git版本管理与GitHub协作}\label{gitux7248ux672cux7ba1ux7406ux4e0egithubux534fux4f5c}
|
||||
|
||||
\paragraph{为什么需要版本管理}
|
||||
|
||||
在项目开发过程中，文件会不断修改。版本管理工具可以： - 记录每一次修改的内容和时间 - 随时回退到之前的任意版本 - 多人协作时避免互相覆盖
|
||||
|
||||
Git是当前最流行的分布式版本管理系统。
|
||||
|
||||
\paragraph{Git基础操作}\label{gitux57faux7840ux64cdux4f5c}
|
||||
|
||||
\subparagraph{初始化仓库：}
|
||||
|
||||
\emph{\# 在项目目录中初始化Git}\\
|
||||
cd my\_project\\
|
||||
git init
|
||||
|
||||
\subparagraph{日常三步曲：}
|
||||
|
||||
\emph{\# 1. 查看当前修改状态}\\
|
||||
git status\\
|
||||
\strut \\
|
||||
\emph{\# 2. 将修改添加到暂存区}\\
|
||||
git add filename.md \emph{\# 添加指定文件}\\
|
||||
git add . \emph{\# 添加所有修改}\\
|
||||
\strut \\
|
||||
\emph{\# 3. 提交修改（附带说明）}\\
|
||||
git commit -m "添加了数据预处理功能"
|
||||
|
||||
\textbf{查看历史}：
|
||||
|
||||
\emph{\# 查看提交历史}\\
|
||||
git log -\/-oneline\\
|
||||
\strut \\
|
||||
\emph{\# 查看某次提交的具体改动}\\
|
||||
git show abc1234
|
||||
|
||||
\textbf{回退操作}：
|
||||
|
||||
\emph{\# 查看某文件的历史版本}\\
|
||||
git log -\/- filename.md\\
|
||||
\strut \\
|
||||
\emph{\# 恢复某个文件到指定版本}\\
|
||||
git checkout abc1234 -\/- filename.md
|
||||
|
||||
\paragraph{GitHub：云端协作平台}\label{githubux4e91ux7aefux534fux4f5cux5e73ux53f0}
|
||||
|
||||
\href{https://github.com/}{GitHub} 是基于Git的代码托管平台，提供云端存储和协作功能。
|
||||
|
||||
\textbf{核心概念}： - \textbf{仓库（Repository）}：项目的存储空间，包含所有文件和历史记录 - \textbf{远程同步}：将本地仓库推送到GitHub，或从GitHub拉取更新 - \textbf{协作}：多人通过分支和合并协同工作
|
||||
|
||||
\textbf{常用操作}：
|
||||
|
||||
\emph{\# 关联远程仓库}\\
|
||||
git remote add origin https://github.com/username/project.git\\
|
||||
\strut \\
|
||||
\emph{\# 推送到远程}\\
|
||||
git push -u origin main\\
|
||||
\strut \\
|
||||
\emph{\# 从远程拉取更新}\\
|
||||
git pull
|
||||
|
||||
\textbf{本书的Git管理}：
|
||||
|
||||
本书内容即通过Git进行版本管理。每个章节的修改都有完整的提交记录，可以通过 git log 查看内容的演变历史。
|
||||
|
||||
\paragraph{推荐工作流}
|
||||
|
||||
对于设计专业的学习和研究项目，建议采用以下简化工作流：
|
||||
|
||||
编写/修改文档 → git add → git commit → git push
|
||||
|
||||
每次完成一个阶段性工作（如写完一节内容、完成一次实验）后提交一次，附上简洁的说明。这样既保留了完整的历史记录，也不会因为误操作而丢失工作成果。
|
||||
|
||||
@@ -0,0 +1,114 @@
|
||||
\chapter{附录3：学术论文撰写工作流}
|
||||
|
||||
本附录介绍文献检索管理、论文写作工具、AI辅助写作流程及引用格式规范。
|
||||
|
||||
\subsection{文献检索与管理}
|
||||
|
||||
\subsubsection{检索平台}
|
||||
|
||||
{\def\LTcaptype{none} % do not increment counter
|
||||
\begin{longtable}[]{@{}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1899}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1965}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.2117}}@{}}
|
||||
\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
|
||||
Google Scholar & 综合学术搜索 & \href{https://scholar.google.com/}{scholar.google.com} \\
|
||||
arXiv & AI领域预印本 & \href{https://arxiv.org/}{arxiv.org} \\
|
||||
Semantic Scholar & AI辅助文献搜索 & \href{https://www.semanticscholar.org/}{semanticscholar.org} \\
|
||||
CNKI & 中文学术文献 & \href{https://www.cnki.net/}{cnki.net} \\
|
||||
\end{longtable}
|
||||
}
|
||||
|
||||
\subsubsection{文献管理工具}
|
||||
|
||||
{\def\LTcaptype{none} % do not increment counter
|
||||
\begin{longtable}[]{@{}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 2\tabcolsep) * \real{0.1184}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 2\tabcolsep) * \real{0.3303}}@{}}
|
||||
\toprule\noalign{}
|
||||
\begin{minipage}[b]{\linewidth}\raggedright
|
||||
工具
|
||||
\end{minipage} & \begin{minipage}[b]{\linewidth}\raggedright
|
||||
特点
|
||||
\end{minipage} \\
|
||||
\midrule\noalign{}
|
||||
\endhead
|
||||
\bottomrule\noalign{}
|
||||
\endlastfoot
|
||||
Zotero & 免费、开源、支持浏览器插件 \\
|
||||
Mendeley & PDF标注与协作 \\
|
||||
EndNote & 功能全面、与Word深度集成 \\
|
||||
\end{longtable}
|
||||
}
|
||||
|
||||
\subsection{论文写作工具}
|
||||
|
||||
\subsubsection{LaTeX}\label{latex}
|
||||
|
||||
学术排版的行业标准，适合公式密集的论文。
|
||||
|
||||
\begin{itemize}
|
||||
\item
|
||||
\textbf{在线编辑}：\href{https://www.overleaf.com/}{Overleaf} --- 无需本地安装，支持协作
|
||||
\item
|
||||
\textbf{本地编辑}：TeX Live + VSCode LaTeX Workshop 插件
|
||||
\end{itemize}
|
||||
|
||||
\subsubsection{Markdown + Pandoc}\label{markdown-pandoc}
|
||||
|
||||
轻量级写作方案，适合课程报告和技术文档。
|
||||
|
||||
\emph{\# Markdown 转 Word / PDF}\\
|
||||
pandoc paper.md -o paper.docx\\
|
||||
pandoc paper.md -o paper.pdf -\/-pdf-engine=xelatex
|
||||
|
||||
\subsection{AI辅助写作流程}\label{aiux8f85ux52a9ux5199ux4f5cux6d41ux7a0b}
|
||||
|
||||
\begin{enumerate}
|
||||
\def\labelenumi{\arabic{enumi}.}
|
||||
\item
|
||||
\textbf{文献综述}：使用 ChatGPT/Claude 快速了解研究领域的核心文献和发展脉络
|
||||
\item
|
||||
\textbf{大纲生成}：通过AI辅助梳理论文结构和逻辑框架
|
||||
\item
|
||||
\textbf{段落撰写}：AI辅助润色语言表达、翻译中英文
|
||||
\item
|
||||
\textbf{格式排版}：利用模板和工具自动处理格式
|
||||
\end{enumerate}
|
||||
|
||||
注意：AI辅助写作应遵循学术诚信原则，AI生成的内容需人工审核和改写，核心观点和论证应由作者独立完成。
|
||||
|
||||
\subsection{引用与格式规范}
|
||||
|
||||
\subsubsection{常用引用格式}
|
||||
|
||||
\begin{itemize}
|
||||
\item
|
||||
\textbf{APA}：社会科学常用
|
||||
\item
|
||||
\textbf{IEEE}：工程和计算机科学常用
|
||||
\item
|
||||
\textbf{GB/T 7714}：中国国家标准
|
||||
\end{itemize}
|
||||
|
||||
\subsubsection{BibTeX示例}\label{bibtexux793aux4f8b}
|
||||
|
||||
@article\{vaswani2017attention,\\
|
||||
title=\{Attention is all you need\},\\
|
||||
author=\{Vaswani, Ashish and others\},\\
|
||||
journal=\{NeurIPS\},\\
|
||||
volume=\{30\},\\
|
||||
year=\{2017\}\\
|
||||
\}
|
||||
|
||||
@@ -0,0 +1,451 @@
|
||||
\chapter{附录4：网络、网站与在线可视化}
|
||||
|
||||
本附录介绍网络基础知识、网站搭建入门，以及在线数据可视化的工具与方法。
|
||||
|
||||
\subsection{网络基础知识}
|
||||
|
||||
\subsubsection{互联网与Web}
|
||||
|
||||
互联网（Internet）是由全球计算机互相连接而成的网络。Web（万维网）是运行在互联网上的信息系统，通过浏览器访问网页来获取信息。
|
||||
|
||||
\textbf{核心概念}：
|
||||
|
||||
{\def\LTcaptype{none} % do not increment counter
|
||||
\begin{longtable}[]{@{}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 2\tabcolsep) * \real{0.1617}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 2\tabcolsep) * \real{0.6553}}@{}}
|
||||
\toprule\noalign{}
|
||||
\begin{minipage}[b]{\linewidth}\raggedright
|
||||
概念
|
||||
\end{minipage} & \begin{minipage}[b]{\linewidth}\raggedright
|
||||
说明
|
||||
\end{minipage} \\
|
||||
\midrule\noalign{}
|
||||
\endhead
|
||||
\bottomrule\noalign{}
|
||||
\endlastfoot
|
||||
URL & 统一资源定位符，即网页地址（如 https://example.com/page） \\
|
||||
HTTP/HTTPS & 浏览器与服务器之间传输数据的协议，HTTPS 为加密版本 \\
|
||||
HTML & 网页的骨架，定义页面结构和内容 \\
|
||||
CSS & 网页的样式，控制颜色、字体、布局等外观 \\
|
||||
JavaScript & 网页的行为，实现交互功能和动态效果 \\
|
||||
API & 应用程序接口，程序之间交换数据的标准方式 \\
|
||||
\end{longtable}
|
||||
}
|
||||
|
||||
\subsubsection{前端与后端}
|
||||
|
||||
一个完整的Web应用由前端和后端两部分组成：
|
||||
|
||||
用户浏览器（前端） ←→ 服务器（后端） ←→ 数据库\\
|
||||
HTML/CSS/JS Python/Node.js MySQL/PostgreSQL
|
||||
|
||||
\textbf{前端}：用户在浏览器中看到和操作的界面，使用 HTML、CSS、JavaScript 构建。
|
||||
|
||||
\textbf{后端}：运行在服务器上的程序，处理数据逻辑、存储和检索，可以用 Python（Flask/Django/FastAPI）、Node.js、Java 等实现。
|
||||
|
||||
\subsubsection{API与数据交互}\label{apiux4e0eux6570ux636eux4ea4ux4e92}
|
||||
|
||||
API（Application Programming Interface）是程序之间通信的接口。在AI应用中，调用大语言模型、获取在线数据等操作都通过API完成。
|
||||
|
||||
\textbf{RESTful API 基本概念}：
|
||||
|
||||
{\def\LTcaptype{none} % do not increment counter
|
||||
\begin{longtable}[]{@{}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1134}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1185}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.2835}}@{}}
|
||||
\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
|
||||
GET & 获取数据 & 获取模型列表 \\
|
||||
POST & 提交数据 & 发送文本让模型生成回复 \\
|
||||
PUT & 更新数据 & 更新模型参数 \\
|
||||
DELETE & 删除数据 & 删除一条记录 \\
|
||||
\end{longtable}
|
||||
}
|
||||
|
||||
\textbf{调用API的Python示例}：
|
||||
|
||||
\textbf{import} requests\\
|
||||
\strut \\
|
||||
\emph{\# 调用一个公开API获取数据}\\
|
||||
response = requests.get("https://api.example.com/models")\\
|
||||
data = response.json() \emph{\# 将返回的JSON解析为Python字典}\\
|
||||
print(data)\\
|
||||
\strut \\
|
||||
\emph{\# POST请求示例}\\
|
||||
payload = \{"prompt": "设计一个现代风格的客厅", "model": "stable-diffusion"\}\\
|
||||
response = requests.post("https://api.example.com/generate", json=payload)
|
||||
|
||||
\subsubsection{JSON数据格式}\label{jsonux6570ux636eux683cux5f0f}
|
||||
|
||||
JSON（JavaScript Object Notation）是Web上最常用的数据交换格式，几乎所有API都使用JSON传递数据。
|
||||
|
||||
\{\\
|
||||
"model": "ResNet",\\
|
||||
"accuracy": 0.96,\\
|
||||
"layers": {[}64, 128, 256, 512{]},\\
|
||||
"metadata": \{\\
|
||||
"author": "He et al.",\\
|
||||
"year": 2015\\
|
||||
\}\\
|
||||
\}
|
||||
|
||||
Python中读写JSON：
|
||||
|
||||
\textbf{import} json\\
|
||||
\strut \\
|
||||
\emph{\# Python字典 → JSON字符串}\\
|
||||
data = \{"name": "Transformer", "year": 2017\}\\
|
||||
json\_str = json.dumps(data, indent=2)\\
|
||||
\strut \\
|
||||
\emph{\# JSON字符串 → Python字典}\\
|
||||
parsed = json.loads(json\_str)
|
||||
|
||||
\subsection{网站搭建入门}
|
||||
|
||||
\subsubsection{静态网站与动态网站}
|
||||
|
||||
{\def\LTcaptype{none} % do not increment counter
|
||||
\begin{longtable}[]{@{}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 6\tabcolsep) * \real{0.1187}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 6\tabcolsep) * \real{0.3546}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 6\tabcolsep) * \real{0.2633}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 6\tabcolsep) * \real{0.2366}}@{}}
|
||||
\toprule\noalign{}
|
||||
\begin{minipage}[b]{\linewidth}\raggedright
|
||||
类型
|
||||
\end{minipage} & \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
|
||||
静态网站 & 页面内容固定，无需服务器处理 & HTML/CSS/JS & 作品集、项目文档 \\
|
||||
动态网站 & 内容根据请求动态生成 & 前端 + 后端 + 数据库 & 在线工具、数据平台 \\
|
||||
\end{longtable}
|
||||
}
|
||||
|
||||
\subsubsection{静态网站快速搭建}
|
||||
|
||||
对于设计专业的学生，最实用的方式是使用静态网站生成器搭建项目展示或文档站点。
|
||||
|
||||
\textbf{MkDocs}：用Markdown编写内容，生成美观的文档网站。
|
||||
|
||||
\emph{\# 安装}\\
|
||||
pip install mkdocs mkdocs-material\\
|
||||
\strut \\
|
||||
\emph{\# 创建项目}\\
|
||||
mkdocs new my-site\\
|
||||
cd my-site\\
|
||||
\strut \\
|
||||
\emph{\# 本地预览（浏览器访问 http://127.0.0.1:8000）}\\
|
||||
mkdocs serve\\
|
||||
\strut \\
|
||||
\emph{\# 构建静态文件}\\
|
||||
mkdocs build
|
||||
|
||||
\textbf{GitHub Pages}：将静态网站免费部署到互联网。
|
||||
|
||||
\begin{enumerate}
|
||||
\def\labelenumi{\arabic{enumi}.}
|
||||
\item
|
||||
在GitHub上创建仓库
|
||||
\item
|
||||
将网站文件推送到仓库
|
||||
\item
|
||||
在仓库设置中启用 GitHub Pages
|
||||
\item
|
||||
即可通过 https://username.github.io/repo 访问
|
||||
\end{enumerate}
|
||||
|
||||
\subsubsection{HTML/CSS/JavaScript 速览}\label{htmlcssjavascript-ux901fux89c8}
|
||||
|
||||
\paragraph{HTML：页面结构}\label{htmlux9875ux9762ux7ed3ux6784}
|
||||
|
||||
\textless!DOCTYPE html\textgreater{}\\
|
||||
\textless{}\textbf{html}\textgreater{}\\
|
||||
\textless{}\textbf{head}\textgreater{}\\
|
||||
\textless{}\textbf{title}\textgreater 我的设计作品集\textless/\textbf{title}\textgreater{}\\
|
||||
\textless/\textbf{head}\textgreater{}\\
|
||||
\textless{}\textbf{body}\textgreater{}\\
|
||||
\textless{}\textbf{h1}\textgreater 设计作品集\textless/\textbf{h1}\textgreater{}\\
|
||||
\textless{}\textbf{p}\textgreater 欢迎来到我的作品展示页面\textless/\textbf{p}\textgreater{}\\
|
||||
\textless{}\textbf{img} src="design.jpg" alt="设计作品"\textgreater{}\\
|
||||
\textless{}\textbf{a} href="https://example.com"\textgreater 了解更多\textless/\textbf{a}\textgreater{}\\
|
||||
\textless/\textbf{body}\textgreater{}\\
|
||||
\textless/\textbf{html}\textgreater{}
|
||||
|
||||
\paragraph{CSS：页面样式}\label{cssux9875ux9762ux6837ux5f0f}
|
||||
|
||||
body \{\\
|
||||
\textbf{font-family}: "Helvetica", sans-serif;\\
|
||||
\textbf{max-width}: 800px;\\
|
||||
\textbf{margin}: 0 auto;\\
|
||||
\textbf{padding}: 20px;\\
|
||||
\}\\
|
||||
\strut \\
|
||||
h1 \{\\
|
||||
\textbf{color}: \#2c3e50;\\
|
||||
\textbf{text-align}: center;\\
|
||||
\}
|
||||
|
||||
\paragraph{JavaScript：页面交互}\label{javascriptux9875ux9762ux4ea4ux4e92}
|
||||
|
||||
\emph{// 点击按钮时显示消息}\\
|
||||
document.getElementById("myButton").addEventListener("click", \textbf{function}() \{\\
|
||||
alert("按钮被点击了！");\\
|
||||
\});
|
||||
|
||||
\subsubsection{前端框架简介}
|
||||
|
||||
对于更复杂的Web应用，可以使用前端框架提升开发效率：
|
||||
|
||||
{\def\LTcaptype{none} % do not increment counter
|
||||
\begin{longtable}[]{@{}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1107}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.3071}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.3379}}@{}}
|
||||
\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
|
||||
Vue.js & 渐进式框架，学习曲线平缓 & 交互式数据展示 \\
|
||||
React & 组件化开发，生态最丰富 & 复杂单页应用 \\
|
||||
Streamlit & Python编写Web应用 & AI模型展示、数据分析仪表板 \\
|
||||
\end{longtable}
|
||||
}
|
||||
|
||||
\textbf{Streamlit 示例}（用Python快速构建AI展示页面）：
|
||||
|
||||
\textbf{import} streamlit \textbf{as} st
|
||||
|
||||
\begin{enumerate}
|
||||
\def\labelenumi{\arabic{enumi}.}
|
||||
\item
|
||||
title("图像分类演示")
|
||||
\end{enumerate}
|
||||
|
||||
st.write("上传一张图片，AI将识别其中的内容")
|
||||
|
||||
\begin{verbatim}
|
||||
\end{verbatim}
|
||||
|
||||
uploaded\_file = st.file\_uploader("选择图片", type={[}"jpg", "png"{]})
|
||||
|
||||
\textbf{if} uploaded\_file:
|
||||
|
||||
st.image(uploaded\_file, caption="上传的图片")
|
||||
|
||||
\begin{verbatim}
|
||||
st.write("分类结果：建筑（置信度 95%）")
|
||||
\end{verbatim}
|
||||
|
||||
\emph{\# 安装并运行}\\
|
||||
pip install streamlit\\
|
||||
streamlit run app.py
|
||||
|
||||
\subsubsection{网站部署方式}
|
||||
|
||||
{\def\LTcaptype{none} % do not increment counter
|
||||
\begin{longtable}[]{@{}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.3137}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.2835}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1185}}@{}}
|
||||
\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
|
||||
GitHub Pages & 适合静态网站，免费 & 免费 \\
|
||||
Vercel / Netlify & 支持前端框架自动部署 & 免费额度 \\
|
||||
云服务器（阿里云/腾讯云） & 完全控制，适合动态网站 & 按需付费 \\
|
||||
Hugging Face Spaces & 适合AI模型演示 & 免费额度 \\
|
||||
\end{longtable}
|
||||
}
|
||||
|
||||
\subsection{在线数据可视化}
|
||||
|
||||
\subsubsection{为什么需要数据可视化}
|
||||
|
||||
设计领域的AI研究和实践经常涉及数据展示：训练损失曲线、模型性能对比、空间数据分析结果等。数据可视化将抽象的数字转化为直观的图形，帮助理解和决策。
|
||||
|
||||
\subsubsection{Python可视化库}\label{pythonux53efux89c6ux5316ux5e93}
|
||||
|
||||
Matplotlib：基础绑图
|
||||
|
||||
\textbf{import} matplotlib.pyplot \textbf{as} plt\\
|
||||
\strut \\
|
||||
\emph{\# 折线图}\\
|
||||
epochs = range(1, 11)\\
|
||||
train\_loss = {[}0.9, 0.6, 0.4, 0.25, 0.15, 0.1, 0.07, 0.05, 0.04, 0.03{]}\\
|
||||
val\_loss = {[}0.85, 0.65, 0.45, 0.35, 0.28, 0.25, 0.24, 0.23, 0.23, 0.24{]}\\
|
||||
\strut \\
|
||||
plt.figure(figsize=(8, 5))\\
|
||||
plt.plot(epochs, train\_loss, \textquotesingle b-o\textquotesingle, label=\textquotesingle Train Loss\textquotesingle)\\
|
||||
plt.plot(epochs, val\_loss, \textquotesingle r-s\textquotesingle, label=\textquotesingle Val Loss\textquotesingle)\\
|
||||
plt.xlabel(\textquotesingle Epoch\textquotesingle)\\
|
||||
plt.ylabel(\textquotesingle Loss\textquotesingle)\\
|
||||
plt.title(\textquotesingle Training vs Validation Loss\textquotesingle)\\
|
||||
plt.legend()\\
|
||||
plt.grid(True, alpha=0.3)\\
|
||||
plt.savefig(\textquotesingle loss\_comparison.png\textquotesingle, dpi=150, bbox\_inches=\textquotesingle tight\textquotesingle)\\
|
||||
plt.show()
|
||||
|
||||
\paragraph{Seaborn：统计可视化}\label{seabornux7edfux8ba1ux53efux89c6ux5316}
|
||||
|
||||
基于Matplotlib，提供更美观的统计图表。
|
||||
|
||||
\textbf{import} seaborn \textbf{as} sns\\
|
||||
\strut \\
|
||||
\emph{\# 热力图：相关性矩阵}\\
|
||||
\textbf{import} numpy \textbf{as} np\\
|
||||
data = np.random.randn(10, 10)\\
|
||||
corr = np.corrcoef(data)\\
|
||||
\strut \\
|
||||
sns.heatmap(corr, annot=True, cmap=\textquotesingle coolwarm\textquotesingle)\\
|
||||
plt.title(\textquotesingle Feature Correlation Heatmap\textquotesingle)\\
|
||||
plt.savefig(\textquotesingle heatmap.png\textquotesingle, dpi=150)
|
||||
|
||||
\paragraph{Plotly：交互式可视化}\label{plotlyux4ea4ux4e92ux5f0fux53efux89c6ux5316}
|
||||
|
||||
支持鼠标悬停、缩放、导出等交互操作，适合Web展示。
|
||||
|
||||
\textbf{import} plotly.express \textbf{as} px\\
|
||||
\strut \\
|
||||
\emph{\# 交互式散点图}\\
|
||||
df = px.data.iris()\\
|
||||
fig = px.scatter(df, x="sepal\_width", y="sepal\_length",\\
|
||||
color="species", size="petal\_length",\\
|
||||
title="Iris Dataset Scatter Plot")\\
|
||||
fig.write\_html("scatter.html") \emph{\# 导出为网页}\\
|
||||
fig.show()
|
||||
|
||||
\subsubsection{在线可视化工具}
|
||||
|
||||
无需编程，通过网页界面即可创建可视化：
|
||||
|
||||
{\def\LTcaptype{none} % do not increment counter
|
||||
\begin{longtable}[]{@{}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1646}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.3405}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.2036}}@{}}
|
||||
\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
|
||||
Observable & JavaScript驱动的交互式笔记本 & \href{https://observablehq.com/}{observablehq.com} \\
|
||||
Flourish & 拖拽式数据可视化，模板丰富 & \href{https://flourish.studio/}{flourish.studio} \\
|
||||
Datawrapper & 适合制作新闻级图表 & \href{https://www.datawrapper.de/}{datawrapper.de} \\
|
||||
Tableau Public & 强大的商业智能可视化 & \href{https://public.tableau.com/}{public.tableau.com} \\
|
||||
ECharts & 百度开源的交互式图表库 & \href{https://echarts.apache.org/}{echarts.apache.org} \\
|
||||
\end{longtable}
|
||||
}
|
||||
|
||||
\subsubsection{地理空间可视化}
|
||||
|
||||
设计领域经常涉及地理和空间数据的可视化：
|
||||
|
||||
{\def\LTcaptype{none} % do not increment counter
|
||||
\begin{longtable}[]{@{}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1113}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.3837}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.2364}}@{}}
|
||||
\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
|
||||
Folium & Python地图可视化库 & 在地图上标注数据点 \\
|
||||
Kepler.gl & Uber开源的大规模地理数据可视化 & 城市数据分析 \\
|
||||
Mapbox & 自定义地图样式 & 设计精美的交互地图 \\
|
||||
QGIS & 开源GIS桌面软件 & 空间分析与制图 \\
|
||||
\end{longtable}
|
||||
}
|
||||
|
||||
\textbf{Folium 示例}（在地图上标记位置）：
|
||||
|
||||
\textbf{import} folium\\
|
||||
\strut \\
|
||||
\emph{\# 创建地图（以某坐标为中心）}\\
|
||||
m = folium.Map(location={[}39.9, 116.4{]}, zoom\_start=12)\\
|
||||
\strut \\
|
||||
\emph{\# 添加标记}\\
|
||||
folium.Marker(\\
|
||||
{[}39.9, 116.4{]},\\
|
||||
popup="设计学院",\\
|
||||
icon=folium.Icon(color="blue", icon="info-sign")\\
|
||||
).add\_to(m)\\
|
||||
\strut \\
|
||||
\emph{\# 保存为网页}\\
|
||||
m.save("map.html")
|
||||
|
||||
\subsubsection{可视化设计原则}
|
||||
|
||||
{\def\LTcaptype{none} % do not increment counter
|
||||
\begin{longtable}[]{@{}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 2\tabcolsep) * \real{0.2361}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 2\tabcolsep) * \real{0.6363}}@{}}
|
||||
\toprule\noalign{}
|
||||
\begin{minipage}[b]{\linewidth}\raggedright
|
||||
原则
|
||||
\end{minipage} & \begin{minipage}[b]{\linewidth}\raggedright
|
||||
说明
|
||||
\end{minipage} \\
|
||||
\midrule\noalign{}
|
||||
\endhead
|
||||
\bottomrule\noalign{}
|
||||
\endlastfoot
|
||||
选择合适的图表类型 & 比较→柱状图，趋势→折线图，占比→饼图，关系→散点图 \\
|
||||
保持简洁 & 每张图只传达一个核心信息，避免过度装饰 \\
|
||||
使用合理的色彩 & 同类数据用同色系，对比数据用对比色，注意色盲友好 \\
|
||||
标注清晰 & 标题、轴标签、图例、数据来源缺一不可 \\
|
||||
交互增强 & 在线可视化支持筛选、缩放、悬停查看详情 \\
|
||||
\end{longtable}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,74 @@
|
||||
\chapter{附录5：在线学习资源}
|
||||
|
||||
本附录整理AI学习过程中常用的在线课程、技术博客与文档、以及公开数据集。
|
||||
|
||||
\subsection{推荐课程}
|
||||
|
||||
{\def\LTcaptype{none} % do not increment counter
|
||||
\begin{longtable}[]{@{}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.2921}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1101}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.2141}}@{}}
|
||||
\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
|
||||
CS231n：计算机视觉 & Stanford & \href{http://cs231n.stanford.edu/}{cs231n.stanford.edu} \\
|
||||
Fast.ai：实用深度学习 & fast.ai & \href{https://course.fast.ai/}{course.fast.ai} \\
|
||||
吴恩达深度学习专项课 & Coursera & \href{https://www.coursera.org/specializations/deep-learning}{coursera.org} \\
|
||||
CS224n：NLP与深度学习 & Stanford & \href{https://web.stanford.edu/class/cs224n/}{web.stanford.edu} \\
|
||||
李宏毅机器学习 & YouTube & \href{https://www.youtube.com/c/HungyiLeeNTU}{youtube.com} \\
|
||||
\end{longtable}
|
||||
}
|
||||
|
||||
\subsection{博客与文档}
|
||||
|
||||
\begin{itemize}
|
||||
\item
|
||||
\href{https://lilianweng.github.io/}{Lil'Log} - AI深度技术文章
|
||||
\item
|
||||
\href{https://jalammar.github.io/illustrated-transformer/}{The Illustrated Transformer} - 可视化原理解析
|
||||
\item
|
||||
\href{https://distill.pub/}{Distill.pub} - 交互式可视化论文
|
||||
\item
|
||||
\href{https://pytorch.org/docs/}{PyTorch官方文档}
|
||||
\item
|
||||
\href{https://docs.ultralytics.com/}{Ultralytics YOLO文档}
|
||||
\item
|
||||
\href{https://python.langchain.com/}{LangChain文档}
|
||||
\end{itemize}
|
||||
|
||||
\subsection{数据集}
|
||||
|
||||
{\def\LTcaptype{none} % do not increment counter
|
||||
\begin{longtable}[]{@{}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1735}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1185}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1987}}@{}}
|
||||
\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
|
||||
ImageNet & 图像分类 & \href{https://www.image-net.org/}{image-net.org} \\
|
||||
COCO & 目标检测 & \href{https://cocodataset.org/}{cocodataset.org} \\
|
||||
MNIST & 手写数字 & \href{http://yann.lecun.com/exdb/mnist/}{yann.lecun.com} \\
|
||||
OpenStreetMap & 地图数据 & \href{https://www.openstreetmap.org/}{openstreetmap.org} \\
|
||||
\end{longtable}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,75 @@
|
||||
\chapter{附录6：其他资源}
|
||||
|
||||
本附录整理AIGC工具、设计领域AI工具，以及设计AI相关的学术期刊与会议。
|
||||
|
||||
\subsection{AIGC工具}\label{aigcux5de5ux5177}
|
||||
|
||||
\subsubsection{Stable Diffusion}\label{stable-diffusion}
|
||||
|
||||
\textbf{WebUI}：\href{https://github.com/AUTOMATIC1111/stable-diffusion-webui}{Automatic1111}
|
||||
|
||||
\textbf{ComfyUI}：\href{https://github.com/comfyanonymous/ComfyUI}{GitHub}
|
||||
|
||||
\textbf{API调用示例}：
|
||||
|
||||
\textbf{from} diffusers \textbf{import} StableDiffusionPipeline\\
|
||||
\strut \\
|
||||
pipe = StableDiffusionPipeline.from\_pretrained("runwayml/stable-diffusion-v1-5")\\
|
||||
image = pipe("a photo of an astronaut riding a horse on mars").images{[}0{]}
|
||||
|
||||
\subsubsection{Midjourney}\label{midjourney}
|
||||
|
||||
\textbf{平台}：Discord \textbf{文档}：\href{https://docs.midjourney.com/}{docs.midjourney.com}
|
||||
|
||||
\subsection{设计领域AI工具}
|
||||
|
||||
{\def\LTcaptype{none} % do not increment counter
|
||||
\begin{longtable}[]{@{}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1790}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.2364}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1779}}@{}}
|
||||
\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 & 图像生成与创意探索 & \href{https://www.midjourney.com/}{midjourney.com} \\
|
||||
Stable Diffusion & 本地可控图像生成 & \href{https://stability.ai/}{stability.ai} \\
|
||||
ControlNet & 精确结构控制 & \href{https://arxiv.org/abs/2302.05543}{arxiv.org} \\
|
||||
Figma AI & 界面设计辅助 & \href{https://www.figma.com/}{figma.com} \\
|
||||
Galileo AI & 界面布局生成 & \href{https://www.usegalileo.ai/}{usegalileo.ai} \\
|
||||
Planner 5D & 室内设计自动生成 & \href{https://planner5d.com/}{planner5d.com} \\
|
||||
\end{longtable}
|
||||
}
|
||||
|
||||
\subsection{学术期刊与会议}
|
||||
|
||||
\subsubsection{设计AI相关期刊}
|
||||
|
||||
\begin{itemize}
|
||||
\item
|
||||
Landscape and Urban Planning
|
||||
\item
|
||||
Environment and Planning B: Urban Analytics and City Science
|
||||
\item
|
||||
Automation in Construction
|
||||
\end{itemize}
|
||||
|
||||
\subsubsection{设计AI相关会议}
|
||||
|
||||
\begin{itemize}
|
||||
\item
|
||||
CAAD Futures
|
||||
\item
|
||||
ACADIA
|
||||
\item
|
||||
eCAADe
|
||||
\end{itemize}
|
||||
|
||||
@@ -0,0 +1,4 @@
|
||||
\chapter{附录7：参考文献}
|
||||
|
||||
本部分整理教材中引用的论文、书籍和在线资源。
|
||||
|
||||
@@ -0,0 +1,48 @@
|
||||
\chapter{附录8：关键术语表}
|
||||
|
||||
本附录按章节整理书中涉及的关键中英文术语。
|
||||
|
||||
\subsection{第二章}
|
||||
|
||||
{\def\LTcaptype{none} % do not increment counter
|
||||
\begin{longtable}[]{@{}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.1635}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.2921}}
|
||||
>{\raggedright\arraybackslash}p{(\linewidth - 4\tabcolsep) * \real{0.5444}}@{}}
|
||||
\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
|
||||
数据模态 & Data Modality & 信息的存在形式，如文本、图像、三维等 \\
|
||||
线性回归 & Linear Regression & \(y = ax + b\) 形式的函数拟合 \\
|
||||
多元回归 & Multiple Regression & 多输入变量的线性模型 \(y = \sum a_{i}x_{i} + b\) \\
|
||||
多层感知机 & Multi-Layer Perceptron (MLP) & 最基础的前馈神经网络结构 \\
|
||||
前向传播 & Forward Propagation & 数据从输入层到输出层的计算过程 \\
|
||||
激活函数 & Activation Function & 引入非线性的函数，如ReLU、Sigmoid \\
|
||||
损失函数 & Loss Function & 衡量预测值与真实值差距的函数 \\
|
||||
反向传播 & Backpropagation & 利用链式法则计算梯度的算法 \\
|
||||
梯度下降 & Gradient Descent & 沿梯度反方向更新参数的优化方法 \\
|
||||
学习率 & Learning Rate & 梯度下降中控制参数更新步长的超参数 \\
|
||||
权重 & Weight & 神经元之间连接的可学习参数 \\
|
||||
偏置 & Bias & 调整输出基准的可学习参数 \\
|
||||
特征工程 & Feature Engineering & 人工设计和提取数据特征的过程 \\
|
||||
迁移学习 & Transfer Learning & 将一个任务学到的知识迁移到新任务 \\
|
||||
基础模型 & Foundation Model & 在大规模数据上预训练的大型通用模型 \\
|
||||
涌现能力 & Emergent Abilities & 模型规模大到一定程度后出现的新能力 \\
|
||||
缩放定律 & Scaling Law & 模型性能与规模（数据量、参数量、计算量）之间的关系规律 \\
|
||||
环境-智能体-任务 & Environment-Agent-Task & AI实践的三元框架：环境提供操作空间，智能体执行任务，任务定义目标 \\
|
||||
Vibe Coding & Vibe Coding & 感觉驱动编程，用自然语言描述需求让AI生成代码的编程范式 \\
|
||||
全连接层 & Fully Connected Layer & 每个神经元与上一层所有神经元相连的网络层 \\
|
||||
预训练 & Pre-training & 在大规模数据上的初始训练阶段 \\
|
||||
微调 & Fine-tuning & 在特定任务数据上对预训练模型进行适配训练 \\
|
||||
\end{longtable}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,8 @@
|
||||
\chapter{附录9：Tips}
|
||||
|
||||
\begin{itemize}
|
||||
\item
|
||||
用AI学习AI，大大减少了学习的时间和难度：例如markdown等语法，只需要学习两部分内容：1）掌握经常性的手动输入需要的内容，例如\#，- 等，2）了解剩余的语法的大致机制，例如图片插入可以使用html语法，公式排版使用的是Latex语法，具体实现时让AI撰写。
|
||||
\item
|
||||
有任何不懂的问题，直接问AI，如Claude code等CLI Agent以及在线等的大模型
|
||||
\end{itemize}
|
||||
Reference in New Issue
Block a user