Wix Mobile Apps: Das Design deiner Mobile-App anpassen
10 Min.
In diesem Artikel
- Das Farbdesign deiner App ändern
- Das Textdesign deiner App ändern
- Das Buttondesign deiner App ändern
- Den Kopfzeilenstil deiner App ändern
Passe das Design deiner nativen App an deine Marke an. Passe das Farb-, Text-, und Buttondesign und den Kopfzeilenstil an. So kannst du eine einzigartige App gestalten und deinen Besuchern ein einheitliches Nutzererlebnis bieten.
Hinweise:
- Du musst ein App-Premiumpaket erwerben, um das Design deiner App vollständig anpassen zu können.
- Änderungen an der Farbe und dem Textdesign deiner App wirken sich auf alle Screens deiner App aus.
Das Farbdesign deiner App ändern
Wähle ein Farbdesign, um für deine Besucher die richtige Stimmung zu erzeugen. Passe einzelne Farben an, damit alles einheitlich bleibt und sich die Lesbarkeit auf verschiedenen Bildschirmen und Elementen verbessert.
Website-Verwaltung
Wix App
Wix Studio App
- Öffne die App in deiner Website-Verwaltung.
- Klicke auf den Tab mit dem Namen deiner eigenen App.
- Klicke auf App bearbeiten.
- Klicke im linken Panel auf Design.
- Klicke neben Farbdesign auf das Symbol für Bearbeiten
. - Wähle aus, was du tun möchtest:
- Das Farbdesign ändern: Klicke auf Farbdesign ändern, um ein neues voreingestelltes Farbdesign auszuwählen.
- Elementfarben individuell anpassen: Wähle aus, welche Farben bearbeitet werden sollen:
- Primär: Wähle eine neue Hauptfarbe für deine App aus.
- Text und Symbole: Wähle eine neue Farbe für den Haupttext und die Social-Media-Symbole.
- Hintergrund: Wähle eine neue Farbe für den App-Hintergrund.
- Klicke oben rechts auf Speichern.
Das Textdesign deiner App ändern
Wähle ein Textdesign, um den Stil und die Lesbarkeit deiner App festzulegen und sorge so für Übersichtlichkeit und Einheitlichkeit über den gesamten Inhalt deiner App.
Website-Verwaltung
Wix App
Wix Studio App
- Öffne die App in deiner Website-Verwaltung.
- Klicke auf den Tab mit dem Namen deiner eigenen App.
- Klicke auf App bearbeiten.
- Klicke im linken Panel auf Design.
- Klicke neben Textdesign auf das Symbol für Bearbeiten .
- Wähle aus, was du tun möchtest:
- Das Textdesign ändern: Klicke auf Textdesign ändern, um ein neues Schriftdesign auszuwählen.
- Text individuell anpassen: Wähle eine Schriftart für die Überschriften und den Text deiner App aus.
- Klicke oben rechts auf Speichern.
Das Buttondesign deiner App ändern
Passe deine Buttondesigns an den Stil deines Unternehmens an. Diese Designs gelten für alle Buttons in deiner App und gewährleisten so ein einheitliches Nutzererlebnis. Wähle aus voreingestellten Designs oder passe einzelne Elemente wie Farben, Ränder, Text und Eckradius an. Du kannst deine Änderungen in der Live-Vorschau ansehen, während du sie vornimmst.
Website-Verwaltung
Wix App
Wix Studio App
- Öffne die App in deiner Website-Verwaltung.
- Klicke auf den Tab mit dem Namen deiner eigenen App.
- Klicke auf App bearbeiten.
- Klicke im linken Panel auf Design.
- Klicke neben Buttondesign auf das Symbol für Bearbeiten .
- Wähle aus, was du tun möchtest:
- Ein voreingestelltes Design für deine Buttons wählen: Klicke auf Buttondesign ändern und wähle ein Design aus. Die verfügbaren Designs basieren auf dem Farbschema deiner App.
- Buttons individuell anpassen: Klicke auf den Tab Primär oder Sekundär und passe dann die Buttons an, indem du Form, Hintergrund, Text und Rand der Buttons bestimmst.
Hinweis: Um die Farben deines Designs zu ändern, klicke im Pop-up Farbe auswählen auf Bearbeiten. Passe die Haupt-, Text-, Symbol- und Hintergrundfarben im Abschnitt Farbdesigns an.
- Klicke oben rechts auf Speichern.
Den Kopfzeilenstil deiner App ändern
Wenn du deine eigene native App erstellst, kannst du wählen, ob deine Kopfzeile eine Hintergrundfarbe haben (von der Hauptfarbe deiner App übernommen) oder transparent sein soll.
Hinweis:
Der Kopfzeilenstil, den du hier auswählst, wirkt sich auf die minimalistische Kopfzeile aus. Erfahre hier mehr über den Unterschied zwischen den Kopfzeilentypen und wie du sie anpassen kannst.
Website-Verwaltung
Wix App
Wix Studio App
- Öffne die App in deiner Website-Verwaltung.
- Klicke auf den Tab mit dem Namen deiner eigenen App.
- Klicke auf App bearbeiten.
- Klicke im linken Panel auf Design.
- Klicke neben Kopfzeilendesign auf das Symbol für Bearbeiten .
- Wähle die Farbe deiner Kopfzeile, indem du entweder die Haupt- oder Hintergrundfarbe verwendest, die du für deine App festgelegt hast.
- Klicke oben rechts auf Speichern.
Tipp:
Arbeite schneller, indem du Tastenkürzel verwendest, während du deine App in der Website-Verwaltung bearbeitest. Klicke im App-Baukasten auf das Symbol für Weitere Aktionen 
und wähle Tastaturkürzel, um dir die verfügbaren Tastaturkürzel anzeigen zu lassen.
und wähle Tastaturkürzel, um dir die verfügbaren Tastaturkürzel anzeigen zu lassen.