diff --git a/src/reference/Appendix/changelog.md b/src/reference/Appendix/changelog.md
index afc30f9..6719c68 100644
--- a/src/reference/Appendix/changelog.md
+++ b/src/reference/Appendix/changelog.md
@@ -5,6 +5,8 @@ category:
   - 附录
 ---
 
+## 2024.9.17
+- [3.2 初识 InDesign](../ChapterNo3/3.2.md) -> 新增面板相关操作
 ## 2024.9.14
 - 调整第三章的内容结构，在 3.1 节和原 3.2 节之间插入 [3.2 初识 InDesign](../ChapterNo3/3.2.md)，并调整部分内容顺序
 - [3.2 初识 InDesign](../ChapterNo3/3.2.md) -> 新增 InDesign 界面介绍
diff --git a/src/reference/ChapterNo2/2.1.md b/src/reference/ChapterNo2/2.1.md
index 8f968d0..da38510 100644
--- a/src/reference/ChapterNo2/2.1.md
+++ b/src/reference/ChapterNo2/2.1.md
@@ -58,11 +58,11 @@ title: 2.1 排版基本知识
 - 在进行**中文处理**时，汉字和标点符号使用全角，字母、其它符号和数字使用半角。
 - 在进行**英文处理**时，如：英文输入、编写程序、电子邮件地址、网站链接等，使用半角。
 
-::: info 段首空格必须使用**全角空格**
+::: info 段首空格必须使用全角空格
 在进行中文排版时，段首空格必须使用**全角空格**。
 
 使用全角空格时，我们只需要按下两次空格键即可完成一次段首缩进（空两格）
-1:::
+:::
 
 ## 行间距
 在日常生活中，我们可能不会过多地关注行间距的影响，但是在排版中，行间距是非常重要的。一些研究表明，合适的行间距可以让人们的阅读更加顺畅，提高阅读效率。
diff --git a/src/reference/ChapterNo3/3.2.md b/src/reference/ChapterNo3/3.2.md
index ea5da65..f8352a1 100644
--- a/src/reference/ChapterNo3/3.2.md
+++ b/src/reference/ChapterNo3/3.2.md
@@ -49,23 +49,50 @@ tag:
 - 上下移动页面：直接滑动鼠标滚轮
 - 左右移动页面：按住 `ctrl`，同时滑动鼠标滚轮
 
-## 面板
-在**菜单栏->窗口**中展示了 InDesign 中所有可用的面板，点击即可打开相应的面板。
+## 插入和编辑图片
+在 InDesign 文档中插入图片有以下两种方式
+- （最常用）直接将图片拖入 InDesign 的文档编辑区，拖入后再按下并拖动鼠标即可将图片调整为合适的大小![](../assets/PixPin_2024-09-18_20-28-01.gif)
+- 在上方菜单栏中选择**文件->置入**，选择需要插入的图片，单击**置入**即可![](../assets/PixPin_2024-09-18_20-33-46.gif)
 
-> 一些常用面板的功能会在 3.3 节和 3.4 节中介绍
+### 框架
+在 InDesign 中，图片在插入文档后，InDesign 会将插入的图片放置到一个与图片大小相同的**框架**中。
 
-### 移动和停靠面板
-拖动面板至其他控件边缘，待软件显示出蓝色指示条时，松开鼠标即可将面板移动至特定位置。
+::: info 对象
+框架中的内容称为**对象**
+:::
 
-![移动和停靠面板](../assets/PixPin_2024-09-17_13-58-34.gif)
+在层级关系上，**框架>对象**。这也就意味着，图片对象的大小如果超出了框架，**超出的部分不会显示**。
 
-### 关闭面板
-在面板标题上右键即可**关闭面板**/**将面板最小化为图标**
+![框架和对象的层级关系](../assets/image/3.2-1726661535858.jpeg)
 
-![关闭面板](../assets/image/3.2-1726554984665.jpeg)
+- 使用鼠标左键**单击**图片即可选择图片所在的**框架**
+- 使用鼠标左键**双击**图片即可选择图片**对象**
 
-### 使用面板菜单
+在对框架或对象进行操作时，我们需要区分我们选择的是**框架**还是框架内的**对象**。
+- 选中**框架**时，选中框为**蓝色**
+- 选中**对象**时，选中框为**褐色**
 
-一些面板提供了额外的选项，点击面板右上角的**三横**图标即可打开面板的菜单选项。
+InDesign 提供了一些快速调整框架大小的选项，右键框架并选择**适合**选项即可见到。
 
-![面板菜单](../assets/image/3.2-1726554691316.jpeg)
+![框架适合选项](../assets/image/3.2-1726661818176.jpeg)
+
+常用的有**使框架适合内容**（将框架调整为对象的大小）和**按比例填充框架**（将对象强制调整为框架的大小）
+
+### 移动图片
+- 选中**框架**后拖动即可调整**整个框架的位置**
+- 选中**对象**后拖动即可调整**对象在框架内的位置**（框架不会移动）
+
+::: tip 快速移动图片对象的位置
+当我们将鼠标放置到图片框架上时，框架中央会出现一个**圆形操作柄**，直接拖动它即可调整**对象在框架内**位置。
+
+![](../assets/image/3.2-1726663328456.jpeg)
+:::
+
+### 缩放图片
+::: warning 等比放大
+无特殊情况时，图片必须等比放大
+:::
+
+在选中框架的情况下，我们可以将**框架和图片对象一起**等比缩放。
+
+同时按住 `Ctrl` `Shift` 两个键，再使用鼠标拖动框架边缘即可将框架和图片对象一起**等比缩放**。
\ No newline at end of file
diff --git a/src/reference/ChapterNo3/3.3.md b/src/reference/ChapterNo3/3.3.md
index bd88b65..278cb78 100644
--- a/src/reference/ChapterNo3/3.3.md
+++ b/src/reference/ChapterNo3/3.3.md
@@ -30,6 +30,25 @@ tags:
 3. 点击第二个需要串接的文本框即可
 4. 重复以上操作即可串接多个文本框
 
+## 面板
+在**菜单栏->窗口**中展示了 InDesign 中所有可用的面板，点击即可打开相应的面板。
+
+### 移动和停靠面板
+拖动面板至其他控件边缘，待软件显示出蓝色指示条时，松开鼠标即可将面板移动至特定位置。
+
+![移动和停靠面板](../assets/PixPin_2024-09-17_13-58-34.gif)
+
+### 关闭面板
+在面板标题上右键即可**关闭面板**/**将面板最小化为图标**
+
+![关闭面板](../assets/image/3.2-1726554984665.jpeg)
+
+### 使用面板菜单
+
+一些面板提供了额外的选项，点击面板右上角的**三横**图标即可打开面板的菜单选项。
+
+![面板菜单](../assets/image/3.2-1726554691316.jpeg)
+
 ## 图层
 使用专业的图像、视频编辑工具必须熟悉图层相关的操作。
 
diff --git a/src/reference/README.md b/src/reference/README.md
index 2bf255a..7ea3e21 100644
--- a/src/reference/README.md
+++ b/src/reference/README.md
@@ -13,8 +13,9 @@ icon: book
 :::
 
 ## 最近更新
-## 2024.9.17
-- [3.2 初识 InDesign](ChapterNo3/3.2.md) -> 新增面板相关操作
+### 2024.9.18
+- [3.2 初识 InDesign](ChapterNo3/3.2.md#插入和编辑图片) -> 新增图片相关操作/部分内容移动到 [3.3 基本操作](ChapterNo3/3.3.md)
+- [2.1 排版基本知识](ChapterNo2/2.1.md) -> 修复排版问题
 
 > [附录：历史更新日志](Appendix/changelog.md)
 
diff --git a/src/reference/assets/PixPin_2024-09-18_20-28-01.gif b/src/reference/assets/PixPin_2024-09-18_20-28-01.gif
new file mode 100644
index 0000000..09eb84c
Binary files /dev/null and b/src/reference/assets/PixPin_2024-09-18_20-28-01.gif differ
diff --git a/src/reference/assets/PixPin_2024-09-18_20-33-46.gif b/src/reference/assets/PixPin_2024-09-18_20-33-46.gif
new file mode 100644
index 0000000..80352b9
Binary files /dev/null and b/src/reference/assets/PixPin_2024-09-18_20-33-46.gif differ
diff --git a/src/reference/assets/image/3.2-1726661535858.jpeg b/src/reference/assets/image/3.2-1726661535858.jpeg
new file mode 100644
index 0000000..f83f007
Binary files /dev/null and b/src/reference/assets/image/3.2-1726661535858.jpeg differ
diff --git a/src/reference/assets/image/3.2-1726661818176.jpeg b/src/reference/assets/image/3.2-1726661818176.jpeg
new file mode 100644
index 0000000..cc9ca14
Binary files /dev/null and b/src/reference/assets/image/3.2-1726661818176.jpeg differ
diff --git a/src/reference/assets/image/3.2-1726663328456.jpeg b/src/reference/assets/image/3.2-1726663328456.jpeg
new file mode 100644
index 0000000..ca47af5
Binary files /dev/null and b/src/reference/assets/image/3.2-1726663328456.jpeg differ