Ville de Québec
418 204-5172
Montréal et régions du Québec
1 877 402-5172
Notions de design Web pour améliorer la qualité visuelle de votre site Web.
Formation 4 en 1 en création de sites Web : Dreamweaver + Photoshop + XHTML + CSS
Formation 5 en 1 : conception d'un design Web + Photoshop + Dreamweaver + XHTML + CSS
Création d'un design Web
avec Adobe Photoshop
Adobe Dreamweaver + CSS niveau expert
Notions de design Web pour améliorer la qualité visuelle de votre site Web
Notions de design Web
pour les graphistes, les intégrateurs
Ergonomie Web
W3C et les standards du Web
Techniques de rédaction pour le Web
Intégration Web : XHTML + HTML + CSS
Désirez-vous en savoir plus au sujet de
Julie Coutu?
Plus de 12 ans d'expérience professionnelle dans le domaine du Web.
Plus de 250 sites Web conçus depuis 1999.
Consulter le CV de Julie Coutu
Toutes nos formations sont offertes en privé.
Nos formateurs se déplacent à vos bureaux
même si votre entreprise est située en région.
Classe virtuelle en temps réel.
Discutez en direct avec votre formateur et profitez-en pour lui poser toutes vos questions,
même les plus pointues!
Partage d'écrans et de logiciels en temps réel.
Aucun déplacement urbain.
Encadrement personnalisé.
Puisque toutes nos formations sont adaptées au contexte particulier de chaque client, nous pouvons nous vanter de n'avoir que des clients satisfaits!
Durant cette formation, vous apprendrez à :
- capter et maintenir l'attention des visiteurs;
- diriger les visiteurs vers des actions précises;
- organiser le dialogue avec les visiteurs;
- choisir les typographies adaptées à votre contexte;
- éviter les erreurs de débutant;
- communiquer efficacement sur le Web;
- tenir compte de la psychologie des utilisateurs et des notions de marketing Web;
- créer des designs Web ergonomiques, accessibles et utilisables;
- connaître, comprendre et appliquer toutes les notions théoriques appliquées au domaine du design Web;
- comprendre les facteurs psychologiques influençant les décisions d'achat des visiteurs;
- créer des designs Web performants et favorisant réellement vos intérêts commerciaux.
À qui s'adresse cette formation?
- Toute personne connaissant déjà le logiciel Adobe Photoshop.
- Les graphistes d'expérience désirant connaître les différences entre le graphisme et le design Web afin d'éviter certaines erreurs communes.
- Les designers Web d'expérience voulant approfondir leurs connaissances.
Contenu de la formation
Différencier le design Web et le design graphique.
- Connaître les principes communs au design Web et au design graphique.
- Comprendre les différences majeures entre le design Web et le design graphique.
Connaître les notions de base du design d'interface.
- Être au fait des règles de base.
- Éviter les erreurs de débutant.
- Faire mieux que les concurrents plutôt que comme eux et éviter de reproduire les erreurs des autres.
- Offrir des repères visuels efficaces et faciliter la navigation.
- Viser l'efficacité du discours visuel.
- Gérer les options de recherche.
Gérer l'architecture de navigation.
- Utiliser les bons logiciels (souvent gratuits) pour créer et gérer l'architecture de navigation.
- Connaître les mythes et les réalités de l'architecture de navigation.
- Structurer l'architecture de navigation et éviter l'effet labyrinthe.
- Planifier les menus et les sous-menus.
- Savoir pourquoi et quand utiliser un menu vertical ou un menu horizontal.
Comprendre la colorimétrie et les conséquences sur votre design Web.
- Connaître le langage des couleurs.
- Gérer les profils colorimétriques de Photoshop.
- Préparer vos images et vos photos en tenant compte des profils colorimétriques.
- Considérer les couleurs séparément ou en interrelation.
- Planifier une palette de couleurs.
- Respecter la psychologie des utilisateurs.
- Connaître les techniques de mise en évidence du contenu.
- Gérer la lumière.
- Comprendre le fonctionne de l'oeil et les théories de la perception.
- Savoir créer des compensations visuelles.
- Gérer l'espace et la lumière.
- Connaître les principes d'harmonie des couleurs.
Appliquer les principes de communication graphique.
- Comprendre la fonction pragmatique.
- Utiliser la fonction phatique dans votre avantage.
- Différencier l'énoncé et l'énonciation.
- Gérer les redondances.
- Comprendre le principe du paradoxe.
- Gérer le bruit.
- Améliorer un design à l'aide des concepts de fiabilité, de nouveauté et de reconnaissance.
- Coder l'information : faire dire plutôt que dire.
- Gérer le cadre.
- Couper les photos en respectant les plans de coupe et créer un effet d'équilibre.
- Cibler un public.
- Organiser le dialogue avec les visiteurs.
- Contrôler les gestes des visiteurs.
- Orienter les actions des visiteurs.
- Mettre en pratique les règles essentielles de composition.
Tirer profit de la psychologie des utilisateurs.
- Établir une corrélation entre ce que le visiteur cherche et ce qu'on lui présente.
- Faire un lien fort entre ce que l'on vend et l'action proposée au client potentiel.
- Rendre la visite plaisante et stimulante.
- Donner au visiteur le sentiment de contrôler ses actions, mais contrôler ce qu'on attend de lui.
- Augmenter le sentiment de confiance du visiteur envers votre entreprise.
- Augmenter l'engagement de l'utilisateur.
- Favoriser les achats en ligne.
- Stimuler le client à s'informer.
Utiliser les typographies adéquates en fonction de vos intentions de communication.
- Savoir quand utiliser ou non des polices avec ou sans sérifs.
- Utiliser des polices de caractères non standards pour vos pages Web.
- Utiliser la typographie plutôt que l'iconographie : quand et pourquoi?
Rédaction de textes pour le Web.
- Organiser le contenu.
- Rédiger efficacement.
- Contrôler le message.
- Attirer l'attention.
- Maintenir l'intérêt des lecteurs.
- Planifier les étapes de rédaction de texte pour le Web.
- Augmenter ses chances d'être lu au complet!
Connaître et mettre en pratique les théories influençant le design Web.
- Gérer les lignes, les formes, les textures, les couleurs, l'espace, le mouvement, l'équilibre, la mise en évidence.
- Tirer profit des techniques de réduction de bruit.
- Utiliser les signes et les supersignes.
- Connaître les techniques d'efficacité.
Connaître et appliquer les principes de l'ergonomie cognitive.
- Comprendre ce qu'est l'ergonomie.
- Maîtriser le vocabulaire de base associé au domaine de l'ergonomie.
- Connaître les règles d'accessibilité.
- Tirer profit des standards du Web.
- Analyser un design Web à l'aide d'une grille d'analyse ergonomique.
Tester l'utilisabilité d'un site Web.
- Connaître les différents protocoles d'analyse d'un site Web.
