WARNING : 2022-2023 version of the course specifications
|
|||||
TPIG0001-1 | |||||
Travaux pratiques de techniques infographiques
|
|||||
Volume horaire :
|
|||||
Design Technique : 14h Th Design grilles 2 : 12h Th Design textes : 30h Th Direction artistique pour le Web : 15h Th Human centered design : 30h Th Média Narratif 1 : 18h Th UX design : 25h Th |
|||||
Number of credits :
|
|||||
|
|||||
Lecturer :
|
|||||
Design Technique : Design grilles 2 : François BOURGAUX, Simon MARCHAL Design textes : François BOURGAUX, Simon MARCHAL Direction artistique pour le Web : François BOURGAUX, Simon MARCHAL, Maude WERA Human centered design : François BOURGAUX, Simon MARCHAL Média Narratif 1 : François BOURGAUX, Simon MARCHAL, Alexandre TOURNAY UX design : François BOURGAUX, Simon MARCHAL |
|||||
Référent UE :
|
|||||
François BOURGAUX, Alexandre TOURNAY | |||||
Language(s) of instruction :
|
|||||
French language | |||||
Organisation and examination :
|
|||||
Teaching in the first semester, review in January | |||||
Units courses prerequisite and corequisite :
|
|||||
Prerequisite or corequisite units are presented within each program | |||||
Learning unit contents :
|
|||||
Not available | |||||
Design grilles 2
|
|||||
Les thèmes abordés sont?:
- Organisation d'espaces finis - Organisation d'espaces infinis - Les 4 types de grilles?:
- Capital Grid |
|||||
Design textes
|
|||||
Les thèmes abordés sont?: - Macrotypo?: - L'interlignage - Titre, sous-titre et paragraphe - Marge et espace vertical - Microtypo?: - Caractères accentués - liste - ligature - etc.... - Les Variable Font |
|||||
Direction artistique pour le Web
|
|||||
Les thèmes abordés sont?: - Qu'est-ce que la direction artistique - Design émotionnel - Principes de design - Lois de la Gestalt - Définir une direction artistique dans le cadre d'un projet |
|||||
Human centered design
|
|||||
Le contenu de ce cours est principalement la présentation d'une succession d'étapes méthodologiques et de savoirs-faire visant à la réalisation d'un site web. Le contenu de ce cours est séquencé en deux phases distinctes.?? La phase d'idéation / conception : vous prenez connaissance et appréhendez les grands principes conceptuels et les méthodes qui sous-tendent la création d'un design d'expérience, c'est durant cette phase que vous générez des idées et que vous structurez et hierarchisez le contenu de votre site web. ?La phase de production / réalisation du site : une phase plus technique, où vous apprenez à créer une interface web en mettant en place un Design System qui répond aux exigences habituelles - dans le monde professionnel - en termes d'accessibilité.?? | |||||
Média Narratif 1
|
|||||
- Adobe Premiere Pro - Adobe After Effects - Blackmagic Davinci Resolve |
|||||
UX design
|
|||||
Le contenu de ce cours est principalement la présentation d'une succession d'étapes méthodologiques et de savoirs-faire visant à la réalisation d'un site web. Le contenu de ce cours est séquencé en deux phases distinctes.?? La phase d'idéation / conception : vous prenez connaissance et appréhendez les grands principes conceptuels et les méthodes qui sous-tendent la création d'un design d'expérience, c'est durant cette phase que vous générez des idées et que vous structurez et hierarchisez le contenu de votre site web. ?La phase de production / réalisation du site : une phase plus technique, où vous apprenez à créer une interface web en mettant en place un Design System qui répond aux exigences habituelles - dans le monde professionnel - en termes d'accessibilité.?? | |||||
Learning outcomes of the learning unit :
|
|||||
Not available | |||||
Design grilles 2
|
|||||
Au terme de l'AA, l'étudiant-e est capable de?: - Comment placer un ensemble de texte dans un écran au format infini et y associer des éléments visuels. Au sein de l'AA, les objectifs sont?: - Composer une grille et la décliner pour différents types d'écrans. |
|||||
Design textes
|
|||||
Au terme de l'AA, l'étudiant-e est capable de?: - Composer des blocs de textes lisibles et rythmer un ensemble d'informations textuelles selon une hiérarchie appropriée. Au sein de l'AA, les objectifs sont?: - La mise en forme d'un simple paragraphe à l'élaboration d'une hiérarchie correctement rythmée. Les grands principes de base de la ponctuation, des listes, des citations, des chiffres et des ligatures. |
|||||
Direction artistique pour le Web
|
|||||
/ | |||||
Human centered design
|
|||||
v. fiche UE | |||||
UX design
|
|||||
v. fiche UE | |||||
Prerequisite knowledge and skills :
|
|||||
Human centered design
|
|||||
v. fiche UE | |||||
UX design
|
|||||
v. fiche UE | |||||
Planned learning activities and teaching methods :
|
|||||
Not available | |||||
Design grilles 2
|
|||||
Cours en présentiel et/ou distanciel Observation de pratiques Travaux de groupe en autonomie Travaux individuels pratiques Travaux individuels en autonomie L'utilisation d'IA est autorisé dans le cadre de ce cours. |
|||||
Design textes
|
|||||
?Cours en présentiel et/ou distanciel Observation de pratiques Travaux individuels pratiques Travaux individuels en autonomie L'utilisation d'IA est autorisé dans le cadre de ce cours. |
|||||
Direction artistique pour le Web
|
|||||
Cours pratiques Travaux individuels Travaux de groupes Remarque : L'étudiant devra être capable d'expliquer et justifier tout le code qu'il utilise, qu'il soit produit personnellement, copié d'une ressource externe ou généré par une AI. / |
|||||
Human centered design
|
|||||
Les méthodes d'enseignement sont variées : exposés magistraux interaction entre élèves / débats travaux de groupe exercices pratiques Le recours à certaines IA ne sera autorisé que si dûment et préalablement justifié auprès de l'enseignant |
|||||
Média Narratif 1
|
|||||
Cours théoriques Cours pratiques Travaux individuels Remarque : Le recours à certaines IA ne sera autorisé que si dûment et préalablement justifié auprès de l'enseignant. |
|||||
UX design
|
|||||
Les méthodes d'enseignement sont variées : exposés magistraux interaction entre élèves / débats travaux de groupe exercices pratiques Le recours à certaines IA ne sera autorisé que si dûment et préalablement justifié auprès de l'enseignant |
|||||
Mode of delivery (face to face, distance learning, hybrid learning) :
|
|||||
Not available | |||||
Design grilles 2
|
|||||
Enseignement hybride | |||||
Design textes
|
|||||
Enseignement hybride Présence de l'enseignant partielle |
|||||
Direction artistique pour le Web
|
|||||
Enseignement en présentiel Présence de l'enseignant totale |
|||||
Human centered design
|
|||||
hybride | |||||
Média Narratif 1
|
|||||
?Enseignement en présentiel Enseignement hybride |
|||||
UX design
|
|||||
hybride | |||||
Recommended or required readings :
|
|||||
Not available | |||||
Design grilles 2
|
|||||
Lectures recommandées:
Emil Ruder - Typography: A Manual of Design Josef Mu¨ller-Brockmann - Grid systems Support de cours: espace institutionnel du cours |
|||||
Design textes
|
|||||
Lectures recommandées?:
- Stop Stealing Sheep & Find Out How Type Works - Erik Spiekermann - Shaping Text: Type, Typography and the Reader - Jan Middendorp - Better Web Typography for a Better Web - Matej Latin - Web Typography - Richard Rutter Support de cours: espace institutionnel du cours |
|||||
Direction artistique pour le Web
|
|||||
Support de cours : espace institutionnel du cours / | |||||
Human centered design
|
|||||
Cette liste est présente dans les slides disponibles sur teams. | |||||
Média Narratif 1
|
|||||
- Support de cours?:
Espace institutionnel du cours - Lectures obligatoires : / - Lectures recommandées : / |
|||||
UX design
|
|||||
Cette liste est présente dans les slides disponibles sur teams. | |||||
Assessment methods and criteria :
|
|||||
Not available | |||||
Design grilles 2
|
|||||
Epreuve intégrée Evaluation identique d'une session à l'autre |
|||||
Design textes
|
|||||
Epreuve intégrée | |||||
Direction artistique pour le Web
|
|||||
Cette AA participe à l'évaluation du TJ de l'épreuve intégrée. | |||||
Human centered design
|
|||||
Cette AA participe à l'évaluation du TJ de l'épreuve intégrée. | |||||
Média Narratif 1
|
|||||
Cette AA participe à l'évaluation du TJ de l'épreuve intégrée. | |||||
UX design
|
|||||
Cette AA participe à l'évaluation du TJ de l'épreuve intégrée. | |||||
Work placement(s) :
|
|||||
Human centered design
|
|||||
non | |||||
UX design
|
|||||
non | |||||
Organizational remarks :
|
|||||
Not available | |||||
Design grilles 2
|
|||||
Implantation:
Namur Organisation horaire de la formation: enseignement en horaire de jour Organisation horaire de l'UE: voir hyperplanning : https ://heaj-planning.hyperplanning.fr/hp/etudiant |
|||||
Design textes
|
|||||
Implantation:
Namur Organisation horaire de la formation: enseignement en horaire de jour Organisation horaire de l'UE: voir hyperplanning : https ://heaj-planning.hyperplanning.fr/hp/etudiant |
|||||
Human centered design
|
|||||
non | |||||
Média Narratif 1
|
|||||
- Implantation :
Namur - Organisation horaire de la formation : Enseignement en horaire de jour - Organisation horaire de l'AA : Voir hyperplanning : https://heaj-planning.hyperplanning.fr/hp/etudiant |
|||||
UX design
|
|||||
non | |||||
Contacts :
|
|||||
Not available | |||||
Design grilles 2
|
|||||
Privilégiez la conversation Teams
Si nécessaire mais moins rapide, un email: francois.bourgaux@heaj.be |
|||||
Design textes
|
|||||
Privilégiez la conversation Teams
Si nécessaire mais moins rapide, un email: francois.bourgaux@heaj.be |
|||||
Direction artistique pour le Web
|
|||||
Privilégiez la conversation Teams Lorsque cela s'avère impossible je suis joignable via l'adresse mail maude.wera@heaj.be |
|||||
Human centered design
|
|||||
simon.marchal@heaj.be | |||||
Média Narratif 1
|
|||||
alexandre.tournay@heaj.be | |||||
UX design
|
|||||
simon.marchal@heaj.be | |||||