Descriptif

Ce premier cours “Design d’interfaces - les fondamentaux ” est une introduction à la conception d’interface web. À travers ce cours, nous verrons comment les principes fondamentaux du design s’appliquent pour les écrans. Des exercices pratiques seront réalisés avec le logiciel Figma, un éditeur de graphiques vectoriels et un outil de prototypage.

→ Plan de formation

Objectif du cours

Objectif

Le but de ce cours est d’acquérir une bonne connaissance technique des logiciels de conception graphique et de prototypage d’interfaces. Comprendre les termes liés à la profession, formuler des concepts d'interface interactive et connaitre les bases de la mise en mise en page pour des formats web.

Compétences à atteindre

• [ ] Comprendre ce qu’est une interface et site internet
• [ ] Connaitre les terminologies suivantes : UI, UX, wireframe, maquette, prototype (basse/haute fidélité), pattern, “pattern library”, composants.
• [ ] Atteindre une bonne connaissance du logiciel Figma comme outil de prototypage
• [ ] Connaitre les bases de la mise en page pour écran (grille typographique simple, hiérarchies de texte, les espacements et positionnements,..).
• [ ] Connaitre le principe du Gestalt

Outils

📢 Communication

• Teams
• Mail : [email protected]

🖍 Création:

• Figma : Team 421 : lien

Cours théoriques

1. Cours d’introduction, écrans et interfaces numériques Introduction, écrans et interfaces numériques

2. Les composants de l’interface : introduction

   Les composants de l’interface - introduction (1)

3. UI-UX définition UX et UI, définition

4. Qu’est-ce qu’un site internet ?

   Site internet, définition et anatomie

5. Les bases de la mise en page pour écran 1

   Les bases de la mise en page pour écran (1)

6. Les bases de la mise en page pour écran 2

   Les bases de la mise en page pour écran (2)