Actions

Différences entre les pages « Design numérique (BA) » et « Web2print »

De erg

(Différence entre les pages)
 
(Page créée avec « Ce module est accessible à tous les étudiant·e·s B2/B3 du pôle Média, ainsi qu'en stage pour les étudiant·e·s des autres pôles. Au sein de ce module, nous expé... »)
 
Ligne 1 : Ligne 1 :
 +
Ce module est accessible à tous les étudiant·e·s B2/B3 du pôle Média, ainsi qu'en stage pour les étudiant·e·s des autres pôles.
  
{{English|Visual and Graphic Communication}}
+
Au sein de ce module, nous expérimenterons la mise en page de documents imprimés en utilisant des outils du web: HTML, CSS (et Javascript pour les plus avancé·e·s). Cela peut paraître contre-productif de premier abord, mais c'est bien pour être plus efficace d'un côté (un seul document qui produit un site web et une publication imprimée, plus besoin de copier/coller chaque modification) mais aussi pour trouver d'autres outils de mise en page qu'Indesign qui est enseigné dans toutes les écoles de design graphique internationales. Les outils du web sont très accessibles et en constante évolution; ce qui permet de trouver de nouveaux processus, de nouvelles formes. Utiliser les outils du web permet aussi de faire des publications imprimées qui se mettent à jour avec du contenu dynamique, à l'instar d'un site web.
  
Le pôle '''Media''' est construit d’un ensemble de cours théoriques, techniques et pratiques dont l’atelier pluridisciplinaire et les cours à statut d’Orientation ou de Stage à partir desquels l’étudiant·e construit son cursus, et où les frontières entre Graphisme, Typographie et Design Numérique sont constamment interrogées.
+
[[Fichier:Whole erg catalogue.jpg|vignette|Workshop Whole erg catalogue. Utilisation de paged.js pour mettre en page des contenus générés à partir de vidéos YouTube.]]
Pour cela, l’étudiant·e suit plusieurs ateliers dont celui de son Orientation et d’autres, en lien ou non, avec cette Orientation.
 
Selon le niveau, ces modules sont attribués ou à choix :
 
 
 
En B1, un tronc commun s’organise en 6 modules répartis sur les 2 quadrimestres que tou·te·s les étudiant·e·s du pôle suivent à des plages spécifiques du calendrier. Ces modules proposent des apprentissages afin de sensibiliser à différentes pratiques et d’assurer une série d’acquis de base communs à toutes les Orientations confondues du Pôle.
 
 
 
Au second quadrimestre, l’étudiant·e suit son Orientation liée à son choix de début d’année et présente un jury qui témoigne à la fois de son parcours et du choix de son Orientation.
 
 
 
En B2/B3, L’Orientation se constitue à présent de 2 entités composées de 3h d’Orientation fixe + 3h de modules plus spécifiques à choisir issus de son Orientation ou d’une autre du Pôle.
 
 
 
'''Exemple'''
 
 
 
En B2, B3, un·e étudiant·e inscrit·e en Typographie suit pendant l’année 3 heures de son Orientation fixe Typographie et choisit un des 3 modules proposés par quadrimestre et les autres à raison de 3 heures par semaine.
 
Sachant que ces modules sont teintés des différentes orientations. Un·e étudiant·e en Typographie peut décider de toujours choisir les modules liés à son Orientation (1 module teinté Typographie à chaque quadrimestre) ou choisir de prendre à chaque fois un module plutôt teinté Graphisme ou CVG/Design numérique.
 
La plupart des cours sont donnés en même temps aux B2 et aux B3, et changent une année sur deux de telle manière que les étudiant·e·s de B3 n’aient pas deux fois le même menu de cours.
 
 
 
'''----------------------------------------------------------------------------------------------------------------------
 
'''
 
 
 
== Communication visuelle et graphique → Design numérique ==
 
 
 
Enseignant.e.s : [[Lionel Maes]], [[Antoine Gelgon]], [[Stéphanie Vilayphiou]]
 
 
 
         
 
 
 
<blockquote>«Le design, c’est composer un poème <s>épique</s> <ins>en HTML</ins>, réaliser <s>une fresque</s> <ins>un fond d’écran</ins>, peindre un <s> chef-d’œuvre</s> <ins>portrait en intelligence artificielle</ins>, écrire un <s>concerto</s> <ins>son 8-bit</ins>. Mais c’est aussi vider et réorganiser <s>un tiroir de bureau</s> <ins>son disque dur</ins>, extraire <s>une dent cariée</s> <ins>une archive zip</ins>, faire cuire <s>une tarte aux pommes</s> <ins>un logiciel</ins>, choisir les équipes pour un jeu de <s>baseball</s> <ins>la vie</ins> et éduquer un <s>enfant</s> <ins>plotter</ins>.»
 
 
 
Victor Papanek, ''Design pour un monde réel'', 1971, remixé par l'équipe Design Numérique
 
</blockquote>
 
 
 
L’Orientation «Communication visuelle et graphique» renommée «Design numérique» propose d’explorer les modes de création artistiques et graphiques en milieux numériques.
 
Que ce soit dans nos téléphones, nos cartes de transports, nos outils de travail…, le numérique est omniprésent. Apprivoisons nos outils de production digitaux en « les pratiquant » ou autrement dit en « faisant avec ». Notre laboratoire vous propose de développer des pratiques numériques hybrides, favorisant le détournement, le hacking et la poésie, la magie et les recettes, et parfois la lenteur et la maladresse. Convaincus que c’est dans les entrailles
 
des objets et système digitaux que se jouent les enjeux politico-socio-éco-logico-philosophico-anthropologico
 
historiques —autrement dit, des enjeux de design— nous proposons de les pratiquer par l’observation, l’imitation, la
 
technique, la dissection, la transformation, la combinaison.
 
Aucun prérequis n’est obligatoire pour suivre cette Orientation si ce n’est être curieux, oser, bidouiller, transformer, se heurter, se comprendre et partager ses expériences.
 
 
 
 
 
Site du cours: https://pratiquesnumeriques.be
 
 
 
=== Modules orientés B1 ===
 
 
 
 
 
 
 
* [[Dessin / le fait main numérique]]
 
* [[Parler avec les machines]]
 
 
 
 
 
=== Modules orientés B2-B3 ===
 
 
* [[html2print]]
 
 
 
 
 
[[catégorie: B1]]
 
[[catégorie: B2]]
 
[[catégorie: B3]]
 

Version du 25 juin 2021 à 23:01

Ce module est accessible à tous les étudiant·e·s B2/B3 du pôle Média, ainsi qu'en stage pour les étudiant·e·s des autres pôles.

Au sein de ce module, nous expérimenterons la mise en page de documents imprimés en utilisant des outils du web: HTML, CSS (et Javascript pour les plus avancé·e·s). Cela peut paraître contre-productif de premier abord, mais c'est bien pour être plus efficace d'un côté (un seul document qui produit un site web et une publication imprimée, plus besoin de copier/coller chaque modification) mais aussi pour trouver d'autres outils de mise en page qu'Indesign qui est enseigné dans toutes les écoles de design graphique internationales. Les outils du web sont très accessibles et en constante évolution; ce qui permet de trouver de nouveaux processus, de nouvelles formes. Utiliser les outils du web permet aussi de faire des publications imprimées qui se mettent à jour avec du contenu dynamique, à l'instar d'un site web.

Workshop Whole erg catalogue. Utilisation de paged.js pour mettre en page des contenus générés à partir de vidéos YouTube.