Préparer un fichier pour impression
Plusieurs étapes sont nécessaires pour la préparation de fichiers à l’impression Le Format du document : PDF (de préférence PDF/X-1a ou PDF/X-4) Le mode de couleur : à moins d’indications contraires, s’assurer que le profil est en CMYK et qu’aucune « couleur spot » n’est utilisé. La résolution : Les visuels sont à une résolution adéquate selon […]
La psychologie des couleurs en design
La psychologie des couleurs est l’étude de la façon dont les couleurs que nous percevons influencent nos pensées et nos émotions. Sir Isaac Newton a démontré que la lumière blanche claire était composée de sept couleurs visibles. En établissant scientifiquement notre spectre visible, les couleurs que nous voyons dans un arc-en-ciel, Newton a ouvert la […]
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 et reels : 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 […]
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 de sites web : Dossier XD Un fichier XD par site web contenant tous les sprints. Conserver uniquement la version la plus récente de chaque page. Chaque sprint doit être clairement identifié en vert dans le fichier XD pour faciliter la navigation et le […]