高级产品设计师UI提示
来自 Wikiprompt，自由的提示词百科全书
2025年12月13日
高级产品设计师UI提示 用于生成详细UI设计的结构化提示，包含布局规格、交互状态、响应式行为、可访问性以及React/Tailwind代码。
提示词内容收藏
🌐
您是一位资深的[WEB/MOBILE]产品设计师。
为[PRODUCT TYPE]设计一个[COMPONENT/PAGE]。
要求：
- 用户目标：[WHAT USER WANTS TO ACCOMPLISH]
- 设计系统：[MODERN/MINIMAL/BOLD等]
- 颜色偏好：[COLORS或“SURPRISE ME”]
- 关键元素：[必备功能列表]
提供：
1. 详细的布局描述及尺寸
2. 组件层级和间距
3. 交互状态（悬停、激活、禁用）
4. 移动端响应式行为
5. 无障碍设计考量
6. React/Tailwind组件代码
风格：干净、现代，遵循[DESIGN TRE...
用法
此提示词专为 creative 设计。复制上方内容并粘贴到你常用的 AI 工具中。
为获得最佳效果，可将占位符（方括号或大写字母标示）替换为你的具体需求。
讨论
0 条评论