Diskussion

Neumorphe Power Moves Mobile-App-Benutzeroberflächen-Prompt

Von Wikiprompt, der freien Prompt-Enzyklopädie

Edizkan ⭕🦇
Beigetragen vonEdizkan ⭕🦇XQuelle

28. Okt. 2026

Neumorphe Power Moves Mobile-App-Benutzeroberflächen-Prompt Ein umfassender Bildgenerierungs-Prompt zur Erstellung einer neumorphen Mobile-App-Oberfläche, die die Power-Moves eines Charakters in einem strengen 2x3-Raster mit einer Navigation aus fünf Tabs anzeigt, mit Betonung auf der Erhaltung der Charakteridentität und einem Premium-Design.

Zugehörige Medien

Prompt-InhaltSpeichern

🌐
**APP NAME: ** Erstelle eine Premium-Neumorphismus-Mobile-App-Oberfläche, die die **Power Moves** der hochgeladenen Referenzfigur präsentiert, wobei jeder Move mit einzigartigen Aktionsposen und kreativen VFX dargestellt wird. CHARAKTER-IDENTITÄT (ABSOLUTE PRIORITÄT) Bewahre die exakten Proportionen, Augenform, Abstände, den Stil, die Silhouette, Farben, Materialien und wiedererkennbaren Designmerkmale der Figur in jeder Illustration. Humanisiere nicht, interpretiere die Anatomie nicht neu und erfinde keine Gesichtszüge. Füge keinen Mund oder keine Nase hinzu, wenn die Originalfigur diese nicht hat. APP-ARCHITEKTUR (STRENGE LAYOUT-SPERRE) Entwirf EINE vollständige, vertikale Mobile-App-Oberfläche mit der folgenden verbindlichen Struktur: 1. KOPFZEILE (benutzerdefinierte Schriftart, die den Stil der Figur widerspiegelt) • App-Name "(-----)" prominent oben angezeigt. • **"POWER MOVES"** -Überschrift direkt darunter. • Kleiner neumorpher Menü-Button oben links. • Kleiner neumorpher Benachrichtigungs-Button oben rechts. 2. POWER-MOVES-RASTER (KRITISCH) Zeige genau **SECHS einzelne Power-Move-Karten**, angeordnet in einem strengen **2-Spalten × 3-Zeilen-Raster**. • Alle sechs Karten haben gleiche Breite und Höhe. • Karten sind vertikal ausgerichtete abgerundete Rechtecke. • Konsistente Abstände zwischen Zeilen und Spalten. • Das Raster füllt den Hauptinhaltsbereich zwischen Kopfzeile und unterer Navigation. • Jede Karte zeigt eine klare, erkennbare Ganzkörper-Illustration derselben Figur, die einen einzigartigen Power Move ausführt. • Jede Karte enthält einen kurzen Move-Namen direkt unterhalb der Figuren-Illustration. • Füge ein kleines spielstil-Statistik-Abzeichen mit der Beschriftung "DMG" und ein kompaktes Aktions-Steuerelement am unteren Rand jeder Karte hinzu. • Posen müssen visuell deutlich unterscheidbar, dynamisch ausdrucksstark und mit kreativen VFX verstärkt sein. Die Figuren-Illustrationen, Power Moves, der Rendering-Stil, Effekte, Move-Namen und Statistiken werden für jede neue Figur kreativ generiert. 3. UNTERE NAVIGATION (STRENGE SPERRE) Füge eine feste Navigationsleiste über die gesamte untere Breite der App ein, die genau FÜNF gleichmäßig verteilte Tabs in dieser Reihenfolge enthält: HOME | BATTLE | MOVES | LOCKER | SHOP Jeder Tab enthält ein passendes Symbol über seiner Beschriftung. Der **MOVES**-Tab ist visuell als aktiver Bereich hervorgehoben. Alle fünf Navigationselemente müssen klar sichtbar, korrekt beschriftet und innerhalb des App-Panels positioniert bleiben. VISUELLES DESIGN (KREATIVE FREIHEIT) Verwende Premium-Neumorphismus als Kern-Designsprache mit erhabenen und vertieften Panels, taktilen Buttons, abgerundeten Ecken, subtilen Verläufen und eleganten dimensionalen Schatten. Gib dem Bildmodell volle kreative Freiheit über: • App- und Hintergrundfarben, gewählt, um die hochgeladene Figur bestmöglich zu ergänzen. • Figuren-Illustration und Rendering-Stil, während die Identität bewahrt bleibt. • Einzigartige Power Moves und ihre begleitenden VFX. • Typografie, Farbakzente, Kartenstil, Symbole und Oberflächenmaterialien der UI. • Dekorative Details, die die Persönlichkeit der Figur verstärken. Behalte das Sechs-Karten-Raster und die Fünf-Tab-Navigationsarchitektur unabhängig vom gewählten visuellen Thema bei. PRÄSENTATIONSKOMPOSITION (ABSOLUTE SPERRE) Das finale Bild ist eine Premium-UI/UX-Designpräsentation, KEIN Vollbild-Screenshot. Zeige genau EINE vollständige, hohe Mobile-App-Oberfläche, die unabhängig in der Mitte einer quadratischen Leinwand schwebt. • Die App nimmt ungefähr 75–80 % der Leinwandhöhe ein. • Behalte großzügigen, klar sichtbaren leeren Hintergrundraum auf allen vier Seiten bei. • Das gesamte App-Panel, einschließlich abgerundeter oberer und unterer Ecken, muss sichtbar sein. • Eigenständige rahmenlose digitale Oberfläche, nicht in einem physischen Smartphone. • Perfekt frontale orthografische Ansicht. • Kein Zuschneiden, keine perspektivische Verzerrung, keine Drehung oder randlose UI. HINTERGRUND & SCHWEBETIEFE Verwende einen sauberen, nahtlosen Studiohintergrund, dessen Farbe sich harmonisch an App und Figur anpasst. Weiches, gerichtetes Studiolicht erzeugt feine Kanten-Highlights und Tiefe auf den neumorphen Oberflächen. Ein breiter, weicher Schlagschatten erstreckt sich unterhalb und leicht seitlich des App-Panels und erzeugt eine überzeugende, schwebende Präsentation. FOKUS & RENDERING Hochwertige UI/UX-Produktvisualisierung mit gestochen scharfen Figuren-Illustrationen, lesbarer Typografie, sorgfältig kontrollierten Schatten, subtiler Umgebungsverdeckung und sauberen dimensionalen Oberflächen. Halte die UI scharf gerendert und den umgebenden Hintergrund minimal. **FINALER MASTER-LOCK (ÜBERSCHREIBT KREATIVE FREIHEIT)** Bewahre diese exakte strukturelle Hierarchie in jeder Generierung: **App-Name → POWER MOVES-Überschrift → sechs gleich große Posenkarten in einem 2 × 3-Raster → Fünf-Tab-Unternavigation.** Die Farben der App, Figurenposen, VFX und visuellen Behandlungen können frei variieren, aber die Rasterarchitektur, Navigationsbeschriftungen, schwebende Präsentation und Gesamtkomposition müssen konsistent bleiben. Ersetze das Raster nicht durch eine hervorgehobene Karte, horizontale Liste, übergroße Helden-Illustration oder scrollenden Feed. Entferne, benenne um, ordne neu an oder schneide keine der sechs Karten oder fünf Navigations-Tabs zu. ar 1:1

Melde dich an, um den vollständigen Prompt zu sehen

Weiter mit:

Mit der Anmeldung akzeptierst du unsere Nutzungsbedingungen und Datenschutz

Verwendung

Dieser Prompt ist für die Verwendung mit creative gedacht. Kopiere den Inhalt oben und füge ihn in dein bevorzugtes KI-Tool ein.

Für beste Ergebnisse passe die Platzhalter (eckige Klammern oder Großbuchstaben) an deine Anforderungen an.

Referenzen

Kategorien:creative| twitter| ai-image-prompt| neumorphic-ui

Diskussion