diff --git a/README-zh_CN.md b/README-zh_CN.md
index eb281f7c35749f04ed7479df9a589a5578a08e18..040734b5b241d4b41d75fa546bfd4de569899448 100644
--- a/README-zh_CN.md
+++ b/README-zh_CN.md
@@ -143,16 +143,15 @@ swag init
 
 
 ## 4. 项目架构
+### 4.1 系统架构图
 
-![架构图](./docs/gin-vue-admin.png)
+![系统架构图](./docs/gin-vue-admin.png)
 
-<p style="text-align: center">架构图</p>
+### 4.2 前端详细设计图 （提供者:<a href="https://github.com/baobeisuper">baobeisuper</a>）
 
+![前端详细设计图](http://qmplusimg.henrongyi.top/naotu.png)
 
-
-![前端架构图](http://qmplusimg.henrongyi.top/naotu.png)
-
-<a style="text-align: center">前端结构图 提供者:<a href="https://github.com/baobeisuper">baobeisuper</a></p>
+### 4.3 目录结构
 
 ```
     ├─server  	     （后端文件夹）
diff --git a/README.md b/README.md
index 80225946bd6b2c8e957b85d0b1d2828151614460..8da99a1be88921657351156964c71314d089ce55 100644
--- a/README.md
+++ b/README.md
@@ -144,14 +144,15 @@ After executing the above command，`docs` will show in `server/`，then open yo
 
 ## 4. Project Architecture
 
-![Architecture diagram](./docs/gin-vue-admin.png)
+### 4.1 Architecture Diagram
 
-<p style="text-align: center">Architecture diagram</p>
+![Architecture diagram](./docs/gin-vue-admin.png)
 
+### 4.2 Front-end Detailed Design Diagram (Contributor: <a href="https://github.com/baobeisuper">baobeisuper</a>)
 
-![Front-end Architecture diagram](http://qmplusimg.henrongyi.top/naotu.png)
+![Front-end Detailed Design Diagram](http://qmplusimg.henrongyi.top/naotu.png)
 
-<a style="text-align: center">Front-end Architecture diagram Provider:<a href="https://github.com/baobeisuper">baobeisuper</a></p>
+### 4.3 Project Layout
 
 ```
     ├─server  	     （backend）