diff --git a/zh-cn/application-dev/ui/figures/layout-element-omposition.png b/zh-cn/application-dev/ui/figures/layout-element-omposition.png
index c428929b2e171504d94cf5aef99772d517e226ba..3fadce85e100424edd9e928eaac555a1c85f5b9e 100644
Binary files a/zh-cn/application-dev/ui/figures/layout-element-omposition.png and b/zh-cn/application-dev/ui/figures/layout-element-omposition.png differ
diff --git "a/zh-cn/readme/ArkUI\346\241\206\346\236\266\345\255\220\347\263\273\347\273\237.md" "b/zh-cn/readme/ArkUI\346\241\206\346\236\266\345\255\220\347\263\273\347\273\237.md"
index df00ec731a169af21ee6bf8026dfa2844a7907ef..72ebd52422921687b26a6b8bee721097ba836ee8 100644
--- "a/zh-cn/readme/ArkUI\346\241\206\346\236\266\345\255\220\347\263\273\347\273\237.md"
+++ "b/zh-cn/readme/ArkUI\346\241\206\346\236\266\345\255\220\347\263\273\347\273\237.md"
@@ -1,21 +1,17 @@
-# ArkUI框架子系统
+# ArkUI框架子系统
-- [简介](#section11660541593)
-- [目录](#section179173014915)
-- [相关仓](#section1599816111011)
-
-## 简介
+## 简介
ArkUI框架是OpenHarmony UI开发框架,提供开发者进行应用UI开发时所必需的能力,包括UI组件、动画、绘制、交互事件、JS API扩展机制等。ArkUI框架提供了两种开发范式,分别是基于ArkTS的声明式开发范式(简称“声明式开发范式”)和兼容JS的类Web开发范式(简称“类Web开发范式”)。
**框架结构**
-![zh-cn_image_0000001183709904](../application-dev/ui/figures/zh-cn_image_0000001183709904.png)
+![zh-cn_image_0000001183709904](../application-dev/ui/figures/arkui-framework.png)
从上图可以看出,类Web开发范式与声明式开发范式的UI后端引擎和语言运行时是共用的,其中,UI后端引擎实现了ArkUI框架的六种基本能力。声明式开发范式无需JS Framework进行页面DOM管理,渲染更新链路更为精简,占用内存更少,因此更推荐开发者选用声明式开发范式来搭建应用UI界面。
-## 目录
+## 目录
ArkUI开发框架源代码在/foundation/arkui下,目录结构如下图所示:
@@ -26,7 +22,7 @@ ArkUI开发框架源代码在/foundation/arkui下,目录结构如下图所示
└── napi # JS API扩展Native开发模块
```
-## 相关仓
+## 相关仓
**ArkUI框架子系统**