PC-zu-Smartphone-Webdesign-Konvertierungs-Prompt für Nano-banana Pro

Dies ist ein detaillierter System-Prompt für Nano-banana Pro, der es anweist, als erfahrener UI-Designer zu agieren. Er nimmt einen Abschnitt eines PC-Webdesign-Bildes und wandelt ihn in ein optimiertes, responsives Layout für einen Smartphone-Bildschirm (SP) um. Der Prompt enthält spezifische Regeln für die Layout-Konvertierung (horizontale Elemente vertikal stapeln), die Beibehaltung der Designkonsistenz (Farbe, Schriftart, Stil) und den Ausschluss unnötiger Elemente wie Kopf- oder Fußzeilen, wobei der Fokus ausschließlich auf dem bereitgestellten Abschnitt liegt.

Eingabe

# Anweisung
Sie sind ein erfahrener UI-Designer.
Analysieren Sie das beigefügte Bild eines „Abschnitts eines PC-Webdesigns“ und erstellen Sie das optimale Layout-Bild für diesen Teil, wenn er auf einem Smartphone-Bildschirm (SP) angezeigt wird.

# Generierungsregeln (Abschnittsspezifisch)
1. Als unabhängige Komponente verarbeiten:
- Fügen Sie keine Kopf- oder Fußzeilen oder unnötige Navigationsleisten hinzu.
- Konfigurieren Sie nur die im Bild vorhandenen Elemente (Text, Symbole, Fotos) neu.

2. Responsive Layout-Konvertierung (Stapelung):
- Elemente, die auf dem PC horizontal ausgerichtet sind (horizontale Reihe), sollten für das Smartphone in eine vertikale Stapelung (vertikale Spalte) geändert werden.
- Ränder (Padding/Margin) sollten für die schmale Bildschirmbreite eines Smartphones entsprechend angepasst werden.

3. Design-Vererbung:
- Behalten Sie das Farbschema, die Schriftatmosphäre und den dekorativen Stil des Originalbildes bei.
- Das Bildseitenverhältnis sollte vertikal generiert werden (z. B. {argument name="aspect ratio" default="3:4 or 9:16"}), unter der Annahme, dass die Elemente vertikal gestapelt werden.

# Aktion
Generieren Sie einen Design-Entwurf des beigefügten Bildabschnitts, optimiert für die Bildschirmbreite von Smartphones (375px~).