diff --git a/README-zh-CN.md b/README-zh-CN.md
index 1816614..9841abc 100644
--- a/README-zh-CN.md
+++ b/README-zh-CN.md
@@ -43,12 +43,20 @@ Android 原生平台的这个项目我基本上不打算继续维护了，如果
 
 正在努力完善，预计近期发布，敬请期待。
 
-## 效果预览图
+## 演示截屏
 
 <div style="display: flex">
-  <img src="https://github.com/BetterAndroid/FlexiUI/blob/main/img-src/UI-Day.png?raw=true" width = "200" alt="SCREENSHOT"/>
-  <img src="https://github.com/BetterAndroid/FlexiUI/blob/main/img-src/UI-Night.png?raw=true" width = "200" alt="SCREENSHOT"/>
-  <img src="https://github.com/BetterAndroid/FlexiUI/blob/main/img-src/UI-Dark.png?raw=true" width = "200" alt="SCREENSHOT"/>
+  <img src="img-src/day/shot-1-zh.png" width = "200" alt="SCREENSHOT"/>
+  <img src="img-src/day/shot-2-zh.png" width = "200" alt="SCREENSHOT"/>
+  <img src="img-src/day/shot-3-zh.png" width = "200" alt="SCREENSHOT"/>
+  <img src="img-src/day/shot-4-zh.png" width = "200" alt="SCREENSHOT"/>
+</div>
+
+<div style="display: flex">
+  <img src="img-src/night/shot-1-zh.png" width = "200" alt="SCREENSHOT"/>
+  <img src="img-src/night/shot-2-zh.png" width = "200" alt="SCREENSHOT"/>
+  <img src="img-src/night/shot-3-zh.png" width = "200" alt="SCREENSHOT"/>
+  <img src="img-src/night/shot-4-zh.png" width = "200" alt="SCREENSHOT"/>
 </div>
 
 ## 项目推广
diff --git a/README.md b/README.md
index 92be9a4..7817a2c 100644
--- a/README.md
+++ b/README.md
@@ -43,12 +43,20 @@ You can click the link below to view the project branch of the corresponding pla
 
 We are working hard to improve it and it is expected to be released soon, so stay tuned.
 
-## Design Preview
+## Demo Screenshots
 
 <div style="display: flex">
-  <img src="https://github.com/BetterAndroid/FlexiUI/blob/main/img-src/UI-Day.png?raw=true" width = "200" alt="SCREENSHOT"/>
-  <img src="https://github.com/BetterAndroid/FlexiUI/blob/main/img-src/UI-Night.png?raw=true" width = "200" alt="SCREENSHOT"/>
-  <img src="https://github.com/BetterAndroid/FlexiUI/blob/main/img-src/UI-Dark.png?raw=true" width = "200" alt="SCREENSHOT"/>
+  <img src="img-src/day/shot-1.png" width = "200" alt="SCREENSHOT"/>
+  <img src="img-src/day/shot-2.png" width = "200" alt="SCREENSHOT"/>
+  <img src="img-src/day/shot-3.png" width = "200" alt="SCREENSHOT"/>
+  <img src="img-src/day/shot-4.png" width = "200" alt="SCREENSHOT"/>
+</div>
+
+<div style="display: flex">
+  <img src="img-src/night/shot-1.png" width = "200" alt="SCREENSHOT"/>
+  <img src="img-src/night/shot-2.png" width = "200" alt="SCREENSHOT"/>
+  <img src="img-src/night/shot-3.png" width = "200" alt="SCREENSHOT"/>
+  <img src="img-src/night/shot-4.png" width = "200" alt="SCREENSHOT"/>
 </div>
 
 ## Promotion
diff --git a/img-src/UI-Dark.png b/img-src/UI-Dark.png
deleted file mode 100644
index e8d720b..0000000
Binary files a/img-src/UI-Dark.png and /dev/null differ
diff --git a/img-src/UI-Day.png b/img-src/UI-Day.png
deleted file mode 100644
index 54a8263..0000000
Binary files a/img-src/UI-Day.png and /dev/null differ
diff --git a/img-src/UI-Night.png b/img-src/UI-Night.png
deleted file mode 100644
index 26ba06f..0000000
Binary files a/img-src/UI-Night.png and /dev/null differ
diff --git a/img-src/day/shot-1-zh.png b/img-src/day/shot-1-zh.png
new file mode 100644
index 0000000..8c2c2e5
Binary files /dev/null and b/img-src/day/shot-1-zh.png differ
diff --git a/img-src/day/shot-1.png b/img-src/day/shot-1.png
new file mode 100644
index 0000000..48b4b7e
Binary files /dev/null and b/img-src/day/shot-1.png differ
diff --git a/img-src/day/shot-2-zh.png b/img-src/day/shot-2-zh.png
new file mode 100644
index 0000000..9fccbd7
Binary files /dev/null and b/img-src/day/shot-2-zh.png differ
diff --git a/img-src/day/shot-2.png b/img-src/day/shot-2.png
new file mode 100644
index 0000000..805ea1d
Binary files /dev/null and b/img-src/day/shot-2.png differ
diff --git a/img-src/day/shot-3-zh.png b/img-src/day/shot-3-zh.png
new file mode 100644
index 0000000..cf8100b
Binary files /dev/null and b/img-src/day/shot-3-zh.png differ
diff --git a/img-src/day/shot-3.png b/img-src/day/shot-3.png
new file mode 100644
index 0000000..00b2f91
Binary files /dev/null and b/img-src/day/shot-3.png differ
diff --git a/img-src/day/shot-4-zh.png b/img-src/day/shot-4-zh.png
new file mode 100644
index 0000000..ace474d
Binary files /dev/null and b/img-src/day/shot-4-zh.png differ
diff --git a/img-src/day/shot-4.png b/img-src/day/shot-4.png
new file mode 100644
index 0000000..7c27917
Binary files /dev/null and b/img-src/day/shot-4.png differ
diff --git a/img-src/night/shot-1-zh.png b/img-src/night/shot-1-zh.png
new file mode 100644
index 0000000..bc082d8
Binary files /dev/null and b/img-src/night/shot-1-zh.png differ
diff --git a/img-src/night/shot-1.png b/img-src/night/shot-1.png
new file mode 100644
index 0000000..a7776f8
Binary files /dev/null and b/img-src/night/shot-1.png differ
diff --git a/img-src/night/shot-2-zh.png b/img-src/night/shot-2-zh.png
new file mode 100644
index 0000000..89e4d75
Binary files /dev/null and b/img-src/night/shot-2-zh.png differ
diff --git a/img-src/night/shot-2.png b/img-src/night/shot-2.png
new file mode 100644
index 0000000..8f05e21
Binary files /dev/null and b/img-src/night/shot-2.png differ
diff --git a/img-src/night/shot-3-zh.png b/img-src/night/shot-3-zh.png
new file mode 100644
index 0000000..78660cf
Binary files /dev/null and b/img-src/night/shot-3-zh.png differ
diff --git a/img-src/night/shot-3.png b/img-src/night/shot-3.png
new file mode 100644
index 0000000..d834c31
Binary files /dev/null and b/img-src/night/shot-3.png differ
diff --git a/img-src/night/shot-4-zh.png b/img-src/night/shot-4-zh.png
new file mode 100644
index 0000000..5a60b9a
Binary files /dev/null and b/img-src/night/shot-4-zh.png differ
diff --git a/img-src/night/shot-4.png b/img-src/night/shot-4.png
new file mode 100644
index 0000000..8f59797
Binary files /dev/null and b/img-src/night/shot-4.png differ