$ 34.00

Tuto Du prototypage à la maquette de haute fidélité : les processus itératifs et le retour utilisateur dans Photoshop avec Photoshop

$ 34.00

  • Une formation vidéo de 1h46m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Comprendre le prototypage Photoshop et les phases itératives de la construction d'un site.

Dans cette formation Photoshop complète nous aborderons le prototypage sous l'angle d'un dialogue avec le client avec ce projet partant d'un brief.

Dans un premier temps nous essaierons d'instaurer un dialogue avec le client, dès le prototype afin de comprendre ses réels besoins et procéder à des phases itératives à ce stade.

Nous poursuivrons par la construction et la mise en place de manière visuelle les premiers éléments et leur nouvelle disposition dans une maquette.

Nous passerons alors à un prototype de meilleur niveau et nous aborderons les nouvelles fonctionnalités de Photoshop CC 2015 qui nous permettrons de construire une première version du site, et de construire une librairie d'éléments que nous pourrons partager avec notre client.

Nous proposerons des versions alternatives et comprendrons les processus de partage et d'échanges pour le versioning et les éléments constituant la maquette.

Nous terminerons par la création d'une première version mobile de notre webdesign sous Photoshop, en utilisant les artboards.

L'ensemble de cette formation Photoshop à pour but de vous familiariser avec les principes de la création tout au long et des itérations et des différents niveaux de prototypage et les possibilités d'échanges et dialogue avec une équipe.

Ce tutoriel n'a pas pour vocation de produire un travail une maquette finale à l'esthétique parfaite, mais bien de montrer comment les idées et le processus créatif se développent au cours de l'échange avec une équipe et un client et comment nous pouvons dialoguer et échanger des prototypes, maquettes et éléments.

Les fichiers sources sont fournis avec ce tuto Photoshop.

 

Table des matières de cette formation Photoshop (durée : 1h46m)

  • Première ananlyse du Brief
    • Analyse du Brief 00:02:44
    • Préparation du Artboard 00:03:10
    • Premier Prototypage 00:16:47
  • Première itération
    • Itération du Prototypage 00:04:35
    • Prototypage Mobile 00:08:04
  • Découverte de Stock, Typekit et la Librairie de CC 2015
    • Utilisation de la Librairie et Stock sous Photoshop CC 2015 00:09:44
    • Utilisation de Typekit pour le choix d'une police 00:04:41
  • Autour des menus, les itérations
    • Menu et icones 00:08:44
    • Création du menu (itération des tailles) 00:12:12
  • Optimiser son flux de travail et collaborer avec la librairie
    • Optimiser son flux de travail avec la librairie 00:06:09
    • échanger des données avec un collaborateur et le client via la librairie 00:05:08
  • Proposer des versions alternatives et échanger des fichiers
    • Proposer des alternatives 00:06:56
    • Préparer l'échange d'éléments et des versions de maquette sans la librairie 00:05:29
  • De la version desktop à la version Mobile
    • De la version Desktop à la version Mobile 00:06:36
    • Exportation des Artboards 00:03:06
  • Conclusion de la formation
    • Conclusion 00:02:13



Formateur : Leymarie Patrice

Leymarie Patrice a publié 12 tutoriels et obtenu une note moyenne de 4,0/5 sur 1 199 tutoriels vendus. Voir les autres formations de Leymarie Patrice

3,7
note moyenne

3
avis laissés
5 étoiles
2
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
1
  • 5
    avis de GlobusCrea laissé le 03/08/2016
    Excellent tuto. Je suis web Developer, j'avais des connaissances basiques en photoshop, mais pas grand chose en Web Design et encore moins en outil de collaboration. Ce tuto va grandement m'aider dans la conception de prototypes et de maquettes. C'est tout à fait ce qu'il me fallait.

  • 5
    avis de AudreyS laissé le 03/08/2015
    Tuto très intéressant et très bien expliqué, qui propose une méthode et une réflexion très pertinente pour aborder et concevoir un projet de web design d'un point de vue relation client et collaboratif. Et m'a permis, au passage, de découvrir les nouveaux outils collaboratifs et de gestion de projet (très efficaces) de Photoshop.. Pour ça, merci ! On peut toutefois regretter que l'ordinateur de l'auteur lague autant ce qui rend parfois le tuto un peu pénible à suivre.

  • 1
    avis de millkae laissé le 21/07/2015
    Tutoriel destiné au débutant sur photoshop, je ne trouve pas la qualité que j'attendais au vu du prix demandé. Je suis assez déçu car ce n'est pas du tout ce dont je m'attendais...

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Photoshop CC2015
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1560 tuto gratuits


non, je ne veux pas me former gratuitement