Concevoir votre application avec les éléments de Bubble

📅 9 mars 2024

La dernière fois, nous avons vu l’éditeur et cette fois-ci nous allons voir que concevoir votre interface dans Bubble est simple. Il suffit de cliquer sur l’élément que vous voulez et de le dessiner n’importe où sur l’écran pour l’ajouter.

Pour pouvoir suivre ce «tutoriel Bubble», il est conseillé de cliquer sur le bouton du dessus pour voir la vidéo en même temps.

L’assistant d’application nous a donné ce design pour nous donner un coup de pouce et nous allons l’utiliser à notre avantage.
Tout ce que nous voyons sur une page Bubble est un élément.

Pour ajouter le vôtre, jetons un coup d’oeil à l’interface utilisateur du constructeur Bubble.

Nos éléments sont classés dans plusieurs catégories. 

  • Les Visual elements, ou éléments visuels, contiennent les blocs de construction pour votre design
  • Les Containers ou conteneurs permettent d’afficher des choses et maintenir les éléments ensemble
  • Et les champs de formulaires pour collecter ou envoyer des données

Nous organisons ensuite notre interface en plaçant nos éléments dans des groupes.

Ajoutons notre propre élément à cette page, sélectionnons un élément de champ de formulaire et dessinons-le comme ceci, vous pouvez ensuite cliquer dessus et le redimensionner ou le déplacer où vous voulez.

Nous ajoutons cet élément de champ à un groupe existant de notre page.
En ajoutant des éléments à la page, nous créons un arbre d’éléments, qui nous permet de voir comment les éléments sont empilés ensemble dans les groupes.

Cliquez sur PREVIEW pour voir ce que nous avons ajouté à la page et Bubble fait tout le travail pour vous en arrière plan. 
Ces éléments sont déjà construits et prêts à être utilisés.

Vous pouvez donc construire le design que vous imaginez en faisant simplement glisser les éléments sur la page.

Dans la prochaine vidéo, nous allons voir comment ajouter des workflows et en créerons un pour cet élément de champ que nous avons ajouté.

Créez n'importe quel site ou application sans coder ! 🤩

Logo Bubble.io
  • Interface Visuelle Intuitive
  • Très Flexible
  • Base de Données Intégrée
  • Outil Complet
  • Communauté Réactive
  • Nombreux Thèmes et Plugins

Meilleur Hébergeur WordPress du marché 🚀

Logo Kinsta
  • Service 100% Infogéré
  • Services (PHP, MySQL, Nginx...) Et Ressources (12 CPU, 8GB Ram) 100% Isolés
  • Serveurs C3D Google Cloud 2024
  • Staging et Backups Multiples Inclus
  • Cloudflare Entreprise Inclus Gratuitement
  • Migrations Gratuites par Kinsta
  • Support 24/7/365 Expert
  • Hébergement WordPress, NodeJS, Laravel, React...

Meilleur Créateur de sites WordPress 🤯

Logo Breakdance
  • Ultra Complet
  • Très Puissant Et Simple À Utiliser
  • Axé Sur La Performance (Obtenez 100% sur Google)
  • Sites Illimités
  • Créez Des Sites Superbes, Puissants Et Rapides En Un Temps Record !
Laisser un commentaire
Laisser un commentaire

Votre adresse courriel ne sera pas publiée. Les champs obligatoires sont indiqués avec *

    Il n'y a pas encore de commentaire à afficher. Soyez la première personne à laisser un commentaire ! ❤️

    CADEB a été développé avec l'excellent Breakdance, et est hébergé chez Kinsta, le meilleur hébergeur WordPress sur le marché.
    Ce site contient des liens d'affiliation, cela ne vous coûte rien mais vous permet d'apporter indirectement votre soutien pour mon travail.

    ©2024 CADEB, Tous droits réservés. Toute reproduction, même partielle, est interdite.