Matière
Design d'un site Web (réflexion, zoning, maquette)
Description
Comprendre le processus de création de la maquette d'un site Web en utilisant un dédié (Figma ou Adobe XD). Préparer les bases d'un design en créant les styles colorimétriques et typographiques. Préparer les contenus récurrents ainsi que les élèments d'interaction tels que les boutons les liens et autres zones qui pourraient changer selon un critère à définir dans le prorotype. Définir et créer les différentes maquettes types en fonction des besoins de Responsive Design. Créer le prototype.
Compétences requises
- Utilisation de base d'un ordinateur.
- Expérience de création graphique notamment dans l'utilisation de calques.
- Compréhension du principe d'une interface interactive.
Syllabus
Chap. 1 : Préparation de la charte graphique
- format du support
- logotype et déclinaison - couleurs
- typographie
- grille
Chap. 2 : Préparation des parties communes
- préparation du support
- préparation des composants (liens, boutons) - design des encarts « Films » et « Séries »
Chap. 3 : Préparation d’une galerie
- préparation des images
- préparation des boutons
- design de la galerie avec prototypage
Chap. 4 : Design des pages Accueil, À Propos, Contact
- page Accueil
- page À Propos - page Contact - prototypage
Chap. 5 : Essais UX et finalisation
Informations complémentaires
Permet de comprendre le travail en équipe notamment la relation concepteur graphique / intégrateur Web.
Bibliographie
Méthodes de desgin UX Carine LALLEMAND / Typographie. Guide Pratique Damien Gauthier Pyramid