[logseq-plugin-git:commit] 2025-03-11T09:10:36.451Z

pages/原型图设计.md

@@ -0,0 +1,35 @@
+## Cursor原型设计
+- 我想开发一个类似于带有社交功能的netflix 中文 app，现在需要输出高保真的原型图，请通过以下方式帮我完成所有界面的原型设计，并确保这些原型界面可以直接用于开发：
+- 用户体验分析：先分析这个 App 的主要功能和用户需求，确定核心交互逻辑。
+  logseq.order-list-type:: number
+- 产品界面规划：作为产品经理，定义关键界面，确保信息架构合理。
+  logseq.order-list-type:: number
+- 高保真 UI设计：作为UI设计师，设计贴近真实 iOS/Android 设计规范的界面，使用现代化的UI元素，使其具有良好的视觉体验。
+  logseq.order-list-type:: number
+- HTML 原型实现：使用 HTML + Tailwind CSS（或 Bootstrap）生成所有原型界面，并使用FontAwesome（或其他开源 UI组件）让界面更加精美、接近真实的App设计。  拆分代码文件，保持结构清晰：
+  logseq.order-list-type:: number
+	- 每个界面应作为独立的 HTML 文件存放，例如 home.html、profile.html、settings.html等。
+	- index.html 作为主入口，不直接写入所有界面的 HTML代码，而是使用 iframe 的方式嵌入这些 HTML 片段，并将所有页面直接平铺展示在 index 页面中，而不是跳转链接。
+	- 真实感增强：
+		- 界面尺寸应模拟 iPhone 15 Pro，并让界面圆角化，使其更像真实的手机界面。
+		- 使用真实的UI 图片，而非占位符图片（可从 Unsplash、Pexels、Apple 官方UI 资源中选择）。
+		- 添加顶部状态栏（模拟iOS 状态栏），并包含 App 导航栏（类似 iOS 底部 	 Bar）。
+- 请按照以上要求生成完整的 HTML 代码，并确保其可用于实际开发。
+-
+- ## 复习日历
+- 我想开发一个带有复习功能的学习日历 app，可以按照艾宾浩斯遗忘曲线来安排复习，现在需要输出高保真的原型图，请通过以下方式帮我完成所有界面的原型设计，并确保这些原型界面可以直接用于开发：
+- 用户体验分析：先分析这个 App 的主要功能和用户需求，确定核心交互逻辑。
+  logseq.order-list-type:: number
+- 产品界面规划：作为产品经理，定义关键界面，确保信息架构合理。
+  logseq.order-list-type:: number
+- 高保真 UI设计：作为UI设计师，设计贴近真实 iOS/Android 设计规范的界面，使用现代化的UI元素，使其具有良好的视觉体验。
+  logseq.order-list-type:: number
+- HTML 原型实现：使用 HTML + Tailwind CSS（或 Bootstrap）生成所有原型界面，并使用FontAwesome（或其他开源 UI组件）让界面更加精美、接近真实的App设计。  拆分代码文件，保持结构清晰：
+  logseq.order-list-type:: number
+	- 每个界面应作为独立的 HTML 文件存放，例如 home.html、profile.html、settings.html等。
+	- index.html 作为主入口，不直接写入所有界面的 HTML代码，而是使用 iframe 的方式嵌入这些 HTML 片段，并将所有页面直接平铺展示在 index 页面中，而不是跳转链接。
+	- 真实感增强：
+		- 界面尺寸应模拟 iPhone 15 Pro，并让界面圆角化，使其更像真实的手机界面。
+		- 使用真实的UI 图片，而非占位符图片（可从 Unsplash、Pexels、Apple 官方UI 资源中选择）。
+		- 添加顶部状态栏（模拟iOS 状态栏），并包含 App 导航栏（类似 iOS 底部 	 Bar）。
+- 请按照以上要求生成完整的 HTML 代码，并确保其可用于实际开发。