--- title: "Farbabstufung und mobile Anwendung" description: "Wie Sie vielleicht bemerkt haben, ist die Abstufung von Farben in diesem Jahr ein unumgänglicher Online-Trend. GoodBarber macht es Ihnen jetzt leicht, diese v" canonical_url: "https://de.goodbarber.com/blog/farbabstufung-und-mobile-anwendung-a833/" lang: de date: 2017-09-29 last_updated: 2021-04-06 --- # Farbabstufung und mobile Anwendung [Zurück](/blog/mach-es-r13/) # Farbabstufung und mobile Anwendung Written by [Jerome Granados](https://de.goodbarber.com/blog/author/jerome-granados/) on Freitag 29 September 2017· Letzte Aktualisierung: Dienstag 6 April 2021 ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/79767593-57712189.jpg?v=1713969714.50702) Wie Sie vielleicht bemerkt haben, ist die Abstufung von Farben in diesem Jahr ein unumgänglicher Online-Trend. GoodBarber macht es Ihnen jetzt leicht, diese verschiedenen Farben in Ihrer App hinzuzufügen. ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/79767593-57712190.jpg?v=1713969714.7410033) Bis vor kurzem war das Übernehmen eines Farbverlaufs in einem Design eine mühselige Angelegenheit. Sie mussten einen Designer beauftragen, ein Foto des Farbverlaufs zu erstellen und dieses dann an der gewünschten Stelle in der richtigen Größe hochzuladen. Zusätzlich zu den vielen Schritten, die notwendig sind, um ein einfaches Ergebnis zu erzielen, machen Muster in Form von Bildern die Seiten schwerer und erhöhen die Downloadzeiten und den Bandbreitenverbrauch. Webbrowser sind in der Lage, Farbverläufe anhand der Anweisungen in den Stylesheets (CSS3 Gradients) zu erstellen. Sie müssen lediglich die Startfarbe, die Endfarbe und die Richtung angeben. Der Farbverlauf wird erstellt, wenn die Seite angezeigt wird. Es gibt kein Hochladen von Fotos mehr. Es gibt sogar noch einen weiteren Vorteil: Wenn Sie in die Seite hineinzoomen, wird der vom Browser erzeugte Farbverlauf nicht verpixelt! Ein Kinderspiel! ## Farbverlaufsgenerator ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/79767593-57712191.jpg?v=1713969714.9694197) Nachdem die technischen Einschränkungen beseitigt sind, bleibt die größte Herausforderung die künstlerische. Nicht jeder, und ich bin der erste, hat ein Auge dafür, die beste Farbharmonie für seinen Farbverlauf zu wählen! Aus diesem Grund haben wir ein System entwickelt, mit dem Sie Ihren Farbverlauf aus einer umfangreichen Bibliothek auswählen können (diese Bibliothek ist mit dem Dienst https://uigradients.com login verbunden). Sobald Sie ein Muster ausgewählt haben, wird es automatisch generiert und auf das Design Ihrer App übertragen. Der Farbverlaufsgenerator verfügt über einen Filter, mit dem Sie die gesuchte Primärfarbe auswählen können und alle damit verbundenen Variationen und Trends sehen können. ## Wo übernehmen? ![](https://cmsphoto.ww-cdn.com/superstatic/129568/art/grande/79767593-57712192.jpg?v=1713969715.1323445) GoodBarber ermöglicht Ihnen das Übernehmen von Farbverläufen an vielen Stellen in Ihrer App : - die Navigationsleiste - die Navigationsmodi - die Logbox - die Schaltflächen - die Kopfzeile und den Hintergrund - der Splashscreen - das App-Symbol Je nachdem, wo Sie Ihren Farbverlauf übernehmen, kann es erforderlich sein, Ihre App neu zu kompilieren und ein Update in den Stores einzureichen. Um dies herauszufinden, folgen Sie einfach den Anweisungen auf der Seite *Veröffentlichen > Versionen*, nachdem Sie Ihre Änderungen vorgenommen haben. Einige unserer Entwürfe wurden mit Hilfe des Farbverlaufsgenerators erstellt. Werfen Sie einen Blick auf *Blurred*, *Blurred V2*, *NightDrive*, *Sunset* und *Stardust*, um das großartige Ergebnis zu sehen. UM WEITER ZU **GEHEN :** - [Wie erstellt man ein markantes Meine App Logo?](https://de.goodbarber.com/blog/comment-creer-un-logo-memorable-pour-votre-application-mobile-a959/) Welches Werkzeug, welche Größe, welche Form und welche Farben sollten Sie wählen? Verlassen Sie sich nicht nur auf Trends und entdecken Sie unsere Tipps und Tricks für ein einzigartiges Logo! - Möchten Sie [eine Online App erstellen](https://de.goodbarber.com/blog/comment-creer-une-app-idee-design-developpement-a871/)? Egal, ob Sie Hilfe bei der Auswahl des Designs und der Farben Ihrer App benötigen oder welche Technologie Sie für Ihre Bedürfnisse verwenden sollten (nativ für iOS und Android-App, PWA etc.), das GoodBarber-Tool ist da, um Sie zu begleiten! ![Jerome Granados](https://blog.goodbarber.com/_public/profile/1b/1b6453892473a467d07372d45eb05abc2031647a-default.jpg) Über den Autor[Jerome Granados](https://de.goodbarber.com/blog/author/jerome-granados/)CMO Ich bin CMO und Mitgesellschafter von GoodBarber. In diesem Blog teile ich praktische Tipps, wie Sie das Beste aus GoodBarber herausholen können, Analysen zu den Trends, die die Mobile- und No-Code-Welt verändern, sowie einige Gedanken zu den Auswirkungen von künstlicher Intelligenz auf unsere Branche. Wenn ein Artikel bei Ihnen eine Frage, eine Idee oder ein Feedback auslöst, lassen Sie uns in den Kommentaren darüber sprechen. [Mehr erfahren](https://de.goodbarber.com/blog/author/jerome-granados/) [![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://www.linkedin.com/in/jeromegranados/)[![X](https://portal.ww-cdn.com/portal_static/svg/base2021/x.820492c586dd.svg)](https://x.com/jeromegranados)[![Facebook](https://portal.ww-cdn.com/portal_static/svg/base2021/fb.be37c82b8283.svg)](https://www.facebook.com/jerome.granados)[![Instagram](https://portal.ww-cdn.com/portal_static/svg/base2021/instagram.e3b82841d5d7.svg)](https://www.instagram.com/jeromegranados/)[![Pinterest](https://portal.ww-cdn.com/portal_static/svg/base2021/pinterest.3ba400801cb2.svg)](https://www.pinterest.com/jeromegranados/)