- Home
- Formations
- Web
- Formation Design Des Interfaces Web
Formation Formation Design Des Interfaces Web - 5 jours
Description :
De bonnes connaissances de l’outil informatique et d’Internet sont indispensables à ce stage. Une connaissance des bases de l’utilisation du logiciel Photoshop est un plus.
Tags: formation, photoshop, webdesignFormations relatives :
Objectifs du cours :
Acquérir les bases de la conception d’interfaces pour le Web. Créer des gabarits visuels riches et efficaces en tenant compte des dernières évolutions du Web : applications mobiles, bannières interactives, mini-sites, réseaux sociaux, espaces participatifs, diffusion multi-supports, etc.
Tags: formation, photoshop, webdesignFormations relatives :
Contenu du cours :
Introduction
- L’évolution des interfaces Web (flux d’interactions, interopérabilité, participativité, GUI, Web mobile, etc.)
- Qu’est-ce que le design d’interface ?
- Outils, étapes de construction et de mise en oeuvre
- Interface, interactions et interactivité
- Interfaces Web vs pages Web
- Une expérience orientée utilisateurs
- Communiquer par l’outil : vers une logique fonctionnelle
Concevoir des interfaces visuelles efficaces
- Anatomie fonctionnelle d’une interaction
- Lecture et interprétation des schémas fonctionnels
- La notion de comportement dans une interaction
- L’utilisation des grilles de mise en page
- Typologie des différents modèles de mise en page
- Le zoning et la création de storyboard visuels
- Règles visuelles d’habillage
- La conception typographique des contenus éditoriaux
- Typologie visuelle des éléments d’interaction
- L’apport HTML5, CSS 3, SVG et JavaScript
- Utilisation graphiques d’Ajax
- Les technologies Adobe Flash Plateform (Flash, Catalyst, Flex, etc.)
Prendre en compte l’expérience utilisateur
- Les contraintes techniques de la page-écran (tailles, définition, lisibilité, etc.)
- Théories cognitives et phénomènes de perception (Gestalt, loi de Fitt, etc.)
- Prendre en compte l’expérience utilisateur (méthodes, moyens, tests)
- La lecture visuelle de la page-écran
- Les règles de l’accessibilité Web
- Le concept d’affordance
- Règles de composition de la page-écran
- Particularismes des interfaces tactiles et haptiques
Optimiser et adapter des interfaces dédiées
- L’optimisation des pages dans l’intégration de microcontenus éditoriaux
- La conception visuelle des formulaires
- La gestion de l’affichage des contenus dynamiques
- La gestion de l’affichage des fl ux entrants et sortants (liens sociaux, RSS, etc.)
- La conception visuelle des espaces sociaux et participatifs
- L’utilisation des interfaces de type Dashboard
- La conception visuelle de Widgets
- Principe et enjeux des interfaces dédiées et multisupports
- L’utilisation des GUI et d’API externes
- Étude des principaux GUI : Facebook, iPhone, iPad, Androïd, Palm
- Étude des différentes API dans le développement d’application dédiées : Facebook, iPhone, iPad, Androïd, Palm
- Utilisation des principaux kits de conception
Étude de cas et exercices de mise en oeuvre avec Photoshop
Tags: formation, photoshop, webdesignFormations relatives :
Formations relatives :
- formation Facebook débutant
- Formation spip débutant
- Formation Ebay Débutant
- Formation Webmarketing
Nous contacter :
PIXYSTREE SCS
Rue Beeckman, 53
1180 Bruxelles
Tel : +32 2 648 84 63
Gsm : +32 477 789 445
Email : selossej@pixystree.com
Nos avantages:
- Type de formation : Inter-entreprise, Intra-entreprise et particuliers
- Formation 100% flexible et personalisée : Vous choisissez le lieu, la date et le programme de formation
- Demande de devis : Réponse dans les 24 heures.
- Remise de 50% pour les PME Bruxelloises
- Parking, boisson et lunch gratuit
- Accès à notre centre de compétences : Syllabus, note de cours, exercises,...
Nos autres sites de formation:
PIXYSTREE SCS
Campus Bruxelles Formation informatique
- Access 2010-2013-2016 : Créer des bases de données – 2 jours 31 octobre 2018Demandez un devis? Nos formations Access: Formation Access 2010-2013-2016: VBA Programmation 3 jours Access 2010-2013-2016: Rapports et formulaires 2 jours Access 2010-2013-2016: Interroger des tables (Queries et filters) 2 jours Access 2010-2013-2016: Créer des bases de données 2 jours Description Créer des bases de données professionnelles ? Venez suivre u […]formationPixystree
- Devenir « Responsable Webmarketing » – 9 jours 31 octobre 2018La fonction Responsable Webmarketing s’implante au sein des directions marketing et communication. Ce cycle de formation en aborde toutes les facettes et vous permet de vous approprier l’ensemble des missions avec une vision globale et structurée. Ce cycle est la formation complète pour réussir dans cette fonction. A qui s’adresse la formation : Pour … Lir […]formationPixystree
- Formation PHP – 4 jours 31 octobre 2018Ce cours vous permettra de maîtriser d’une manière opérationnelle le langage PHP dans le contexte de développement de sites Internet dynamiques. Il vous permettra aussi d’aborder les aspects connexes à ce type de développement : bases de données, langage SQL, manipulation de fichiers graphiques… Participants Développeurs, webmasters ayant déjà une bonne conn […]formationPixystree
- Formation Marketing online 31 octobre 2018Le marketing « online » évolue sans cesse. Aujourd’hui, une des tendances dans le domaine est l’Inbound Marketing. D’où vient ce terme, que désigne-t-il et surtout, en quoi cela peut-il intéresser votre entreprise ? Qu’est-ce que l’Inbound Marketing? Nos formations en Webmarketing: Les clés du webmarketing – Formation 2 jours … Lire la suite Fo […]formationPixystree
- Formation Google Analytics – 2 jours 31 octobre 2018A l’heure actuelle, une présence sur Internet est indispensable pour toute entreprise. Google Analytics offre de vastes possibilités en matière d’analyse d’audience d’un site Web. L’e-commerce, le SEO ou la présence sur les réseaux sociaux peuvent être améliorés grâce à cet outil de Web Analytics. Qu’est-ce que Google Analytics? Hérité de la technologique d’ […]formationPixystree
- Formation WordPress Perfectionnement – 2 jours 31 octobre 2018Objectif de la formation WordPress Perfectionnement Cette formation vous permettra d’approfondir vos connaissances dans l’utilisation de WordPress et vous apprendra à prendre en main ses fonctionnalités avancées. Plan de formation WordPress Perfectionnement Fonctionnalités avancées de WordPress Gestion des rôles Créer un panneau d’options personnalisé Ajoute […]formationPixystree
- Formation After Effect – 3 jours 31 octobre 2018Nos autres formation Audiovisuel: Formation Autocad perfectionnement 3 jours à Bruxelles Formation Adobe Première 3 jours à Bruxelles Formation Photoshop montage vidéo 2 jours à Bruxelles Formation audiovisuel – after effect 3 jours à Bruxelles Plan de formation AfterEffects Introduction à AfterEffects Présentation du logiciel Incrustation Masquage par lumin […]formationPixystree
