design web responsive : conception graphique

Transcription

design web responsive : conception graphique
DESIGN WEB RESPONSIVE : CONCEPTION GRAPHIQUE
2 jours (14 heures en présentiel)
Objectifs pédagogiques
Les sites internet doivent s'adapter aux multiples
résolutions d'écrans des utilisateurs, vous devez
alors définir des maquettes qui s'adaptent aux
différents formats. Notre programme de formation
Photoshop : maquettes responsives vous
enseignera les meilleures méthodes de travail sur
Photoshop pour présenter des maquettes utilisables
proposant une solution graphique pour chaque
format.
Population visée
Graphiste, webmaster, directeur artistique, chef de
projet, ou toute personne en charge de création de
maquettes graphiques pour en web.
Pré-requis
Maîtrise de Photoshop et Illustrator
Méthodes pédagogiques
8 participants maximum, un poste par stagiaire et
un support de cours est remis pendant le stage. La
formation est constituée d'apports théoriques, de
démonstrations et de réflexions.
Formateur
Formateur expert en design d'interaction, spécialiste
des nouvelles tendances médias.
Modalités de validation des
acquis
Évaluation des acquis via un questionnaire.
Attestation de fin de stage.
Contenu
Design Web Responsive : Conception graphique
Conception de sites cross-platform
Programme de formation
Dispensé avec des méthodes d'apprentissage actives basées sur des exercices pratiques.
1 - L'évolutions des normes du Web
Evolutions des normes et multiplications des terminaux
Les résolutions Web, mobile, tablette et TV
Adaptation du contenant pour un même contenu
Mode paysage et portrait
2 - Méthodologie d'adaptation
La philosophie Mobile-First
Travailler en @2x
Les bonnes pratiques UI et UX pour du Responsive Web Design
3 - Préparation d'une maquette responsive
Une nouvelle conception du design
Apprendre les nouvelles contraintes
Penser flexibilité
4 - Les outils créatifs
Penser ergonomie et lisibilité
Visualiser sa maquette en temps réel
Création de livrables en cas multiples via les instantanés Photoshop
Concept de dégradation maitrisée / amélioration progressive
Penser à l'évolution future
5 - Adaptabilité du contenu
Mobile first
Notion des profils côté serveur
Un contenu "unique" mais adapté, filtré, converti
Powered by TCPDF (www.tcpdf.org)

Documents pareils