Formation UI Design, Design graphique des interfaces

Acquérir les bons réflexes pour concevoir les aspects graphiques d’une interface

Créer l’identité visuelle et connaître les règles élémentaires du graphisme web et logiciel, c’est ce que nous vous proposons dans ce stage.

Cette formation en UI Design s’adresse à tous les professionnels qui désirent acquérir les principes clés du graphisme et les mettre à profit dans le déroulement de leurs projets d’ergonomie.

ette f.

84%

Nos stagiaires sont satisfaits à 84% 

Prochaines sessions

23-24 avril 2024
6-7 juin 2024 à distance
2-3 septembre 2024
3-4 octobre 2024 à distance
4-5 novembre 2024

Télécharger le programme de formation

.

Pré-requis

Aisance générale avec l’informatique.

Un ordinateur récent (moins de 5 ans) compatible avec les navigateurs Chrome 64+, Firefox 78+, Safari 11.1+ ou Microsoft Edge 79+, ainsi que les systèmes d’exploitation Windows 8.1 ou plus récent, Apple MacOS 10.12 (macOS Sierra) ou plus récent, Linux OS ou Chrome OS supportant les navigateurs listés ci-avant.

Une connexion internet stable.

Public concerné

Vous participez à la conception d’identité visuelle ou d’interfaces et souhaitez les rendre non seulement esthétiques mais aussi les harmoniser avec un concept, une thématique. Nous avons conçu cette formation pour vous.

La formation Design graphique d’interfaces est idéale pour les concepteurs, ergonomes, chefs de produit, chefs de projet, équipes R&D et développeurs, qui sont appelés à échanger souvent avec des équipes de design.

Le stage s’adresse également aux personnes souhaitant maîtriser les bases du design graphique pour s’en servir au quotidien.

Les Objectifs

  • Comprendre l’enjeu du design graphique.
  • Construire une piste graphique.
  • Connaître les notions clés du design graphique.
  • Maîtriser l’utilisation des couleurs et icônes.
  • Finaliser une interface.
  • Évaluer une interface

Le programme

Jour 1
Afficher le programme détaillé

Comprendre l’enjeu du design graphique

Dans cette partie, vous serez sensibilisé à l’importance du design. Vous comprendrez comment cette étape s’inscrit dans une démarche globale de conception d’interfaces. Vous découvrirez aussi les deux éléments clés d’un graphisme de qualité :

  • La création d’une interface intuitive par l’élaboration d’un parcours visuel
  • La définition d’une stratégie de communication par la construction d’un brief graphique.

Construire sa piste graphique

Afin d’assimiler progressivement les bases théoriques, la journée est rythmée par des ateliers pratiques. Au cours de ces ateliers, vos pistes graphiques prendront forme. En travaillant directement sur vos projets personnels, vous appliquerez ces nouveaux acquis en situation réelle de création graphique. Vous prendrez en main les outils professionnels de graphisme.

Les notions clés du design graphique

Dans cette partie du stage, la grille de mise en page et la typographie sont abordées. Ces deux éléments constituent la base essentielle du design graphique. De nombreux exemples de bonnes et de mauvaises pratiques seront présentés et vous vous imprégnerez du champ lexical des designers.

Jour 2
Afficher le programme détaillé

Couleurs et icônes

Dans la continuité, vous apprendrez à gérer les palettes de couleurs. Du langage émotionnel à l’application des couleurs sur une interface, vous saurez créer une gamme harmonieuse selon des méthodes éprouvées. La conception des icônes est ensuite abordée : la symbolique, le formalisme, etc.

Finalisation de l’interface

En vous appuyant sur votre brief graphique et vos nouvelles connaissances en design, vous mettrez en œuvre votre créativité pour finaliser l’interface. Pour cela vous utiliserez un outil professionnel de création graphique. Cette mise en situation réelle vous permettra de comprendre les problématiques concrètes que rencontrent les designers au cours d’un projet.

Évaluer une interface

Vous serez amené à donner votre avis sur les projets de chaque participant. Cette dernière partie, généralement très appréciée car constructive, vous permettra de vous exprimer sur les projets des autres d’une part, et de prendre en considération leurs remarques d’autre part. À l’issue de cette évaluation collective, vous posséderez le recul nécessaire pour améliorer votre interface. Vous bénéficierez d’une expérience riche qui vous aidera à mieux aborder les projets d’interface graphique.

Les modalités pédagogiques

Chaque participant accède aux outils pédagogiques suivants :

  • Le support de formation
  • Un accès à Figma
  • Un KIT de composants graphiques
  • Le livre UX design et ergonomie des interfaces
  • Les modèles de fichiers nécessaires à la réalisation des travaux pratiques
  • Une bibliographie
  • Une liste de liens utiles créée par le formateur
  • Un groupe Slack pour échanger avec le formateur

Le présentiel

Les formations en présentiel se déroulent dans notre salle de formation à Montrouge ou dans une salle partenaire au cœur de Paris.

  • Le formations sont séquencées en demi-journées
  • Vous réalisez des mise en situation et travaux pratique individuellement et en groupe
  • Le café et les boissons sont à volonté
  • Des viennoiseries sont à disposition chaque matin
  • Vous déjeunez en groupe au restaurant avec votre formateur (coût du déjeuner non pris en charge)

Le distanciel

  • Le nombre de participants est limité à 8 personnes
  • Le formations sont séquencées en module de 1h30 maximum
  • Des pauses sont aménagées après chaque module
  • Vous accédez à nos outils collaboratifs : Miro, classes Zoom, Figma Jam, Google Drive, Slack

Nos formateurs : Des experts du terrain

Usabilis se distingue des organismes de formations classiques : l’expérience du consultant des formateurs permet d’agrémenter le contenu de la formation d’exemples concrets et de transmettre leur expérience acquise sur le terrain.

ASMA LAZREG Directrice design et formatrice

Les témoignages des participants

Ce sont eux qui le disent…

Emilie LESCARET – Chef de projet digital – CDiscount

“Formation très complète et la mise en pratique du brief permet de synthétiser toutes les connaissances théoriques  Témoignage recueilli le 7 mai 2021

Emmanuel MALLIS – Chef de projet web marketing – Crédit Mutuel Nord Europe

“Très bonne formation laissant une place importante à la pratique. Top !  Témoignage recueilli le 11 décembre 2020

Gael Misiak – Auto-entrepreneur

“J’ai découvert ce qu’était un kit UI Beaucoup de tips sur l’utilisation de figma  Témoignage recueilli le 11 décembre 2020

Laura JOLIVET – Directrice du Digital – UNICORP

“Très bon équilibre entre théorie et pratique, j’aurai aimé approfondir la notion de construction d’un design system, peut-être un jour de plus pour cette notion ? :)  Témoignage recueilli le 9 octobre 2020

La Faq

Comment m’inscrire à la formation ? Pour vous inscrire vous pouvez utiliser le module de demande de devis présent en haut de chaque page formation ou contacter notre service de formation au 01 57 63 86 58.
Faut-il déjà maîtriser un logiciel de graphisme avant de suivre cette formation ? Cette formation ne requiert pas de maîtriser un logiciel de graphisme au préalable. Néanmoins il est nécessaire d'avoir une bonne aisance avec les outils informatiques de manière générale pour pouvoir prendre en main Figma correctement et réaliser les travaux pratiques prévus lors de la formation.
Comment m’assurer que cette formation me correspond ? Notre équipe pédagogie se tient à votre disposition pour répondre à vos questions et vous aider à choisir la meilleure formation en fonction de votre parcours professionnels et de vos attentes. Contactez-nous au 09 80 44 76 70 pour faire un bilan par téléphone.
Comment puis-je faire financer cette formation ?

Toutes nos formations sont éligibles aux financements suivants selon que vous soyez :

  • Salariés des TPE-PME : OPCO-EP, AKTO, AFDASAtlas
  • Indépendants et chefs d’entreprises : FIF-PLAGEFICE
  • Freelances affiliés à la MDA : AFDAS
  • Demandeurs d’emploi : Pôle Emploi ( ARE et CSPAIF )

Pour vous conseiller sur le financement de votre formation contactez nous au 01 57 63 86 58.

Dois-je acheter une licence pour Figma avant la formation ? Vous n'avez pas à effectuer d'achats auprès de Figma avant la formation. Il vous suffit de créer un compte sur Figma. La création d'un compte Figma est gratuite et vous permettra de suivre la formation.
Est-ce que Figma est compatible avec Mac et PC ? Figma fonctionne sur Mac comme sur PC. Il est accessible depuis un navigateur ou via un programme d'installation. Vous pouvez télécharger Figma via https://www.figma.com/downloads/. Afin de savoir si Figma est compatible avec votre ordinateur vous pouvez vous référer  à la section "Prérequis" de cette page ou sur Figma compatibility.  

Nos labels qualité

Nos formations ont reçu le label du référentiel Qualiopi qui atteste de la qualité des processus mis en œuvre par Usabilis dans les actions de formation qu’il propose (information, accueil, suivi, …).

Nos formations ont reçu le label qualité du référentiel Data-dock, elles sont donc éligibles à un financement total ou partiel par de nombreux OPCO.

Personnes en situation de handicap  : merci de nous contacter au 09 80 44 76 70 pour nous permettre d’évaluer avec vous la possibilité d’adaptation de notre formation à vos besoins.

Les formations qui pourraient vous intéresser

Formation Figma

Maîtriser Figma : le logiciel de conception d'interface

En savoir plus
Formation Adobe XD

Concevoir des prototypes et maquettes avec l'outil Adobe

En savoir plus
Design System

Mettre en place un Design System et les règles du design orienté objet

En savoir plus