From 483ab26505a4d133ae9553a85aeceb95568292d5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=8F=B2=E6=82=A6?= Date: Thu, 11 Sep 2025 10:47:08 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20=E8=A7=84=E8=8C=83=E5=8E=9F=E5=9E=8B?= =?UTF-8?q?=E8=AE=BE=E8=AE=A1=E6=96=87=E4=BB=B6=E5=90=8D=E5=B9=B6=E7=A7=BB?= =?UTF-8?q?=E9=99=A4=E5=B8=83=E5=B1=80=E7=BA=BF=E6=A1=86=E5=9B=BE=E6=96=87?= =?UTF-8?q?=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../{入口页面.html => 01_入口页面.html} | 0 .../原型设计/01_布局设计_简化主页面线框图.md | 183 ------------------ .../{房间等待[房主].html => 02_房间等待[房主].html} | 0 .../{加入房间列表.html => 03_加入房间列表.html} | 0 .../{准备页面.html => 04_准备页面.html} | 0 .../{对战页面.html => 05_对战页面.html} | 0 6 files changed, 183 deletions(-) rename 01_文档/原型设计/{入口页面.html => 01_入口页面.html} (100%) delete mode 100644 01_文档/原型设计/01_布局设计_简化主页面线框图.md rename 01_文档/原型设计/{房间等待[房主].html => 02_房间等待[房主].html} (100%) rename 01_文档/原型设计/{加入房间列表.html => 03_加入房间列表.html} (100%) rename 01_文档/原型设计/{准备页面.html => 04_准备页面.html} (100%) rename 01_文档/原型设计/{对战页面.html => 05_对战页面.html} (100%) diff --git a/01_文档/原型设计/入口页面.html b/01_文档/原型设计/01_入口页面.html similarity index 100% rename from 01_文档/原型设计/入口页面.html rename to 01_文档/原型设计/01_入口页面.html diff --git a/01_文档/原型设计/01_布局设计_简化主页面线框图.md b/01_文档/原型设计/01_布局设计_简化主页面线框图.md deleted file mode 100644 index b41a0a0..0000000 --- a/01_文档/原型设计/01_布局设计_简化主页面线框图.md +++ /dev/null @@ -1,183 +0,0 @@ -# 打飞机小程序 - 简化主页面线框图设计 - -## 设计说明 -根据用户需求，主页面简化为只包含以下元素： -- 顶部：用户头像和昵称 -- 中间：游戏标题 -- 规则说明 -- 开始按钮 - -## 线框图设计方案 - -### 方案一：居中简约布局 - -``` -┌─────────────────────────────────────────────────────────┐ -│ │ -│ [头像] [昵称] │ -│ │ -│ ┌─────────────────────────────────────────────────┐ │ -│ │ │ │ -│ │ 打飞机对战 │ │ -│ │ │ │ -│ └─────────────────────────────────────────────────┘ │ -│ │ -│ ┌─────────────────────────────────────────────────┐ │ -│ │ 游戏规则 │ │ -│ │ 1. 双人轮流攻击对方棋盘 │ │ -│ │ 2. 击中对方飞机部件得分 │ │ -│ │ 3. 先击毁对方所有飞机获胜 │ │ -│ └─────────────────────────────────────────────────┘ │ -│ │ -│ │ -│ ┌─────────────────────────────────────────────────┐ │ -│ │ │ │ -│ │ 开始游戏 │ │ -│ │ │ │ -│ └─────────────────────────────────────────────────┘ │ -│ │ -└─────────────────────────────────────────────────────────┘ -``` - -### 方案二：卡片式布局 - -``` -┌─────────────────────────────────────────────────────────┐ -│ │ -│ [头像] [昵称] │ -│ │ -│ ┌─────────────────────────────────────────────────┐ │ -│ │ │ │ -│ │ 打飞机对战小程序 │ │ -│ │ │ │ -│ └─────────────────────────────────────────────────┘ │ -│ │ -│ ┌─────────────────────────────────────────────────┐ │ -│ │ 📖 游戏规则 │ │ -│ │ │ │ -│ │ 双人轮流攻击对方棋盘 │ │ -│ │ 击中飞机部件得分 │ │ -│ │ 击毁所有飞机获胜 │ │ -│ │ │ │ -│ └─────────────────────────────────────────────────┘ │ -│ │ -│ ┌─────────────────────────────────────────────────┐ │ -│ │ │ │ -│ │ 🚀 开始游戏 │ │ -│ │ │ │ -│ └─────────────────────────────────────────────────┘ │ -│ │ -└─────────────────────────────────────────────────────────┘ -``` - -### 方案三：渐变背景布局 - -``` -┌─────────────────────────────────────────────────────────┐ -│ │ -│ [头像] [昵称] │ -│ │ -│ ┌─────────────────────────────────────────────────┐ │ -│ │ │ │ -│ │ ✈️ 打飞机对战小程序 │ │ -│ │ │ │ -│ └─────────────────────────────────────────────────┘ │ -│ │ -│ ┌─────────────────────────────────────────────────┐ │ -│ │ │ │ -│ │ 🎮 游戏规则 │ │ -│ │ │ │ -│ │ • 双人轮流攻击 │ │ -│ │ • 击中飞机部件得分 │ │ -│ │ • 击毁所有飞机获胜 │ │ -│ │ │ │ -│ └─────────────────────────────────────────────────┘ │ -│ │ -│ │ -│ ┌─────────────────────────────────────────────────┐ │ -│ │ │ │ -│ │ 🎯 开始游戏 │ │ -│ │ │ │ -│ └─────────────────────────────────────────────────┘ │ -│ │ -└─────────────────────────────────────────────────────────┘ -``` - -### 方案四：图标装饰布局 - -``` -┌─────────────────────────────────────────────────────────┐ -│ │ -│ [头像] [昵称] │ -│ │ -│ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ │ -│ │ -│ ┌─────────────────────────────────────────────────┐ │ -│ │ │ │ -│ │ 打飞机对战小程序 │ │ -│ │ │ │ -│ └─────────────────────────────────────────────────┘ │ -│ │ -│ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ │ -│ │ -│ ┌─────────────────────────────────────────────────┐ │ -│ │ 📋 游戏规则 │ │ -│ │ 1. 双人轮流攻击棋盘 │ │ -│ │ 2. 击中飞机部件得分 │ │ -│ │ 3. 击毁所有飞机获胜 │ │ -│ └─────────────────────────────────────────────────┘ │ -│ │ -│ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ ✈️ 🛩️ │ -│ │ -│ ┌─────────────────────────────────────────────────┐ │ -│ │ │ │ -│ │ 🚀 开始游戏 │ │ -│ │ │ │ -│ └─────────────────────────────────────────────────┘ │ -│ │ -└─────────────────────────────────────────────────────────┘ -``` - -### 方案五：分步骤布局 - -``` -┌─────────────────────────────────────────────────────────┐ -│ │ -│ [头像] [昵称] │ -│ │ -│ ┌─────────────────────────────────────────────────┐ │ -│ │ │ │ -│ │ 打飞机对战小程序 │ │ -│ │ │ │ -│ └─────────────────────────────────────────────────┘ │ -│ │ -│ ┌─────────────────────────────────────────────────┐ │ -│ │ 📖 游戏规则 │ │ -│ │ │ │ -│ │ 步骤1: 双人轮流攻击对方棋盘 │ │ -│ │ 步骤2: 击中飞机部件获得分数 │ │ -│ │ 步骤3: 先击毁对方所有飞机获胜 │ │ -│ │ │ │ -│ └─────────────────────────────────────────────────┘ │ -│ │ -│ │ -│ ┌─────────────────────────────────────────────────┐ │ -│ │ │ │ -│ │ 🎮 开始游戏 │ │ -│ │ │ │ -│ └─────────────────────────────────────────────────┘ │ -│ │ -└─────────────────────────────────────────────────────────┘ -``` - -## 设计建议 - -根据打飞机游戏的特性和目标用户群体，我推荐**方案二：卡片式布局**，原因如下： - -1. **视觉层次清晰**：卡片设计让内容分区明确，用户一目了然 -2. **现代感强**：卡片式设计符合当前移动应用设计趋势 -3. **易于交互**：卡片按钮在移动端触控体验良好 -4. **扩展性好**：后续如需添加内容，卡片布局便于调整 -5. **适合游戏场景**：卡片式设计给人一种"游戏卡"的感觉，符合游戏主题 - -请确认您偏好的布局方案，我将进入下一阶段：**主题设计**，包括色彩方案、字体选择、间距系统等视觉元素的设计。 \ No newline at end of file diff --git a/01_文档/原型设计/房间等待[房主].html b/01_文档/原型设计/02_房间等待[房主].html similarity index 100% rename from 01_文档/原型设计/房间等待[房主].html rename to 01_文档/原型设计/02_房间等待[房主].html diff --git a/01_文档/原型设计/加入房间列表.html b/01_文档/原型设计/03_加入房间列表.html similarity index 100% rename from 01_文档/原型设计/加入房间列表.html rename to 01_文档/原型设计/03_加入房间列表.html diff --git a/01_文档/原型设计/准备页面.html b/01_文档/原型设计/04_准备页面.html similarity index 100% rename from 01_文档/原型设计/准备页面.html rename to 01_文档/原型设计/04_准备页面.html diff --git a/01_文档/原型设计/对战页面.html b/01_文档/原型设计/05_对战页面.html similarity index 100% rename from 01_文档/原型设计/对战页面.html rename to 01_文档/原型设计/05_对战页面.html