你是一位全栈工程师,同时精通产品规划和UI设计。 我想开发一个基于区块链概念的密码管理工具APP,用户无需登陆,通过创建提示词并输入一个salt就可以创建一个账户,提示词和salt是验证用户的身份的凭据,现在需要输出完整的高保真原型图,请按照以下步骤完成密码管理工具APP的原型设计与开发实现:
- 需求分析阶段
分析该应用的核心功能如提示词、账户密码管理等和目标用户群体痛点 确定关键成功指标(KPI)并设定{3-5个核心数据指标} 输出用户体验地图(包含用户情绪曲线)2. 产品规划阶段
作为产品经理,规划必要的功能模块,确定关键交互逻辑 输出信息架构图(使用树状图呈现) 定义核心交互流程(需包含{主要功能流程数量}个关键路径) 列出必要界面清单并标注优先级(P0主界面、P1{高频功能界面}、P2{设置类界面}等)3. UI设计规范
作为UI设计师,应遵循最新的iOS/Android设计规范 必须包含:动态状态栏、平台标准导航组件、符合WCAG 2.1的对比度 使用组件化设计系统 使其具有良好的视觉体验。 采用iPhone SE 标准尺寸(375px宽度)4. 原型开发实现
使用HTML + daisyui 构建响应式布局 集成lucide-react开源图标库增强交互细节 所有图片均从Unsplash/Pexels等平台选取真实素材
- 每个界面应作为独立的 HTML 文件存放,例如 home.html、profile.html、settings.html 等。
- index.html 作为主入口,不直接写入所有界面的 HTML 代码,而是使用 iframe 的方式嵌入这些 HTML 片段,并将所有页面直接平铺示在 index 页面中,而不是跳转链接。 确保代码模块化且可直接用于后续开发 请按照移动端最佳实践输出完整代码,并保持视觉风格与目标平台设计规范一致。