Blog

Dégradé de couleurs et application mobile

Comme vous avez dû le remarquer, le dégradé de couleurs est une tendance incontournable en ligne cette année.

Désormais, GoodBarber vous permet d'ajouter facilement ces différentes palettes de couleurs dans votre app.
Jusqu'à peu, pour appliquer un dégradé de couleurs dans un design, c'était fastidieux. Il fallait demander à un designer de produire l'image du dégradé, puis d'uploader cette image à l'endroit désiré, à la bonne taille. En plus de multiplier les étapes pour parvenir à un résultat finalement assez simple, des motifs sous forme d'image rajoutent du poids dans les pages, augmentent les temps de téléchargement et la consommation de bande passante.  

Les navigateurs web sont capables de créer des dégradés de couleurs à partir des instructions contenues dans les feuilles de style (CSS3 Gradients). Il suffit d'indiquer la couleur de départ, la couleur d'arrivée et la direction. Le dégradé est créé au moment de l'affichage de la page. Il n'y a plus de téléchargement d'image. Il y a même un avantage supplémentaire : si l'on zoom dans la page, le dégradé généré par le navigateur ne sera pas pixellisé! Un jeu d'enfant! 

Générateur de dégradés

La contrainte technique étant levée, le plus gros challenge qui reste est artistique. Tout le monde, moi le premier, n'a pas l'oeil pour choisir la meilleure harmonie de couleur pour son dégradé!

C'est la raison pour laquelle nous avons développé un système permettant de choisir son dégradé dans une bibliothèque très complète (cette librairie est connectée au service https://uigradients.com). Une fois les motifs choisis, il sont générés automatiquement et appliqué au design de votre app.

Le générateur de dégradé dispose d'un filtre, vous permettant de choisir la couleur principale que vous recherchez et voir toutes les déclinaisons et tendances associées.

Ou l'appliquer ?

GoodBarber vous permet d'appliquer des dégradés de couleurs dans de nombreux endroits de votre app :
- la navBar
- les modes de navigation
- la boite de log
- les boutons
- le header et le background
- le splashscreen 
- l'icone de l'app

En fonction de l'endroit où vous appliquez votre dégradé, il peut être nécessaire de re-compiler et de soumettre une mise à jour de votre app dans les stores. Pour le savoir, une fois vos modifications effectuées, il suffit de suivre les indications de la page Publier > Versions

Certaines de nos maquettes ont été désignées en utilisant le générateur de dégradés. Jetez un oeil à Blurred, Blurred V2, NightDrive, Sunset et Stardust pour voir le magnifique résultat.
POUR ALLER PLUS LOIN : 
  • Comment mettre sur pied le logo d'app qui marque ? Quel outil, quelle taille, quelle forme ou encore quelles couleurs choisir ? Ne vous fiez pas uniquement aux tendances et découvrez nos astuces pour créer un logo unique !
  • Vous souhaitez réaliser une app en ligne ? Que ce soit pour vous aider à choisir le design et les couleurs de votre app ou encore quelle technologie utiliser en fonction de vos besoins (native pour iOS et Android, PWA etc), l'outil GoodBarber est là pour vous accompagner ! 

À lire aussi

  4 min de lecture

Vos événements et collectes Zeffy s'affichent dans votre app

En bref. Zeffy Événements et Zeffy Campagnes sont deux extensions de GoodBarber, l'app builder sans code, qui lisent les campagnes d'un organisme sur Zeffy. Zeffy Événements remplit une section Agenda avec les événements à venir, une entrée par date quand un événement a lieu plusieurs fois, chacune avec un bouton qui ouvre la billetterie Zeffy dans l'app. Zeffy Campagnes remplit une section Article avec les formulaires de don, les collectes entre pairs et les adhésions : l'adhésion s'ouvre dans l'app, le don dans le navigateur du téléphone. Vous les connectez avec votre clé d'API Zeffy. Elles sont gratuites pour les apps Content : chaque section compte pour une des extensions incluses dans votre plan.Zeffy indique que plus de 100 000 organismes ont collecté plus de 2 milliards de dollars sur sa plateforme, dans un article publié le 16 juin 2026. Voici comment les deux extensions fonctionnent pour une troupe de théâtre jeunesse qui vend son spectacle et collecte des fonds sur Zeffy.

  6 min de lecture

Comment changer les couleurs de mon app ?

Dans GoodBarber, chaque couleur de votre thème tient un rôle. Sur l'une de nos apps, changer une seule couleur a repeint 95 réglages, sans ouvrir d'écran.

  3 min de lecture

Les événements Church Center de votre église remplissent seuls l'agenda de votre app

En bref. Planning Center est une extension de GoodBarber, l'app builder sans code, qui remplit une section Agenda avec les événements qu'une église publie sur Church Center pour les six mois à venir. Les événements récurrents apparaissent une fois par date, à leurs horaires publics, dans le fuseau horaire de l'église, avec leur visuel, leur lieu et leur description. Quand une inscription est prévue, un bouton ouvre le formulaire dans l'app. Vous la connectez en vous identifiant avec un compte administrateur de Planning Center Calendar : aucune clé à copier. Elle est gratuite pour les apps Content : chaque section compte pour une des extensions incluses dans votre plan.De nombreuses églises tiennent déjà leur agenda dans Planning Center : l'outil revendique 78 000 églises actives et 4 millions d'utilisateurs actifs, selon sa page de présentation, consultée en octobre 2026. Voici comment l'extension fonctionne pour une église qui a un culte chaque semaine et un camp de jeunes.

Conseils pour créer une app