Scribd Logo
Importer

Bienvenue sur Scribd !

  • 17 vues

    Présentation 1

    Transféré par

    mouhamadoulhafazaba

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd

    Présentation 1

    Transféré par

    mouhamadoulhafazaba
    17 vues22 pages

    Titre original

    Présentation1

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PPTX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pptx, pdf ou txt
    17 vues22 pages

    Présentation 1

    Transféré par

    mouhamadoulhafazaba

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pptx, pdf ou txt
    Vous êtes sur la page 1sur 22

    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

    Vous aimerez peut-être aussi