这套方案适合什么项目
- 旅行日志、地点收藏和个人足迹应用
- 需要在官网展示真实手机比例的产品原型
- 以照片和地点文字为主要内容的移动界面
APPS · 旅行与出行
旅行日志移动应用 UI 提示词
旅行日志应用的核心是地点、记忆和再次访问。这个方案在手机框中组织地点影像、文本和收藏动作，适合旅行记录、目的地清单或个人足迹产品。白色外部画布便于作为产品展示，也方便录制演示。
实现工具与技术边界
- React 与 TypeScript
- Tailwind CSS
- Lucide React
- Vite
DESIGN DECISIONS
真正决定结果的设计取舍
- 01
固定手机尺寸只用于展示，真实应用仍使用流式布局
- 02
地点图片与名称形成稳定配对
- 03
收藏操作提供即时状态反馈
- 04
顶部和底部预留设备安全区
PUBLIC PROMPT EXCERPT
公开提示词片段
这段内容只公开核心方向，足够判断提示词是否具体。组件清单、细节参数、响应式规则与完整验收要求继续由会员权限保护。
Create a travel journal UI inside a realistic 375 by 780 phone frame. Use React, TypeScript, Tailwind and Lucide icons. Center the mockup on a neutral page and preserve safe areas, image hierarchy and favorite feedback.完成后应该得到什么
最终界面应能作为旅行产品官网中的可视化演示，也可以继续拆成真实应用页面。地点、图片和收藏状态都应清楚。
生成后不要跳过这些检查
- 图片都有地点相关替代文本
- 收藏按钮具有选中状态
- 真实小屏实现不锁死 375px 宽度
RELATED ASSETS
相关构建方案
围绕同一任务继续比较，不必退回搜索起点。
