PC 到智能手机网页设计转换提示，适用于 Nano-banana Pro
这是一个针对 Nano-banana Pro 的详细系统提示，指示其扮演一名熟练的 UI 设计师。它将 PC 网页设计图像的一部分转换为针对智能手机 (SP) 屏幕优化的响应式布局。该提示包含布局转换的具体规则（将水平元素垂直堆叠）、保持设计一致性（颜色、字体、样式），以及排除不必要的元素（如页眉或页脚），只专注于提供的部分。
提示词
# 指令
你是一名熟练的 UI 设计师。
请分析所附的“PC 网页设计的一个部分”图像，并为该部分在智能手机 (SP) 屏幕上显示时生成最佳的布局图像。
# 生成规则（部分特定）
1. 作为独立组件处理：
- 不要添加任何页眉、页脚或不必要的导航栏。
- 仅使用图像中存在的元素（文本、图标、照片）进行重新配置。
2. 响应式布局转换（堆叠）：
- PC 上水平对齐的元素（水平行）应更改为智能手机的垂直堆叠（垂直列）。
- 边距（Padding/Margin）应根据智能手机的窄屏幕宽度进行适当调整。
3. 设计继承：
- 保持原始图像的配色方案、字体风格和装饰样式。
- 图像宽高比应生成为垂直方向（例如，3:4 or 9:16），假设元素将垂直堆叠。
# 行动
生成所附图像部分的单个设计稿，针对智能手机屏幕宽度（375px~）进行优化。
如何使用这条提示词
- 1
复制上方完整的提示词。
- 2
打开支持 Nano Banana Pro 的平台（例如 YouMind），把提示词粘贴进去。
- 3
按你的想法替换主体、风格或细节，然后生成。
这是 YouMind 提示词库里的一条免费 AI 提示词。这里还有成千上万条 图像 提示词，都能免费复制和改用。
探索更多 图像 提示词
