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..6c1ee6f998a67cb4ab4d0405208e82912e0b4bdd 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 dc1ff40e771617f3c30c7de963431eb4625064fa..44aaf5145d3cde6f1a0b4e1daf26aa3317204b64 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框架提供了两种开发范式,分别是基于eTS的声明式开发范式(简称“声明式开发范式”)和兼容JS的类Web开发范式(简称“类Web开发范式”)。
**框架结构**
-
+
从上图可以看出,类Web开发范式与声明式开发范式的UI后端引擎和语言运行时是共用的,其中,UI后端引擎实现了ArkUI框架的六种基本能力。声明式开发范式无需JS Framework进行页面DOM管理,渲染更新链路更为精简,占用内存更少,因此更推荐开发者选用声明式开发范式来搭建应用UI界面。
-## 目录
+## 目录
ArkUI开发框架源代码在/foundation/arkui下,目录结构如下图所示:
@@ -26,7 +22,7 @@ ArkUI开发框架源代码在/foundation/arkui下,目录结构如下图所示
└── napi # JS API扩展Native开发模块
```
-## 相关仓
+## 相关仓
**ArkUI框架子系统**