Partager :
Maîtrisez la création de chartes graphiques multi-supports
En participant à notre Formation WebDesign, vous saurez mener votre réflexion en amont, afin d’imaginer et de créer la charte graphique idéale. Facteur émotionnel par excellence, le webdesign doit non seulement fait partie intégrante de l’identité visuelle de l’entreprise mais également répondre aux attentes des internautes en terme d’émotion. En effet, la charte graphique détermine en grande partie la première impression en provoquant chez l’internaute des réactions affectives (préférence) et cognitives (crédibilité), plus encore que l’architecture du site.
Cette formation au Webdesign pour apportera les compétences nécessaires à la création d’une charte graphique et à son utilisation pour le développement d’un site web. La charte graphique devra également positionner votre site : le design n’est pas le même si l’on veut évoquer le glamour ou les bonnes affaires… De même, l’ergonomie est très importante car elle améliore l’expérience utilisateur et participe à l’augmentation du ROI (retour sur investissement). On parle aujourd’hui de design émotionnel car l’on souhaite créer un lien propre avec l’internaute, lui transmettre un ressenti. A travers la maîtrise d’Illustrator, de Photoshop WebDesign, de l’HTML5/CSS3 et du Responsive Web Design, cette formation vous rendra autonome pour la conception d’une charte graphique.
Infos pratiques Formation Webdesign
- Stage en présentiel (Lyon & Paris) ou distanciel
- Formation certifiante
- Formateurs experts
- 5 participants maximum
- Organisme situé Part-Dieu sud
Nos formations Webdesign
9 jours / 63 heures
Formation Webdesign sur mesure
Notre programme de formation :
Référence de la formation : PCWEB662
Nombre de stagiaires max. : 5
Public visé :
Toute personne concernée par la création d’une charte graphique.
Objectifs :
Connaître les règles et les techniques de création d’une charte graphique.
Savoir exploiter une charte graphique pour le développement web.
Compétences visées :
Etre capable de créer une charte graphique avec Illustrator et Photoshop
Savoir découper et utiliser une charte pour le développement web
Préparer sa charte graphique pour le Responsive Design (site multisupports)
Moyens techniques et pédagogiques :
Mises en situation par le biais d’exercices.
Répétitions des manipulations pour mémoriser l’utilisation des outils présentés.
Un ordinateur par personne.
Support de cours remis sur clé USB ou en format papier à la fin de la formation.
Évaluation des résultats :
Une évaluation pédagogique (orale et/ou écrite) est effectuée à la fin de votre formation afin d’attester l’acquisition de connaissances.Exercice de synthèse.
Validation :
Attestation de fin de formation envoyée par mail.
Durée :
9 jours / 63 heures
Pré-requis :
Savoir utiliser un ordinateur ou un Mac.
Points abordés :
Définir son identité visuelle & Photoshop webdesign (1 jour / 7 heures)
- Éléments de base et objectifs
- Le sens des formes et des couleurs
- Le choix en fonction de votre activité
- La typographie
- Adapter son travail au support web
Photoshop webdesign : introduction au web
- Les standards graphiques du web
- Créer une interface
- Mise en page d’une charte graphique
Photoshop webdesign : découper et exporter
- Utilisation des tranches
- Exportation de la charte graphique
- Gérer les paramètres de sortie après l’exportation
Photoshop webdesign : utiliser Dreamweaver
- Retouche du code HTML Photoshop
- Mise en page CSS
- Création d’une template Dreamweaver
Introduction à l’HTML5/CSS3 (3 jours / 21 heures)
- L’histoire de l’HTML5
- L’HTML5 d’aujourd’hui
- L’HTML5 de demain
- Pourquoi faire le choix de l’HTML5
- Connaitre la compatibilité des navigateurs
Le langage HTML5
- Le Doctype
- Les nouvelles balises
- Les nouveaux attributs
- Les balises et attributs obsolètes
- Les principales balises
- La structure d’une page
- Balises Vidéo et audio
- Balises de formulaire
Le W3C et WHATWG
- Les standards du web
- Les normes W3C
- Contraintes des supports mobiles
Les APIs HTML5
- Le dessin avec la balise Canvas
- Le drag and drop
- Le stockage de données
- La gestion des évènements
- La géo-localisation
Le CSS3
- Les bordures arrondies
- La transparence
- Les ombres portées
- Mise en page
- Les animations (transitions et transformations)
Introduction au responsive (2 jours / 14 heures)
- Les principes du responsive web design
- Le concept du « Mobile First »
- Les différentes résolutions
- Contenant/Contenu
- Comptabilité avec les navigateurs
- Solutions techniques pour les navigateurs non compatibles
Le design fluide
- % OU em
- min-width et max-width
- Les bonnes pratiques
- Portrait ou paysage
Les medias queries
- Screen
- Média queries CSS2
- Média queries CSS3
- Les opérateurs logiques
Grille fluide
- Le principe de base
- Grille et design fluide
- Images fluides et police fluide
- Web font
Les outils
- Les frameworks (Bootstrap, Foundation, …)
- La suite d’outils Adobe Edge
- Utilisation de Modernizr
- HTML shiv
- Respond.js
- Outils de test
- Utilisation de Dreamweaver
Optimisation
- Sprite CSS
- Polices d’icônes (icomoon, glyphicons, awesome font, …)
- « Minifier » le code
- Concept de l’Adaptative Design
Illustrator (3 jours)
- La chaine graphique
- Formats de document, plans de travail
- Tracés, outils de transformation
- Attributs de dessin, pathfinder
- Outils de texte et vectorisation
Illustrator : paramétrages
- Préférences, personnalisation des palettes
- Profils colorimétriques
- L’aplatissement des transparences
Illustrator : filtres, effets, transparence formes, motifs, styles et symboles
- Utilisation, palettes
- Création et paramétrages
- La palette Aspect
Illustrator : typographie
- Notions sur les règles de typographie
- Habillage de texte
- Styles de caractères et de paragraphe
- Texte curviligne
Illustrator : le grapheur
- Création et modification de graphiques
- Importation et saisie de données
Illustrator : les images importées
- Format de fichier et résolution, modèles, palette Liens
- Recadrage, transformations
- Modes de fusions
- Vectorisation d’images
- Masques d’écrêtage
Illustrator : fonctions avancées
- Interactivité SVG
- Exportation pour le web
- Création d’animations Flash
Illustrator : liens inter logiciels
- Importation dans QuarkXPress, InDesign
- Liens avec Photoshop , les objets dynamiques
Mise en pratique
Formation WebDesign : Maîtrisez les Fondamentaux avec Adobe Illustrator
Dans les locaux Devictio à Lyon
3 290,00 €
365,56 € / jour
9 jours / 63 heures
Formation WebDesign : Maîtrisez les Fondamentaux avec Adobe Illustrator
Formation à distance
3 290,00 €
365,56 € / jour
9 jours / 63 heures
Formation WebDesign : Maîtrisez les Fondamentaux avec Adobe Illustrator
Formation sur mesure
Formations complémentaires
Formation Firefly Lyon
Boostez vos compétences en PAO avec notre formation Firefly à Lyon ! Apprenez à exploiter l’IA d’Adobe pour générer et retoucher des visuels professionnels en 1 à 2 jours.
Formation HeyGen Lyon
Investir dans une formation HeyGen permet d’anticiper l’évolution des tendances en communication et de doter vos équipes des compétences essentielles pour intégrer l’IA dans leur production vidéo. Grâce à une approche pédagogique interactive et des cas concrets, cette formation vous aidera à exploiter tout le potentiel de HeyGen et à en faire un véritable atout pour votre entreprise.
Formation Développer l’activité commerciale avec les réseaux sociaux
Notre formation certifiante (éligible au CPF) Développer l’activité commerciale avec les réseaux sociaux, dispensée en présentiel à Lyon, vous permettra de maîtriser les meilleures pratiques des réseaux sociaux pour capter l’attention de votre audience, gagner en visibilité et en crédibilité sur le web, valoriser votre entreprise et faire des réseaux sociaux un véritable outil de croissance. Passez au niveau supérieur avec Devictio : valorisez votre entreprise grâce à une communication digitale efficace. Obtenez une certification professionnelle reconnue.
Formation DeepSeek Lyon
Investir dans une formation DeepSeek permet d’anticiper les transformations du marché et de doter vos équipes des compétences nécessaires pour intégrer efficacement l’IA dans leur quotidien. Grâce à une approche pédagogique interactive et des cas concrets, cette formation vous aidera à exploiter tout le potentiel de DeepSeek et à en faire un véritable atout pour votre entreprise.
Formation ChatGPT Lyon
Notre formation à ChatGPT dispensée sur Lyon, répond aux besoins des entreprises et professionnels souhaitant maîtriser cette IA générative pour automatiser leurs tâches, créer des contenus et optimiser leur productivité. Gagnez un avantage stratégique grâce à des cas pratiques adaptés.
Formation Création Jeux vidéos Lyon
Découvrez la formation en création de jeux vidéo à Lyon avec Devictio. Apprenez à maîtriser Unity, le gamedesign et la programmation C# pour concevoir votre propre prototype. Formation en présentiel, idéale pour les professionnels et passionnés souhaitant perfectionner leurs compétences dans un cadre dynamique.
Formation Appel d’Offres Lyon
Participez à notre formation appels d'offres à Lyon et apprenez à rédiger des dossiers solides conformes aux exigences des marchés publics. Maîtrisez le DCE, le mémoire technique et optimisez vos réponses pour maximiser vos chances de succès. Formez-vous pour développer votre entreprise sur le marché public.
Formation Midjourney Lyon
Midjourney, une IA générative d'images, transforme des idées en visuels artistiques, photoréalistes ou stylisés à partir d’un simple texte. En deux jours, notre formation en présentiel (Lyon, Paris, etc.) vous permet de maîtriser le prompting et de créer des images complexes sans compétences préalables, avec un accompagnement direct du formateur.
Mettre en place sa stratégie digitale
Devictio Formations à Lyon accompagne les dirigeants, créateurs d'entreprise et auto-entrepreneurs dans la maîtrise des outils digitaux. Formations en IA, stratégie digitale, WordPress, e-commerce, PAO et réseaux sociaux pour booster votre compétitivité dans un marché en évolution.
Formation Communication non violente Lyon
Découvrez les bénéfices d’une formation en CNV adaptée aux entreprises lyonnaises. Réduisez le stress au travail tout en renforçant les liens entre collaborateurs grâce à des échanges apaisés. Notre Formation à la Communication Non Violente aide à résoudre les tensions en respectant les besoins de chacun, pour un environnement de travail serein.
Formation Dreamweaver Lyon
Apprenez à maîtriser Dreamweaver® avec notre formation à Lyon, Paris ou en distanciel. Cet éditeur web puissant d'Adobe vous permet de créer des sites internet en mode visuel ou en code. Découvrez comment concevoir des pages web efficaces et les mettre en ligne rapidement grâce à des outils de création intuitifs et une assistance à la saisie de code. Que vous soyez débutant ou expérimenté, cette formation vous guidera dans la réalisation de sites web vitrines ou dynamiques, de la conception à la mise en ligne.
Formation Business Objects Lyon
Optez pour notre Formation Business Objects à Lyon pour maîtriser SAP Business Objects, un logiciel conçu pour les PME. Apprenez à réaliser des reportings et des analyses intuitives, formater des documents, imprimer des rapports et créer des requêtes complexes. Développez vos compétences en analyse de données pour un pilotage plus efficace de votre activité métier. Nos sessions de formation sont disponibles en présentiel sur Lyon et Paris, ou en distanciel. Inscrivez-vous pour optimiser vos outils d'analyse et renforcer vos capacités décisionnelles.
Formation Publisher Lyon
Inscrivez-vous à notre Formation Publisher à Lyon et apprenez à concevoir des supports de communication professionnels percutants. Découvrez comment utiliser Microsoft Publisher pour créer des brochures, flyers, dépliants, et bien plus encore. Ce logiciel PAO vous offre des outils avancés pour choisir des formats, des modèles, et intégrer des fichiers multimédia. Entraînez-vous sur vos propres documents pour une expérience d'apprentissage pratique. Nos sessions de formation sont disponibles en présentiel sur Lyon et en région Auvergne Rhône-Alpes, adaptées à tous les niveaux.
Formation CorelDraw Lyon
Rejoignez notre Formation CorelDraw à Lyon pour apprendre à utiliser cette suite graphique puissante. Maîtrisez les outils d'illustration vectorielle, de mise en page, et de retouche d'images. Découvrez comment créer des dessins vectoriels, retoucher des photos, et réaliser des logos et des lettrages personnalisés. Cette formation pratique vous offre une prise en main rapide de l'interface et des fonctionnalités de CorelDraw pour vos projets graphiques professionnels, allant de la création de logos à la modélisation 3D.
Formation Digital Publishing Lyon
Participez à notre Formation Digital Publishing à Lyon pour apprendre à transformer vos publications en contenus tactiles interactifs avec InDesign. Découvrez comment créer des ePub3 et des PDF interactifs adaptés aux tablettes et autres supports numériques. Cette formation vous permettra de concevoir des documents enrichis sans avoir besoin de programmer. À la fin de ce stage, vous serez capable de publier vos créations en ligne via Publish Online d’Adobe. Rejoignez-nous pour développer vos compétences en publication numérique et atteindre une audience moderne.
Formation Photoshop Lyon
Rejoignez notre Formation Photoshop à Lyon pour acquérir une maîtrise complète de cet outil de retouche photo. En présentiel, vous bénéficierez d'une interaction directe avec le formateur, d’un feedback immédiat et d’un apprentissage structuré. Apprenez à utiliser Photoshop pour la retouche photo de base et les techniques avancées, ainsi que pour des créations professionnelles. Que vous soyez débutant ou souhaitiez approfondir vos compétences, notre stage vous prépare à créer des images de haute qualité, des montages photo pour le web ou l'impression, et à manipuler les outils de Photoshop avec aisance. Obtenez une certification TOSA Photoshop pour valider vos compétences.
Formation QuarkXPress Lyon
Rejoignez notre Formation QuarkXPress à Lyon et apprenez à utiliser ce logiciel de PAO pour créer des supports de communication professionnels. Idéale pour les graphistes, éditeurs et maquettistes, cette formation vous permettra de maîtriser la mise en page, les illustrations, la retouche photo, ainsi que la publication web et mobile.
Formation GoPro Lyon
La Formation GoPro à Lyon vous offre une expérience pratique et opérationnelle pour maîtriser la prise de vue et le montage vidéo. Que vous soyez réalisateur, monteur, photographe ou simplement intéressé par la capture de vos événements, cette formation vous prépare à utiliser de manière professionnelle votre caméra GoPro. Inclut une initiation aux logiciels de montage vidéo tels que Premiere Pro.
Formation Montage vidéo Lyon
Rejoignez notre Formation Montage Vidéo à Lyon pour maîtriser le montage vidéo, la création d'effets spéciaux et la post-production. Apprenez à utiliser Adobe Premiere Pro et After Effects, les outils indispensables pour réaliser vos documentaires, films et vidéos web. Formation dispensée par un professionnel avec une alternance de théorie et de travaux pratiques.
Formation Vidéo Lyon
La Formation Vidéo Lyon est conçue pour les professionnels souhaitant se perfectionner en réalisation de vidéos et reportages. Incluant un atelier de réalisation en extérieur, vous serez initié aux logiciels Premiere Pro et After Effects pour la postproduction. Réussissez vos interviews et maîtrisez les contraintes techniques grâce à notre formation.
Formation Initiation à la 3D Lyon
Suivez notre Formation Initiation à la 3D à Lyon et maîtrisez les logiciels 3ds Max, ZBrush et Unity 3D. Que vous soyez dans le cinéma, le jeu vidéo, l'architecture ou l'imagerie médicale, cette formation vous donnera les compétences nécessaires pour donner vie à vos projets.
Formation Compositing avec Nuke
La Formation Compositing avec Nuke à Lyon vous offre une maîtrise de l'outil Nuke pour combiner des images filmées et artificielles. Créez des effets spéciaux pour des longs métrages et des jeux vidéo avec une formation pratique et interactive.
Formation Captivate Lyon
La Formation Captivate à Lyon offre une expérience d'apprentissage unique pour créer et gérer vos contenus e-learning. Aucune connaissance préalable en programmation n'est nécessaire. Elle vous permet d'élaborer des démonstrations interactives de qualité professionnelle et de publier sur divers systèmes LMS.
Formation Ajax Lyon
Rejoignez notre Formation Ajax à Lyon et apprenez à utiliser HTML/CSS, DOM, JavaScript et XML pour dynamiser vos pages web. Que vous préfériez le format présentiel ou à distance, notre formateur professionnel du web adapte le programme à vos objectifs. Transformez votre expérience utilisateur avec une plus grande interactivité et convivialité.
Formation CMS Made Simple Lyon
Découvrez notre formation CMS Made Simple à Lyon. Ce CMS open source est simple d'utilisation et ne nécessite aucune connaissance préalable. Vous apprendrez à installer, configurer et administrer un site web dynamique, en ajoutant facilement des forums, des boutiques en ligne ou des galeries photos. Une formation sur mesure pour vous permettre de maîtriser CMS Made Simple, une plateforme de développement très avantageuse.
Formation Joomla Lyon
Rejoignez notre Formation Joomla à Lyon et devenez autonome dans la création de votre site web. Que ce soit pour animer un site ou développer une e-boutique, Joomla est le CMS gratuit et facile d'utilisation qui répondra à vos besoins. Pas besoin de connaissances préalables en programmation, nous vous guidons pas à pas.
Formation Gestion de projet web
La formation Gestion de projet web à Lyon vous offre les compétences pour préparer, piloter et gérer votre projet web. De l'élaboration du cahier des charges à la post-production, devenez acteur de votre propre projet web.
Formation Responsive Web Design Lyon
Notre Formation Responsive Web Design à Lyon vous offre la maîtrise des techniques pour concevoir des sites web adaptatifs. Apprenez à générer des mises en page adaptées à tous les terminaux, optimisant ainsi votre référencement naturel. Formation dispensée par un professionnel du web spécialisé en développement de sites web et e-commerce.
Formation Sécurité Web et des TIC Lyon
La Formation Sécurité Web et des TIC à Lyon vous prépare à faire face aux cybermenaces constantes. Apprenez à protéger votre site web et vos données contre les pirates, tout en maîtrisant les risques liés à votre messagerie et à votre navigation internet. Assurez la sécurité de votre entreprise avec nos experts en TIC.
Formation TYPO3 Lyon
La formation TYPO3 à Lyon vous offre une immersion dans un CMS gratuit, polyvalent et adapté à tous vos projets. Contrairement à WordPress, TYPO3 nécessite un temps d’adaptation mais offre une plus grande flexibilité. Rejoignez notre formation et apprenez à gérer, modifier et lier vos contenus sans aucune connaissance préalable en langage de programmation.
Formation Accessibilité Web Lyon
Rejoignez la Formation Accessibilité Web à Lyon de Devictio et apprenez à rendre vos sites web plus inclusifs. Cette formation vous permettra de respecter les normes d'accessibilité web établies par la loi du 11 février 2005. Ne laissez personne derrière, améliorez l'accessibilité de votre site web dès aujourd'hui.
Formation Search Engine Marketing
La Formation Search Engine Marketing à Lyon vous offre une compréhension approfondie du SEO, SEA et SMO. Augmentez votre visibilité sur les moteurs de recherche et les réseaux sociaux, optimisez votre site web et maîtrisez le marketing digital.