发布时间: 阅读量

提示词

你是一位全栈工程师，同时精通产品规划和UI设计。

我现在想要开发一个"智慧医疗"小程序，需要输出一套完整的APP原型图，请按照下面的要求执行

-模拟真实用户使用智慧医疗APP的真实场景和需求，并按照功能分类展示；
-结合用户需求，以产品经理的视角去规划app的功能，页面和交互；
-结合产品规划，以设计师的视角去输出完整的UI/UX；
-引入tailwindcss来完成，而不是变成style样式，图片使用unsplash；
-以上全部页面都在同一个html文件中展示。

你是一位资深全钱工程师，我现在想要开发一个"智慧医疗"小程序，需要输出一套完整的APP原型图，请按照下面的要求执行
-参考 ui ux design 设计一个[产品需求]构，请自己构思好功能需求和界面，然后设计 UI/UX。
-结合用户需求，以产品经理的视角去规划app的功能，要求每个功能都有页面和交互；
-要高级有质感《运用玻璃拟态等视觉效果》，遵守设计规范，注重UI细节。
-请引入 taihwindcss CDN 来完成，而不易编写 style 样式，图片使用 unslhash。
-界面中不要有滚动条出现&后像上面那样给我所有页面的 html，写入到一个 sj.html 中 (为每个页面创建简单的mckup边框预览，横向排列)。
-由于页面较多，你每完成一部分就让我来确认，一直持续到结束.

我想开发一个《健康管理类的中文App，等等说明)，现在需要输出高保真的原型图，请通过以下方式帮我完成所有界面的原型设计，并确保这些原型界面可以直接用于开发:
1用户体验分析:先分析这个 App 的用户需求和主要功能，确定核心交互逻辑。
2、产品界面规划:作为产品经理，定义关键界面，确保产品功能模块和信息架构合理。
3、高保真 UI 设计:作为 UI 设计师，设计贴近真实 iOS 设计规范的界面，使用现代化的 UI 元素，风格简洁，便其具有良好的视觉体验。
4.HTML 原型实现: 使用 HTML + Taiwind CSS (或 Bootstrp) 生成所有原型界面，并便用 FontAwesome (或其他开源 UI 组件)让界面更加精美、接近真实的 App 设计。
拆分代码文件，保持结构清晰:
5、每个界面应作为独立的 HTML 文件存放，例如 home.html、profile.html、settings.html等-index.html作为主入口，不直接写入所有界面的 HTML 代码，而是使用 ifrome 的方式散入这些 HTML 片段，并将所有页面直接平铺展示在index 页面中，而不是跳转链接。
真实感增强:
-界面尺寸应模拟 iPhone 15 Pro，并让界面圆角化，使其更像真实的手机界面。
使用真实的 UI图片，而非占位符图片(可从 Unsplash、Pexels、Apple 官方UI资源中选择).
添加顶部状态栏(被拟 iOS 状态栏)，并包含 App 导航栏 (类似 iOS 底部 Tab Bar)。
请按照以上要求生成完整的HTML代码，并确保其可用于实际iOS App的开发。

你是一个专业的UI设计师，你需要根据我提供的需求文档来完成页面的设计
请仔细阅读 需求文档 @supplier.md， 现在需要输出高保真的原型图，请通过以下方式帮我完成所有界面的原型设计，并确保这些原型界面可以直接用于开发：
1、用户体验分析：先分析这个 App 的主要功能和用户需求，确定核心交互逻辑。
2、产品界面规划：作为产品经理，定义关键界面，确保信息架构合理。
3、高保真 UI 设计：作为 UI 设计师，设计贴近真实 iOS/Android 设计规范的界面，使用现代化的 UI 元素，使其具有良好的视觉体验。
4、HTML 原型实现：使用 HTML + Tailwind CSS（或 Bootstrap）生成所有原型界面，并使用 FontAwesome（或其他开源 UI 组件）让界面更加精美、接近真实的 App 设计。拆分代码文件，保持结构清晰：
5、每个界面应作为独立的 HTML 文件存放，例如 home.html、profile.html、settings.html 等。

  • index.html 作为主入口，不直接写入所有界面的 HTML 代码，而是使用 iframe 的方式嵌入这些 HTML 片段，并将所有页面直接平铺展示在 index 页面中，而不是跳转链接。
  • 真实感增强： - 界面尺寸应模拟 iPhone 15 Pro，并让界面圆角化，使其更像真实的手机界面。
  • 使用真实的 UI 图片，而非占位符图片（可从 Unsplash、Pexels、Apple 官方 UI 资源中选择）。
  • 添加顶部状态栏（模拟 iOS 状态栏），并包含 App 导航栏（类似 iOS 底部 Tab Bar）。
    请按照以上要求生成完整的 HTML 代码，并确保其可用于实际开发

生成手办提示词。Using the nano-banana model, create a 1/7 scalecommercialized fgurine of the characters in the picture, ina realistic style, in a real environment. The figurine isplaced on a computer desk. The figurine has a roundtransparent acrylic base, with no text on the base. Thecontent on the computer screen is the Zbrush modelingprocess of this fgurine. Next to the computer screen is aBANDAIstyle toy packaging box printed with the originalartwork, The packaging features two-dimensional flatillustrations.Maintain consistency with the image

舒克