Incertain où
commencer?

Track

Certificat

Outils de Conception UI/UX

4.7+

★★★★★

10 avis

Beginner

En complétant ce parcours, vous acquerrez les compétences nécessaires pour concevoir des interfaces web et mobiles intuitives et visuellement attrayantes en utilisant Figma, appliquer les principes essentiels de l'UI/UX pour améliorer l'expérience utilisateur, et travailler efficacement avec Adobe Photoshop et Illustrator pour des graphiques et des éléments de conception de haute qualité. Ces outils et techniques aideront à créer des produits numériques professionnels et conviviaux qui engagent et retiennent les utilisateurs.

Figma

Photoshop

Illustrator

Boost your Tech Skills!

with up to 55% off

What you'll get with our subscription:

Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skills
Personalized study tracks
Certificates of completion

Training 2 or more people?

Get your team access to Codefinity courses anytime, anywhere.

Try Codefinity Teams

What you will learn

Explore design principles, user experience methodologies, and real-world UI/UX challenges through practical projects
Understand core design principles, including layout, typography, color theory, and composition
Gain expertise in Photoshop's selection tools, layers, masks, and adjustment layers for advanced photo editing
Master retouching techniques, color correction, and non-destructive editing to enhance digital artwork
Learn to create professional vector graphics, including logos, icons, and illustrations
Explore Illustrator's essential tools, layer management, and color manipulation techniques for high-quality design projects

126 chapters
13 hours
162 tasks

Trusted by employees of leading companies

Learning track content

Module 1 / Conception UI/UX Avec Figma

Découvrez ce qu'est Figma, son rôle dans la conception UI/UX, ainsi que la navigation dans son interface et ses outils. Explorez le tableau FigJam pour le brainstorming et la collaboration, ainsi que les pages et les cadres dans Figma, qui constituent la base pour organiser et structurer efficacement vos conceptions.

Découvrez comment les calques dans Figma permettent de garder votre conception organisée, explorez comment les formes groupées facilitent la création de visuels attrayants, et apprenez à styliser le texte de manière élégante à l’aide des outils de typographie.

Apprenez à placer des photos et des vidéos, à utiliser des masques et à appliquer des modes de fusion pour des conceptions dynamiques. Maîtrisez les couleurs, les dégradés, les boutons, les mises en page automatiques, les composants et les styles. Exploitez la puissance des plugins et des widgets pour renforcer votre créativité et optimiser votre flux de travail.

Explorer les colonnes, les grilles, les plugins et la structure parent-enfant des composants pour optimiser le processus de conception.

Développement de wireframes basse fidélité. Création de prototypes interactifs. Animation des conceptions. Présentation efficace du travail aux clients.

Module 2 / Maîtrise d'Adobe Photoshop

Découvrez la navigation dans Photoshop, la création de nouveaux projets, la personnalisation de l'espace de travail et la prise en main du logiciel.

Maîtrise des sélections dans Photoshop, compréhension du fonctionnement des calques et utilisation des masques de calque, première étape vers la création d’images créatives.

Apprenez à supprimer les objets ou distractions indésirables de vos images, quelle que soit leur taille, à modifier l'apparence de certains objets et à ajuster la lumière et les couleurs d'une image.

Prêt à approfondir l'univers artistique de Photoshop ? Dans cette section, vous découvrirez les couleurs, la théorie des couleurs, différents types de pinceaux et de motifs, la création de dégradés et bien plus encore !

Maintenant que nous avons acquis la plupart des bases de Photoshop, il est temps de faire preuve de créativité et de réaliser des visuels.

Puisque nous sommes arrivés à la fin du cours, voyons comment gérer notre flux de travail et garder tout organisé.

Module 3 / Fondamentaux d'Adobe Illustrator

Découvrez comment utiliser Illustrator en vous repérant, en démarrant de nouveaux projets, en personnalisant votre espace de travail et en vous familiarisant avec le logiciel.

Commençons à approfondir Illustrator et à comprendre la différence entre les images raster et les graphiques vectoriels, ce qui sera notre point de départ pour créer et gérer des objets et des formes.

Êtes-vous prêt à plonger plus profondément dans le bassin artistique d'Illustrator ? Dans cette section, vous en apprendrez davantage sur la manipulation des formes, la théorie des couleurs, comment créer des dégradés et bien plus encore !

Il est temps d'apprendre à dessiner n'importe quelle œuvre d'art à partir de zéro et comment les colorier. Prêt à créer de l'art numérique?

Maintenant que nous avons appris la plupart des bases, il est temps de donner vie à notre artiste intérieur.

Finalisons tout ce dont nous avons parlé, apprenons à peaufiner les œuvres d'art, à les présenter et à exporter les ressources.

Module 4 / Principes de Base du Design

Découvrez la signification du design, son importance et son impact sur la communication et la résolution de problèmes. Analyse de la manière dont les différents types de design influencent les expériences dans divers domaines, des produits numériques à l’imprimé. Présentation du rôle de la recherche dans l’orientation des choix créatifs et l’assurance que les solutions répondent efficacement aux besoins des utilisateurs.

Comprendre comment les lignes, les formes et les volumes structurent les mises en page visuelles. Découvrir l'importance de la taille, de l'espace et du format dans la création de l'équilibre. Examiner comment la photographie et les illustrations contribuent à la narration, et appliquer les principes de la Gestalt pour orienter la perception, aidant ainsi les spectateurs à relier les éléments en un ensemble cohérent et attrayant.

Maîtriser les éléments fondamentaux d’un design efficace. Explorer l’emphase, l’équilibre, le contraste, la répétition et la proportion pour créer harmonie et clarté. Comprendre comment le rythme, le mouvement, le motif et la hiérarchie orientent l’attention, tandis que l’espace blanc et la variété apportent respiration et dynamisme. Découvrir comment l’unité relie l’ensemble pour un impact renforcé.

Plongez dans la typographie en tant qu’élément central du design. Étudiez l’anatomie des caractères, l’espacement et la lisibilité afin d’améliorer la communication. Apprenez à sélectionner des polices adaptées au ton et à l’objectif, et explorez la hiérarchie typographique pour instaurer ordre et signification. La typographie devient un outil puissant pour façonner à la fois le style et la clarté.

Découvrez le langage et les systèmes de la couleur, y compris RVB, CMJN et Pantone. Explorez la théorie des couleurs et l’harmonie pour créer des compositions visuellement équilibrées. Comprenez comment le contraste influence la lisibilité, comment les espaces colorimétriques assurent la cohérence entre les supports, et comment la psychologie des couleurs impacte les émotions, l’image de marque et la perception.

Requirements

A computer with a browser - all browsers are supported.
Your enthusiasm to enhance your tech skills.
Everything else needed to start learning and practicing is already included in this course.

Over 200,000 5-star ratings and counting

Ruslan Kravchuk

L'essentiel est d'apprendre et de ne pas abandonner

Le matériel est bon, il y a beaucoup à apprendre, tout cela pour s'améliorer, et l'essentiel est d'apprendre ce que vous souhaitez....

Matteo Comune

Grâce à eux, j'apprends énormément…

Grâce à eux, j'apprends beaucoup plus rapidement car ils vous aident à tout comprendre depuis le début. C'est le meilleur site web pour aider les personnes sans connaissances préalables en informatique...

Yuliana Cadavid

super cours pour débutants

super cours pour débutants, ils testent vos connaissances à chaque leçon...

Elpunzon

Je profite pleinement de mon expérience Codefinity…

Je profite pleinement de mon expérience Codefinity en apprenant Python. L'apprentissage à votre rythme est idéal car il s'adapte à votre emploi du temps...

Alexandru Alexandru

C'est agréable d'apprendre avec Codefinity

C'est agréable d'apprendre avec Codefinity. C'est facile et il y a de bons exemples de ce que j'ai appris ici...

jacob Templet

Easy to follow along with and provides…

Facile à suivre et apporte un défi dans mon quotidien. Ce défi me motive à apprendre chaque jour...

Elan

Codefinity est un outil d'apprentissage complet…

Codefinity est un outil d'apprentissage complet qui vous aide à développer vos compétences en tant qu'ingénieur logiciel ou data scientist. Les exercices sont amusants et constituent un excellent moyen d'affiner vos compétences...

Thibault

Première fois que j'apprends à coder

Première fois que j'apprends à coder et je réussis grâce à Codefinity - merci...

Adrien Morel

Parfaitement conçu pour les débutants complets

Parfaitement conçu pour les débutants complets, le progrès pas à pas me donne confiance....

_Gracy

c'est tout simplement parfaitement bien expliqué

C'est tout simplement parfaitement bien expliqué ! Jusqu'à présent, je n'ai rencontré aucune difficulté car tout est si bien organisé...

Ruslan Kravchuk

L'essentiel est d'apprendre et de ne pas abandonner

Le matériel est bon, il y a beaucoup à apprendre, tout cela pour s'améliorer, et l'essentiel est d'apprendre ce que vous souhaitez....

Matteo Comune

Grâce à eux, j'apprends énormément…

Yuliana Cadavid

super cours pour débutants

super cours pour débutants, ils testent vos connaissances à chaque leçon...

Elpunzon

Je profite pleinement de mon expérience Codefinity…

Je profite pleinement de mon expérience Codefinity en apprenant Python. L'apprentissage à votre rythme est idéal car il s'adapte à votre emploi du temps...

Alexandru Alexandru

C'est agréable d'apprendre avec Codefinity

C'est agréable d'apprendre avec Codefinity. C'est facile et il y a de bons exemples de ce que j'ai appris ici...

jacob Templet

Easy to follow along with and provides…

Facile à suivre et apporte un défi dans mon quotidien. Ce défi me motive à apprendre chaque jour...

Elan

Codefinity est un outil d'apprentissage complet…

Thibault

Première fois que j'apprends à coder

Première fois que j'apprends à coder et je réussis grâce à Codefinity - merci...

Adrien Morel

Parfaitement conçu pour les débutants complets

Parfaitement conçu pour les débutants complets, le progrès pas à pas me donne confiance....

_Gracy

c'est tout simplement parfaitement bien expliqué

C'est tout simplement parfaitement bien expliqué ! Jusqu'à présent, je n'ai rencontré aucune difficulté car tout est si bien organisé...

Data Engineer

Certificat de Réalisation

Montrez vos compétences nouvellement acquises. Vous l'avez mérité

Discover more
Learning tracks

	ProBest intro offer	UltimateA complete experience to kickstart your career
85+ Top-Rated courses
Completion certificates
AI-Assistant in all courses
20+ hands-on Real-world projects
Personalized study tracks
Unlimited workspaces

Outils de Conception UI/UX

Développement Web Avec C#

Python de Zéro à Héros

SQL de Zéro à Héros

Essentiels de C++

Développement de Jeux avec Unity

Devenez Développeur React

Essentiels d'Excel

Essentiels de Java

Développement Web Full Stack

Fondations du Développement Frontend

Maîtriser la Visualisation des Données

Maîtrise de l'Apprentissage Automatique

Maîtrise du C++

Java Web

Devenez un Ingénieur QA

Production Vidéo avec Adobe

Compétences Bureautiques Essentielles

Digital Marketing Essentials

Complete Social Media Management

Business AI Toolkit

Développement de Sites Web Sans Code

Odyssée du Deep Learning

Ready to get started?