Créer un footer attrayant peut être un défi sans une approche structurée.
Un design désorganisé peut nuire à l’attrait visuel et à la fonctionnalité de votre site.
Cet article explore des étapes clés pour concevoir un footer harmonieux et professionnel.
Perfectionnez vos designs pour une expérience fluide sur Web et Mobile avec Figma
On termine cette étape de designing avec la page footer. Pour cela, on débute avec le titre que l’on va designer ainsi :
Vient ensuite le texte indiquant la durée de l’événement.
Après, vous pouvez ajouter les deux images de l’article sur le footer comme sur l’image :
À présent, pour pouvoir afficher les logos qui sont en blanc, vous devriez changer la couleur du frame en noir et enlever le rectangle qui servait de couleur au début. Mais avant ça, changez d’abord la couleur du texte en blanc.
Importer maintenant les logos se trouvant dans la partie Ressources .
Détacher les logos de son frame et ajuster leurs emplacements comme cela vous semble puis regrouper les à nouveau.
Enfin, mettez les composants pour les boutons de la page footer en prenant en compte de correspondre les espacements entre ces derniers.
On a déjà parcouru pas mal de chemin jusqu’ici en passant par les wireframes et les composants pour finir avec ce design que l’on vient de créer. Nous avons vu qu’avant de commencer cette étape, il est d’important d’avoir toutes les ressources en main ainsi que les contenus textuels pour pouvoir aboutir à un design harmonieux. Dans la partie qui va suivre, nous allons mettre en vie notre site en transformant notre design en prototype.
Formez-vous gratuitement avec Alphorm !
Maîtrisez les compétences clés en IT grâce à nos formations gratuites et accélérez votre carrière dès aujourd'hui.
FAQ
Comment concevoir un footer harmonieux ?
Quel est le rôle des couleurs dans le design de footer ?
Comment intégrer les logos dans un footer ?
Quels composants ajouter dans un footer pour un design réussi ?
Pourquoi est-il important de préparer les ressources avant le design du footer ?
Conclusion
En concevant un footer harmonieux, vous améliorez l’esthétique de votre site. Quelle sera votre prochaine étape pour perfectionner le design global de votre site web ?
