Avec 1,4 milliard d’applications disponibles sur Google Play soit une croissance de 50% en 2014 et 1,2 milliard disponibles sur iOs, les professionnels de la publication digitale ont de beaux jours devant eux. La formation certifiante créée par Pyramyd vous préparera à devenir un professionnel aguerri et à trouver un emploi dans ce secteur en pleine effervescence.


Objectifs

› identifier les fondamentaux de la production Web › Améliorer l‘expérience utilisateur (UX) dans le projet digital › Créer des pages Web simples › Créer des images à destination des différents écrans connectés avec Photoshop › Concevoir des prototypes pour le Web

Public concerné

Directeurs artistiques, graphistes ou maquettistes qui doivent être en mesure de produire pour le Web.

Programme

MODULE 1 : DÉCOUVREZ LES FONDAMENTAUX DE LA PRODUCTION WEB

Architecture de l’information

  • Analysez les attentes d’un public cible
  • Architecturez le contenu
  • Mettez en place un sitemap
  • Réfléchissez aux modes de navigation sur votre interface
  • Découvrez les principaux outils de prototypage

Lancez-vous dans la conception graphique

  • Ce que doit contenir une interface sur le web
  • Apprenez à utiliser les visuels et des polices de caractères
  • Découvrez les outils de design graphique

Les technologies Web

  • Développez votre connaissance des principaux langages de programmation
  • Les standards W3C et l’accessibilité
  • Comprenez la place des navigateurs
  • Comment réaliser des animations sur le web avec les technologies existantes
  • Différentiez les sites statiques et dynamiques
  • Hébergez votre site et passez en production

Ce que le mobile transforme

  • Découvrez les dernières tendances
  • Distinguez applications mobiles, sites mobiles, WebApp

MODULE 2 : ERGONOMIE DE SITES ET UX

Introduction

  • Découvrez les grands principes de l’ergonomie sur le web
  • Familiarisez-vous avec les principes de l’expérience utilisateur (UX)

Marketing, accessibilité, référencement

  • Objectifs et cibles : travaillez vos personas
  • Référentiel, accessibilité, ergonomie

Web Design et design d’interactivité

  • Temps d’affichage, temps d’accès, temps perçu
  • Analysez les dernières évolutions HTML5 et le design adaptatif
  • Optimisez votre site et ses fonctionnalités
  • Intégrez les techniques de réassurance et les call-to-action

Les techniques de collaboration

  • Travaillez en mode agile
  • Soyez créatifs et capitalisez sur votre brainstorming
  • Engagez votre utilisateur

Le Lab ergonomique

  • Les outils de test à chaque phase
  • Les outils de mesure

MODULE 3 : PHOTOSHOP POUR LE WEB

Prenez en main Photoshop

  • Dcouvrez l’interface et les grands usages de Photoshop
  • Gérez les palettes

Cadrez

  • Redressez vos visuels
  • Resizez et modifiez vos images
  • Corrigez les effets de lumière
  • Corrigez de manière sélective des couleurs

Sélection et détourage

  • Apprenez à sélectionner et à détourer vos visuels
  • Fonction Améliorer le contour

Calques et photomontages

  • Créez des calques
  • Transparence et modes de fusion
  • Effets de calques

Gérez les éléments de texte

  • Création et gestion des tranches
  • Optimisez la présence des hyperliens
  • Découvrez les grands principes et formats d’exportation

MODULE 4 : HTML ET CSS

Codez une page HTML

  • Apprenez à utiliser doctype
  • Codez avec les principales balises HTML
  • Créez des liens

Les tableaux HTML

Concevez des CSS efficaces

  • La structure d’une page, la bonne sémantique, le DOM
  • Analysez la technique d'un site web avec la barre Web Developer

Les sélecteurs

  • Appropriez-vous les sélecteurs d’éléments, de classes, d’identifiants, multiples, hiérarchiques, pseudo-éléments
  • Les sélecteurs CSS2.1, CSS3

Maîtrisez la cascade

  • Feuilles de style navigateurs, utilisateurs, internes, intégrées, externes
  • La cascade et l’héritage

Les propriétés CSS et les différents modèles de positionnement CSS

  • Les différents types de balises
  • Les propriétés du modèle de boîte CSS
  • La gestion des images de fond
  • Les techniques des sprites et des portes coulissantes
  • Les flottants
  • La gestion des clear
  • Les positionnements relatif, fixe, absolu

Optimisez l’affichage de vos rendus

  • Maîtrisez l’affichage de vos rendus sur les différents navigateurs
  • Apprenez à débugger

Mise en oeuvre et études de cas

  • Concevez des gabarits de base
  • Concevez des menus de navigation avec les listes

Mettez votre site en ligne

MODULE 5 : PROTOTYPAGES DE SITES

Conception d’interfaces Web

  • Du brainstorm au wireframe

Utilisez des grilles pour le Web

  • A quoi servent les grilles
  • Quelles sont les grandes catégories de grilles
  • Utilisez des grilles prédéfinies

Rappels sur la typographie et le Web Aspects méthodologiques et pratiques

  • Les différents livrables
  • Réalisez une maquette avec Photoshop
  • Déployez un guide de styles

Productivité avec Photoshop

  • Objets dynamiques
  • Styles de texte
  • Panorama des extensions utiles

Photoshop et Edge Reflow

  • Nouvelle approche pour concevoir un site responsive

MODULE 6 : FINALISATION DU PROJET ET SOUTENANCE DEVANT UN JURY PROFESSIONNEL

Finalisation du projet

  • Ateliers pratiques et soutien à la finalisation du projet personnel
  • Préparez-vous à la soutenance

Jury

  • Présentez votre projet
  • Évaluation et résultat du jury

Dans le même domaine

Développez votre marque employeur

Formation

Pour 70% des DRH, le développement de sa marque employeur est l’une des principales priorités. À l’heure du digital, la notion de marque employeur évolue. Les prises de contact, candidatures se font différemment ; la relation avec les candidats est transformée et de véritables stratégies de notoriété sont développées par les marques, entre autres sur les réseaux sociaux. Vous aussi, apprenez à développer votre marque employeur.