移动端提示语

传统的App原型设计需要专业的设计技能、复杂的工具操作和大量的时间投入。现如今借助AI就能完成这一切。

提示词模板

我想开发一个【软件名称】iOS App现在需要输出高保真的原型图，主要功能包括【1、功能1；2、功能2】请通过以下方式帮我完成所有界面的原型设计，并确保这些原型界面可以直接用于开发：1、用户体验分析：先分析这个App的主要功能和用户需求，确定核心交互逻辑。2、产品界面规划：作为产品经理，定义关键界面，确保信息架构合理，用户流程顺畅。3、高保真UI设计：作为UI设计师，严格遵循iOS设计规范(Human Interface Guidelines)，设计贴近iOS系统风格的界面，使用卡片式布局、圆角元素和适当的投影效果，确保视觉体验现代简洁。4、HTML原型实现：使用HTML+ Tailwind CSS生成所有原型界面，使用JavaScript实现基本交互功能，包括页面跳转、表单操作和数据模拟。代码文件应清晰分离为HTML、CSS和JS。5、每个界面应作为独立的HTML文件存放，例如home.html、profile.html、settings.html, 使用index.html作为主入口，使用iframe方式嵌入这些HTML片段，并将所有页面平铺展示，方便整体预览, 每个独立页面之间应支持相互跳转，确保单独打开也能完整体验
- 真实感增强： - 界面尺寸应模拟iPhone15 Pro（393×852px），并应用圆角边框（20px）。
- 选择与应用主题相关的图片，避免使用明显的占位图（如灰色块或标有"image"的框）
- 图标和UI元素可使用Font Awesome或Material Icons等专业图标库 (通过CDN引用)
- 背景和内容图片可从Unsplash、Pexels等免费图库选取，确保风格统一  
- 添加iOS标准状态栏和底部导航栏，包含主页、小组件和设置三个选项卡。
- 使用符合iOS风格的日期选择器、开关组件和列表样式。请按照以上要求生成完整的代码，并添加必要的注释说明界面逻辑和交互设计考虑。