图像 提示词

PC 到智能手机网页设计转换提示,适用于 Nano-banana Pro

这是一个针对 Nano-banana Pro 的详细系统提示,指示其扮演一名熟练的 UI 设计师。它将 PC 网页设计图像的一部分转换为针对智能手机 (SP) 屏幕优化的响应式布局。该提示包含布局转换的具体规则(将水平元素垂直堆叠)、保持设计一致性(颜色、字体、样式),以及排除不必要的元素(如页眉或页脚),只专注于提供的部分。

提示词
# 指令
你是一名熟练的 UI 设计师。
请分析所附的“PC 网页设计的一个部分”图像,并为该部分在智能手机 (SP) 屏幕上显示时生成最佳的布局图像。

# 生成规则(部分特定)
1. 作为独立组件处理:
- 不要添加任何页眉、页脚或不必要的导航栏。
- 仅使用图像中存在的元素(文本、图标、照片)进行重新配置。

2. 响应式布局转换(堆叠):
- PC 上水平对齐的元素(水平行)应更改为智能手机的垂直堆叠(垂直列)。
- 边距(Padding/Margin)应根据智能手机的窄屏幕宽度进行适当调整。

3. 设计继承:
- 保持原始图像的配色方案、字体风格和装饰样式。
- 图像宽高比应生成为垂直方向(例如,{argument name="aspect ratio" default="3:4 or 9:16"}),假设元素将垂直堆叠。

# 行动
生成所附图像部分的单个设计稿,针对智能手机屏幕宽度(375px~)进行优化。

为创作者而生,永久免费。

YouMind 是被全球创作者信赖的 AI 创作助手。这里的每条提示词都经过精选,帮助你更快、更好地创作。

探索更多提示词