concevoir graphiquement des supports d’information et de communication numérique

Certifiant

Module appartenant au parcours certifiant Graphiste plurimédia Information et Communication Éligible au CPF Code CPF : 19258 (liste COPANEF), 135207 (liste CPNE Edition), 145857 (liste COPAREF), 159451 (liste CPNE publicité & com)

Durée : 140 h

Dates : du 08/01/18 au 02/02/18 – du 04/06/18 au 29/06/18

Tarif HT : 5 320 €

Individuels, demandeurs d’emploi : nous consulter

Compétences visées

Maîtriser les méthodes de conception du webdesign indispensables aux directeurs artistiques, aux graphistes et maquettistes de la communication et de la presse. acquérir la méthodologie nécessaire à la conception graphique de sites web.

Utiliser les outils de développement pour réaliser des sites et dialoguer avec les développeurs.

Public

Directeurs artistiques, graphistes, illustrateurs, professionnels du Web.

Programme

Acquérir la méthodologie de conception avec l’ux et l’ui design

Panorama du Webdesign.

Analyse de sites.

Meilleurs usages.

Plan du site (architecture de l’information)

Sketch, zoning, wireframe et prototype.

Design Pattern.

La loi de Fitts et de Hick.

Gestalt Théorie.

Grille de composition.

Méthode Agile.

Agir en responsive design.

Définition du responsive design.

Site dédié, application native et responsive design.

Site statique, liquide, adaptatif et responsive.

Philosophie (smartphone vs desktop, image, poids, typo, navigation, SEO).

Media Queries.

Les points de rupture.

Viewport.

Mobile first.

Méthode du six to one.

Contraintes sur Photoshop d’une maquette en webdesign.

Grille fixe et fluide.

Pratiquer les outils du webdesign

Éditeur html et CSS.

Architecture de pages avec Div et CSS.

Construction des gabarits d’un blog.

Comportements Javascript.

Adopter la logique WordPress

Paramétrage du blog : le profil ; la visibilité ; les catégories.

Utilisation de l’espace privé : les articles et les pages ; les utilisateurs ; les médias ; les mots-clés.

Maîtriser le design d’un cms

Les étapes de la créa de la maquette.

L’intégration html/CSS.

Rendre les pages dynamiques en en faisant un thème WordPress.

Choix d’un thème et des extensions.

Réalisation du site de type blog : à l’aide de html, CSS et PHP.

Le téléchargement ; les bases de données ; le placement en ftp sur un serveur; l’installation.

La personnalisation graphique avec html et CSS.

Évaluation

Présentation du projet réalisé pendant le module.

Autoévaluation.

Modalités d’admission

Un entretien individuel avec le responsable de la filière permet de vérifier le positionnement et les prérequis du candidat : pratique des logiciels Photoshop et Illustrator, aisance avec les fondamentaux théoriques du graphisme.

Méthode pédagogique

Cours magistral avec vidéo-projection

Brainstorming en petits groupes sur un sujet précis dont la synthèse est guidée par le formateur.

Mise en situation professionnelle individuelle et en groupes permettant d’aller vers la théorie, en partant de la pratique.