diff --git a/README-zh_CN.md b/README-zh_CN.md
index eb281f7c3..69bdc9512 100644
--- a/README-zh_CN.md
+++ b/README-zh_CN.md
@@ -143,17 +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>
-
 ```
     ├─server  	     （后端文件夹）
     │  ├─api            （API）
diff --git a/README.md b/README.md
index 80225946b..a9407a06c 100644
--- a/README.md
+++ b/README.md
@@ -144,14 +144,14 @@ After executing the above command，`docs` will show in `server/`，then open yo
 
 ## 4. Project Architecture
 
+### 4.1 Architecture Diagram
+
 ![Architecture diagram](./docs/gin-vue-admin.png)
 
-<p style="text-align: center">Architecture diagram</p>
+### 4.2 Front-end Detailed Design Diagram (Contributor: <a href="https://github.com/baobeisuper">baobeisuper</a>)
 
+![Front-end Detailed Design Diagram](http://qmplusimg.henrongyi.top/naotu.png)
 
-![Front-end Architecture 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>
 
 ```
     ├─server  	     （backend）