Wiki pour l'équipe Futée

Envoi Publicité LaPresse+

L’envoi des fichiers pour les pubs LaPresse+ se fait en 2 portions. Premièrement il faut monter la publicité dans un logiciel Adobe (InDesign, Illustrator, Photoshop). Si la publicité est animée, il faut mettre les icônes et éléments graphiques propres à LaPresse+ disposés aux endroits souhaités. Par la suite, l’exporter en aplat JPEG ou PNG. Les […]

Ressources et bibliothèque d’éléments dans Figma

Une panoplie de ressources est disponible gratuitement à même l’application Figma. Il suffit d’aller dans l’onglet Communauté sur la page d’accueil pour y avoir accès. Pour faciliter la production des maquettes de sites web à l’interne, une bibliothèque a été mise en place avec plusieurs éléments déjà sélectionnés. Icônes, médias sociaux, modes de paiement, boutons, […]

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 […]