diff --git a/en/application-dev/ui/arkts-common-components-button.md b/en/application-dev/ui/arkts-common-components-button.md
index 82c893d33aa0049e5b2e815ae6a31b7d13a1775a..8abc45a87a9cc0ed6d0b40eaf907c2afb5692299 100644
--- a/en/application-dev/ui/arkts-common-components-button.md
+++ b/en/application-dev/ui/arkts-common-components-button.md
@@ -258,4 +258,4 @@ Button('Ok', { type: ButtonType.Normal, stateEffect: true })
   }
   ```
 
-  ![GIF](figures/GIF.gif)
+  ![floating_button](figures/floating_button.gif)
diff --git a/en/application-dev/ui/arkts-navigation-tabs.md b/en/application-dev/ui/arkts-navigation-tabs.md
index f16a5e5df1868c9500ea571deb09e74396f8f77c..28b4c68b55c447c7de9870772ff652c82d837e98 100644
--- a/en/application-dev/ui/arkts-navigation-tabs.md
+++ b/en/application-dev/ui/arkts-navigation-tabs.md
@@ -333,7 +333,7 @@ For non-custom navigation bars, tabs and tab content are linked by default. For
 
   **Figure 11** Lack of linkage between tabs and tab content 
 
-![lack-of-linkage](figures /lack-of-linkage.gif)
+![lack-of-linkage](figures/lack-of-linkage.gif)
 
 
 To manually switch between the tabs, use the **onChange** API provided by the **\<Tabs>** component to listen for the index change and pass the index of the active tab to **currentIndex**.
diff --git a/en/application-dev/ui/arkui-overview.md b/en/application-dev/ui/arkui-overview.md
index 4ce38f8259fa449e522a94f7b578e76ceb4fb30f..839bfd17f7ded5c6ead59ca53bfe3a89ba6ddffa 100644
--- a/en/application-dev/ui/arkui-overview.md
+++ b/en/application-dev/ui/arkui-overview.md
@@ -22,7 +22,7 @@ ArkUI is a UI development framework for building OpenHarmony applications. It pr
 
 - **Platform API channel**: ArkUI provides an API extension mechanism through which platform capabilities are encapsulated to produce JavaScript (JS) APIs in a unified style.
 
-- **Two development paradigms**: ArkUI comes with two development paradigms: [ArkTS-based declarative development paradigm](./ui-ts-overview.md) (declarative development paradigm for short) and [JS-compatible web-like development paradigm](./ui-js-overview.md) (web-like development paradigm for short). You can choose whichever development paradigm that aligns with your practice.
+- **Two development paradigms**: ArkUI comes with two development paradigms: [ArkTS-based declarative development paradigm](arkts-ui-development-overview.md) (declarative development paradigm for short) and [JS-compatible web-like development paradigm](../ui/ui-js-overview.md) (web-like development paradigm for short). You can choose whichever development paradigm that aligns with your practice.
 
   | Development Paradigm  | Description                                      | Applicable To            | Target Audience               |
   | -------- | ---------------------------------------- | ---------------- | ------------------- |
diff --git a/en/application-dev/ui/figures/GIF.gif b/en/application-dev/ui/figures/floating_button.gif
similarity index 100%
rename from en/application-dev/ui/figures/GIF.gif
rename to en/application-dev/ui/figures/floating_button.gif
diff --git a/en/application-dev/ui/figures/lack-of-linkage.gif b/en/application-dev/ui/figures/lack-of-linkage.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c0dde5b1ef76e44606de04a979c5e62cf4464438
Binary files /dev/null and b/en/application-dev/ui/figures/lack-of-linkage.gif differ
diff --git a/en/readme/common-event-notification.md b/en/readme/common-event-notification.md
index 745ea06735002601ca57b2fe7ab620ae0162a2af..6242a81042f831a35a4faee004a2fb3bb990f269 100644
--- a/en/readme/common-event-notification.md
+++ b/en/readme/common-event-notification.md
@@ -14,7 +14,7 @@ Each application can subscribe to common events as required. After your applicat
 
 ### Architecture
 
-![]( figures/cesfwk_architecture_diagram.png "CES Architecture")
+![](figures/cesfwk_architecture_diagram.png "CES Architecture")
 
 ## Directory Structure