Partage de ressources – XD
Sélectionnez des calques pour exportation dans XD. 2. Sélectionner tout – Cmb+A 3. Cocher – Marquer pour exportation 4. Cliquez sur Partager pour passer en mode Partage. Sélectionnez Développement. Cochez Ressources tétéchargeables. 5. Cliquez sur Créer un lien.
Contraintes d’intégration de signature courriel
Contexte : le service d’intégration est limité concernant l’intégration des signatures (et en-têtes) dans les courriels Voici la liste à prendre en compte lors de la conception du design : Livrable à fournir : Fichier XD Format idéal : Logo : 100px de large maximum Icônes : 20 à 24px Pour la signature globale […]
Références pour animations web
Voici une liste de références pour tout ce qui touche aux animations web. Widgets https://ultimateelementor.com/widgets/faq/ https://happyaddons.com/elementor-widgets/ https://premiumaddons.com/contact-form-7-widget-for-elementor-page-builder/# Transitions scroll https://nordquantique.ca/fr/accueil (Effet pixellisé) https://und-ny.com/ (Transition intéressante entre les images et les strates) https://www.sogaiart.com/ (Transition intéressante entre les images et les strates) https://populous.com/ (Effet parallaxe bien exécutée au scroll et animation des images lors d’un hover) […]
Bibliothèque UI
Introduction La bibliothèque de composants UI a été développée pour faciliter la création et la gestion des interfaces utilisateur au sein de notre équipe de design. Elle comprend une collection de composants réutilisables, bien définis et cohérents qui respectent nos normes de design. Son objectif est de garantir une expérience utilisateur fluide, de réduire le […]
Formats – Réseaux Sociaux
INSTAGRAM Post: 1080 x 1080 Nouveau format recommandé : 1080 x 1350 (ratio 4:5) Story: 1080 x 1920 Photo de profil : 320 x 320 (recommandé) *Attention de bien centrer le contenu, car le contenu s’adaptera à la forme circulaire. FACEBOOK Photo de profil : 1080 x 1080 ou 1200 x 1200 (ratio […]
Dimensions optimales – Site web
Maquettes Desktop 1920 px Maquettes Mobiles 400 px Favicon 512 x 512 px Menu Hauteur : 50-100 px Caractères Desktop Titre (H1) : 32-48 px Sous-titre (H2) : 24-32px Sous-sous-titre (H3) : 18-24px Texte : 16-18px Petit texte : 12-14px Boutons : 16-20 px Mobile : Titre (H1) : 24-32 px Sous-titre (H2) : 20-24px […]
L’accessibilité en design web : Assurer une expérience inclusive pour tous
L’accessibilité en design web est un enjeu crucial pour garantir que toutes les personnes, indépendamment de leurs capacités, puissent naviguer sur Internet sans obstacles. Cela inclut les personnes en situation de handicap, qu’il s’agisse de déficiences visuelles, auditives, motrices ou cognitives. Au Canada, où la diversité des utilisateurs est immense, l’accessibilité devient non seulement une […]
Nomenclature et gestion des fichiers
Site web XD : SW_Client.xd Maquettes : Sprint0-Nom-page_Client.png Gestion des fichiers : Dossier XD Un fichier XD par site web contenant tous les sprints. Conservez uniquement la version la plus récente de chaque page. Chaque sprint doit être clairement identifié dans le fichier XD pour faciliter la navigation et le suivi des modifications. Lorsqu’une page […]
Tendances design 2025
Micro-interactions et animations de défilement Les micro-interactions sont de petites animations subtiles qui rendent le contenu web plus attrayant grâce au mouvement et à l’interaction. Elles fournissent des conseils et un retour d’information clairs et intuitifs sans occuper beaucoup d’espace. Des exemples incluent les effets de survol, les icônes de chargement et les transitions animées. […]
Contrainte d’intégration infolettre Mailchimp
Contexte : le service d’intégration est limité concernant l’intégration des infolettres sur mailchimp, la plateforme n’étant pas très flexible. Voici la liste à prendre en compte lors de la conception du design : Largeur : 660 px L’utilisation des polices disponibles sur mailchimp (voir la liste ci-dessous). Ne pas mettre des images de background qui […]