🖥️ UI 界面设计：用自然语言描述 APP 界面

📋 学习目标

• 学会用自然语言描述 APP/网页界面设计
• 掌握界面描述的关键要素（布局/组件/配色/交互）
• 学会通过迭代优化设计方案

📖 分步操作

1. 基础界面描述

帮我设计一个 APP 界面：这是一个心情记录应用。首页顶部显示今日心情打卡卡片，中间是心情日历，底部是导航栏（首页/统计/我的）。风格清新，主色绿色

2. 详细组件描述

把首页的心情打卡卡片细化一下：卡片左边是一个大笑脸表情，右边是"今天感觉怎么样？"文字和一个"打卡"按钮，按钮用绿色圆角样式

3. 多页面方案

帮我再设计两个页面：1. 统计页——用柱状图展示本周心情趋势 2. 我的页——显示头像、昵称和设置入口列表。保持和首页统一的绿色风格

4. 整体风格统一

三个页面统一调整一下：所有标题用深灰色，按钮统一绿色圆角，卡片加浅灰阴影，整体留白多一点，看起来更清爽

✍️ 跟练 Prompt

💡 小贴士

• 先说布局再填细节：先描述整体结构（顶部/中间/底部），再逐块细化，AI 更容易理解。
• 指定配色和风格：说"清新绿色风"或"商务深色风"，比"好看"更有效。
• 组件用通用名称：用"卡片""按钮""导航栏""列表"这类词，AI 输出更规范。
• 保持页面统一：多页面设计时强调"统一风格"，避免每个页面各画各的。

🧪 自测题