Bienvenue
à la formation de conception
De Maquette graphique & Prototype
AU PROGRAMME
vue d’ensemble
Définition Chaine de production Conception ergonomique
Habillage graphique Outils Média & Illustrations
AU PROGRAMME
vue d’ensemble
Du point de vue littéraire, « une maquette est une représentation partielle d’un système ou d’un objet (réel et existant
ou à concevoir) afin d’en tester et valider certains aspects (maquette virtuelle ou visuelle en 2 ou 3D) et/ou
comportements (maquette fonctionnelle) ».
Alors que signifie vraiment Maquette graphique
En terme simple et net, la maquette graphique est une ébauche de l’aspect visuel d’un futur site internet ou
d’une application.
AU PROGRAMME
vue d’ensemble
La maquette, dans le milieu des webdesigners, aide l’intégrateur HTML/CSS/JS/CMS à placer correctement les éléments aux
pixels près. C’est le point de départ pour créer une application cohérente, rapide à mettre en place et jolie. C’est une étape
nécessaire pour vous faire gagner un temps considérable durant l’intégration et l’utilisation des CMS.
CHAÏNE DE PRODUCTION
AU PROGRAMME
Chaîne de production
WIREFRAMING DESIGN INTÉGRATION DÉVELOPPEMENT
DÉCOUPAGE
PROTOTYPAGE GRAPHIQUE WEB WEB
Cette partie revient C’est ce qu’on On utilise ici le
Ici est produit le
à extraire tous les appelle une squelette pour
Dans cette partie concept visuel de mettre les
éléments médias maquette
l’arborescence et l’application c’est- contenus réels en
de la maquette fonctionnelle
la structure sont à-dire ce à quoi y ajoutant d’autres
pour régler le c’est-à-dire un
définies devront ressembler langages de
problème de rendu réel avec
les interfaces programmation et
dimensionnement des contenus
en intégration factices. le mettre en ligne
CONCEPTION ERGONOMIQUE
AU PROGRAMME
Conception ergonomique
ZONING
AU PROGRAMME
Conception ergonomique
WIREFRAME OU MAQUETTEBFILAIRE
Logo Le plaisir de jouer
Login
Password
Connexion S’inscrire pour jouer
AU PROGRAMME
Conception ergonomique
Logo Le plaisir de jouer
BIENVENUE SUR LA PLATEFORME DE JEU DE QUIZZ Déconnexion
Login
Password
Connexion S’inscrire pour jouer
HABILLAGE GRAPHIQUE
AU PROGRAMME
Habillage graphique
MOODBARD
Un Monoboard, c’est un assemblage de visuels, de textes, voire même d’objets, qui permet d’exprimer le
style d’un projet graphique.
AU PROGRAMME
Habillage graphique
STYLE TILES
Elle sert à définir les grandes tendances c’est-à-dire plusieurs planches pour choisir le style, amorcer la charte graphique.
AU PROGRAMME
Habillage graphique
MOCKUP OU MAQUETTE GRAPHIQUE
C’est la prévisualisation haute fidélité du rendu graphique
OUTILS
AU PROGRAMME
Outils
MEDIA & ILLUSTRATIONS
AU PROGRAMME
MEDIA & ILLUSTRATIONS
POURCENTAGE D’UTILISATION DES OUTILS DANS LE MONDE
Utilisateurs en %
Outils Offres
Afrique Europe Amérique Asie
Figma 40% 70% 80% 76% Gratuit
Adobe XD 70% 80% 83% 90% Payant
Framer 10% 30% 60% 45% Freemium
Zeplin 10% 40% 50% 50% Freemium
Sketch 15% 49% 70% 61% Payant
Balsamiq 30% 30% 50% 73% Freemium
UTILISATION DE FIGMA DANS LE MONDE
FIGMA
Afrique
Asie
Europe
Amérique
Afrique Europe Amérique Asie
UTILISATION DE FIGMA DANS LE MONDE
Compétences
Wireframe
Maquette
graphique
Collaboration
LA DIFFÉRENCE ENTRE UI & UX DESIGN
MERCI D’AVOIR A SSIS TÉ
À CETTE PRÉSENTATION
