Exposition a l’Erg, du 13 au 17 Octobre, de 13:00 a 17:00
Visite chaque jour a 15:00, sauf lundi.
Pour les étudiants qui ont 4h avec moi le lundi, nous prendrons le train pour Bruxelles de 15:08. Visite prévue a l’ERG a 16:30.
Liens:
Studios
Fonderies:
Editeurs:
Pour les signes “interdit de fumer”:
http://www.eatock.com/project/no-smoking-sign-request/
- - - -
Pour les horloges:
http://www.vvork.com/?paged=30
http://www.vvork.com/?paged=31
- - - -
Pour les papiers peint et les fontes A4:
Les partisants du moindre effort
La rentrée s’est faite, bienvenue a tous.
Les sujet pour le premier semestre sont disponible sur la page “Exercices en cours”
= = = = = =
Les cours se dérouleront ainsi:
Communication visuelle
2ème master : Cours 4h toute l’année
1ère master: Cours 4h jusqu’au 15 janvier
3ème Bachelor: Cours 2h toute l’année
Arts numériques
2ème master : Cours 4h a partir du 15 janvier
1ère master: Cours 4h jusqu’au 15 janvier
3ème Bachelor: Cours 2h toute l’année
Architecture d’interieur
Cours 3h jusqu’au 10 novembre
Voici quelques liens utiles avant de commencer les travaux:
Quelques livres digitaux:
http://booksonline.free.fr/index.htm
Le Typogenerator, de katharina nussbaumer (c’est un projet d’étude, quand elle était étudiante)
http://www.typogenerator.net/index.php
Le Net.art generator de Cornelia Sollfrank
http://www.obn.org/generator/ pour l’essayer et obtenir le code source.
Un livre (en anglais) que je vous recommande tous, surtout si vous vous destinez à travailler avec du code (obligatoire pour les 5ème Arts Numérique):
Florian Cramer - Words made flesh
Take a newspaper.
Take some scissors.
Choose from this paper an article the length you want to make your poem.
Cut out the article.
Next carefully cut out each of the words that make up this article and put them all in a bag.
Shake gently.
Next take out each cutting one after the other.
Copy conscientiously in the order in which they left the bag.
The poem will resemble you.
And there you are—an infinitely original author of charming sensibility, even though unappreciated by the vulgar herd.
L’application du système de grille expliqué en cours et repris ici est expressément demandé pour l’exercice du livre de glanage.
Le système expliqué ici s’applique a l’imprimé, mais les principes sont exactement les mêmes pour la création de sites et documents numériques.
Tout dépend du contenu…
1 - Déterminer le format
A4, A5… Tout dépend des sources (livre, leaflet, flyer) et des ressources de production dont vous disposez (imprimante, imprimeur)
2 - Déterminer le(s) caractère(s) et leur taille selon:
La lisibilité
Le nombre de niveaux d’information: Titre, intertitre, sous titre, texte, notes, légendes…
Souvent, c’est a vous de déterminer ces niveaux. Les clients font appels a des graphistes pour mettre au clair leurs information. C’est votre travail que de fournir ce service. Une fois cette étape réglée, vous aurez d’autant plus de champs libre dans la création.
! Adaptez vous au contenu, et pas l’inverse!
Selon ces tailles, déterminez le plus petit radical commun qui va vous permettre de définir votre grille magnétique. (une grille magnétique trop petite ne sert a rien - minimum 3pt)
Ex:
texte courant: Taille 9pt, interligne de 12pt
Notes: Taille 6pt, interligne de 9pt
PPRC: 3pt
texte courant: Taille 11pt, interligne de 14pt
Notes: Taille 7pt, interligne de 10pt
PPRC: 4pt
Minimum 2 pt de corps de texte de différence entre 2 niveaux d’information.
Vous pouvez ainsi construire le reste de la grille sur la base de 12pt:
Les gouttières de colonne doivent avoir le même espacement qu’un saut de ligne (12pt). Les espaces entre texte et images aussi
Vous obtenez ainsi une grande homogénéité des espaces, simplifiant la lisibilité et l’aspect.
3 - Déterminez les marges.
Selon: la reliure prévue
Cette étape est souvent sous-estimée, pourtant elle influe énormément sur le rendu final du travail. Il existe quantité de manières de les déterminer (cf post sur Tschichold)
Symétrie, asymétrie…
4 - Déterminez les colonnes
Selon les quantités d’informations selon les niveaux: beaucoup de texte courant, beaucoup de notes, beaucoup d’images…
Une ligne de texte courant doit contenir entre 9 et 12 mots, en moyenne. C’est la quantité la plus reposante à l’œil pour de longs textes.
Pour les notes ou infos lisibles plus rapidement, vous pouvez descendre à 3 - 6 mots.
Une mise en page avec nombre de colonnes pair donne un aspect classique et stable. Un nombre impair donne un sentiment plus dynamique.
Les 2 peuvent être cumulés dans une mise en page.
5 - Définissez les styles.
Pour vos recherches, prenez toujours les parties de travail les plus complexes ou les plus problématiques. Vous résolvez ainsi le maximum de cas de figure qui risquent de vous obliger a reprendre tout le travail si rencontré plus tard.
Une fois tout vos niveau d’informations déterminés formellement, encodez-les en In design, et traitez l’ensemble des textes selon. Vous pourrez changer facilement en cours de route si un problème survient.
Il est possible d’extraire les styles du HTML, de document Words and co… Vous pouvez aussi demander à votre client de préparer les documents selon vos styles dans le cas de gros boulots.
Thème:
Le Progrès
Technique:
Glanage et Montage
Forme:
Un livre
Les exercices de cartographie et d’identité graphique mettaient en jeu le fait de devoir définir une idée avant de déterminer une mise en forme - Form Follows Function. Dans ce nouveau travail, ce sont les elements que vous glanerez et associerez qui construiront l’histoire du livre. Function Follows Form!
Le livre sera de format maximum A4, la reliure sera de votre choix.
72 pages (5eme et 4eme année)
36 pages (3eme année)
Il comprendra:
- Des textes
Vous devrez construire une narration / histoire en n’utilisant que des textes issus de Wikipédia.
Vous pouvez réécrire, copier, coller, modifier, transformer… mais vous devrez créer une coherence narrative.
- Des images “glanées”
- Des images trouvées
- Des photos que vous prenez
- Des illustrations que vous faites
On devra pouvoir en extraire 10 posters
- 5 posters typographiques
- 5 posters photos/images.
Les fontes utilisées doivent être sous licence Open Source* (à pas confondre avec des fontes gratuites, hein!), que vous modifierez/remixerez selon les besoins.
On en trouve pas mal là:
http://www.geocities.com/hartke01/
* : La Free Software Foundation maintient une définition du logiciel libre basée sur quatre libertés :
- Liberté 0 : La liberté d’exécuter le programme, pour tous les usages.
- Liberté 1 : La liberté d’étudier le fonctionnement du programme.
- Ceci suppose l’accès au code source.
- Liberté 2 : La liberté de redistribuer des copies.
- Ceci comprend la liberté de vendre des copies.
- Liberté 3 : La liberté d’améliorer le programme et de publier ses améliorations.
- Ceci suppose l’accès au code source.
- - - - - -
- La base du travail est le film d’Agnes Varda, Les Glaneurs et la Glaneuse (2000). Projection au prochain cours à 13:00, présence de tous nécessaire.
(…) Glaner est l’acte de rassembler les récoltes de surplus des champs des fermiers après qu’elles aient été commercialement moissonnées ou sur des champs où il n’est pas économiquement profitable de moissonner. (…) Dans le monde moderne, glaner est pratiqué par les groupes humanitaires qui distribuent la nourriture glanée au pauvre et affamé ; dans un contexte moderne, ceci peut inclure la collection de nourriture des supermarchés à la fin du jour qui autrement serait gâché. (…) (Wikipedia)
+ + + + + + +
3ème Bachelier
+ + + + + + +
Bormans David
15
Très bon travail, surprenant au vu des derniers boulots présentés. Grande évolution sur les dernières semaines. Bonne initiative de partage et de collaboration sur les fontes. Agréables proposition d’applications comme sur le TShirt. Ensemble homogène.
Diaz Aurore
11
Résultat obscur. Les idées ne sont pas nettes et les applications formelles n’ont pas de relations avec les sujets traités (cactus)
Manque de précision sur les documents produits (marges, orientations). Aucun exercice n’est terminé.
Dufour David
15
Excellentes cartographies. Bonne narration. La finesse du style graphique est a développer. Les posters des fontes auraient pu être un peu plus précis. Excellent livre de lettres, risqué mais tenu dans l’idée et la réalisation.
Gallez Audrey
10
Grands manques en technique et en démarche, autant dans la précision que dans les styles graphiques. Idées vagues et problèmes non résolus. Il faut travailler sérieusement les idées et la réalisation.
Lienard Thibault
12
Relatif manque de travail. Tout arrive à la fin sans que l’on puisse préciser le propos ou la précision. Les idées ne sont pas assez abouties. Les stickers sont très chouettes, mais il faut en développer les applications. Bon livre de lettres.
Razine Ivan
14
Travail très précis et bien geré techniquement et graphiquement. Mais parfois les idées s’arrêtent vite… Beaucoup de sueur, j’apprécie. La présentation manquait de générosité, et pêchait d’applications possibles (on devait imaginer ce que cela pouvait donner). Tendance à confiner le travail dans des potenciels ou à les contraindre à une forme trop rigide. Très intelligent mais ne se met jamais en danger! Faire l’inverse au 2eme semestre.
Roza Milena
11
Ça sentait la galère. La fonte peut être poussée plus loin. Complet hors sujet sur la cartographie. Excellent livre de lettres.
Thlibi Marwa
13
Bon et drôle travail de carto, argumentation charmante. La fonte n’est pas assez développée. Plus de précision technique nécessaire.
Vanderstocken Jessica
12
Le sens s’arrête vite. Les travaux ne sont pas poussés assez loins. Cartographie bien rendu esthétiquement mais coincée à la fin.
+ + + + + + + +
2ème License
+ + + + + + + +
Boel Chantal
Très peu vue ce semestre. Un peu hors sujet. Affiches à développer.
Kulumba Gies
Projet à définir plus précisément, puis trouver les applications ertinentes. Nécessité d’être plus précis techniquement (qualité des jpg!).
Conseil: Développer les applications sur le texte et la typographie.
Pichon Thomas
Très bon sens de l’image et du logo. A développer impérativement. Facilités techniques et esthétiques. Bon potenciel dans les fontes combinatoires. Bon livre de lettres, mais mal imprimé.
Conseil: Résoudre les problèmes de hiérarchie d’information dans les leaflets PUIS passer à la réalisation graphique.
Travailler les compositions typographiques sur images.
Philippe Thronte
Excellents résultats de laboratoire. Il faut maintenant déterminer l’objectif du projet pour le jury final et penser à sa coherence technique et esthétique.
Van Gaver Loic
Déterminer le sens du projet. Quelques réalisations techniques interessantes, mais sans vue coherente.
Conseil: développer les potenciels des outils et leur sens, monter le projet autour de leurs applications.
.
+ + + + + + + +
3ème Bachelier
+ + + + + + + +
Caci Guiseppina
14
Excellent livre de lettres. Superbe illustration pour la cartographie (Un peu sauvée par le gong!), à développer impérativement! Fonte pas finie, ni formellement, ni techniquement.
Corne Mélanie
13
Des potenciels mais tout est à faire ou a voir. Les travaux sont réalisés en dernière minute et forcéments non solutionnés. Quasi rien n’a été discuté en cours, c’est dommage.
Duval Emelyne
16
Super, complet et autonome. Enthousiasmant.
Fatus Claire
13
Finallement étonnant manque de travail. Projets dispersés. La fonte n’est pas finie, La cartographie mérite développement. Il faudrait travailler en 3D, construire des mondes…
Morgane Lemaire
12
Super livre de lettres. Problèmes d’organisation dans la carto. Il faut instrumentaliser les dessins vers le design graphique.
Caroline Van Bever
13
Un peu “service minimum”… Travailler la photographie et la composition. Livre de lettres pas mal.
Leila
12
Beaux dessins-collage pour la carto. Les développer. Travailler la calligraphie impérativement. Attention au style “grand-mère”!
.
+ + + + + + +
1er Master
+ + + + + + +
Helin Pierre
13
Délimiter et/ou éclaircir la multiplicité des supports.
Faire des choix, et foncer, en s’amusant!
.
+ + + + + + +
2ème License
+ + + + + + +
Barattucci Elodie
Dufrasne Marie
Giordano Sara
Janssens Valérie
Maerens Stéphanie
Quaqueux Amélie
Vandevelde Lucie
Vous avez toute gagné. Supers boulots! Bravo, je suis fier de vous! On continue!
Et pas lundi 17!
Ordre de passage:
3ème Bachelier
Arts Numériques
9:00 Bormans David
9:10 Diaz Aurore
9:20 Dufour David
9:30 Gallez Audrey
9:40 Lienard Thibault
9:50 Razine Ivan
10:00 Roza Milena
10:10 Thlibi Marwa
10:20 Vanderstocken Jessica
3ème Bachelier
Communication Visuelle
10:40 Caci Guiseppina
10:50 Corne Mélanie
11:00 Duval Emelyne
11:10 Fatus Claire
11:20 Morgane Lemaire
11:30 Caroline Van Bever
11:40 Leila!
= = = = =
2eme Master
Arts Numériques
14:00 Boel Chantal
14:10 Kulumba Gies
14:20 Pichon Thomas
14:30 Philippe Thronte
14:40 Van Gaver Loic
1er Master
Communication Visuelle
14:50 Helin Pierre
2eme Master
Communication Visuelle
15:00 Barattucci Elodie
15:10 Dufrasne Marie
15:20 Giordano Sara
15:30 Janssens Valérie
15:40 Maerens Stéphanie
15:50 Quaqueux Amélie
16:00 Vandevelde Lucie
En compagnie de nos amis Françis Jacobs et Michel Cleempoel. Attachez vos ceintures.
Et peut-être Laurent Badoux de collerettecocofilllsd
Constant Mathieu, du même studio, ne peux venir ce jour là pour des raisons de quotations dans l’école ou il enseigne. Mais ce n’est que partie remise!
Je reviens sur magazine Ink, et un beau détournements d’interface graphique générant un lettrage de titre.
Le numero 1 est un bon exemple d’utilisation d’une grille modulaire pour la mise en page, observez bien la manière dont ils l’utilisent, nous en auront besoin pour les exercices de la seconde partie de l’année.
Question graphisme et inventivité, je vous encourage à dépiauter le site de JK Keller: c71123 pour plusieurs raisons:
Ce sympathique garcon instrumente tout ce qu’il a autour de lui dans un but créatif. C’est de son oeil qu’il faut s’inspirer. Les réalisations exposées ici sont le résultat d’un processus qui allie observation, mise en relation, réalisation simple et soignée, le tout de manière ludique. C’est ce que je vous souhaite a tous.
La grille de structure du site est claire sans être ennuyante, 5 colonnes, proche d’une esthétique imprimée.
L’organisation est une petite base de donnée php assez drôle.
Le Logo c71123 est un interessant aperçu de destruction / reconstruction digitale. J’esperais qu’il se regenerait de maniere automatique a chaque fois qu’on se connecte, mais non, bienque ce soit une operation relativement facile. Mais mieux: il a créé un script illustrator lui permettant de réaliser autant de lettres differentes qu’il désire.
C’est aussi de là que je tire le petit exercice sur les packaging a transformer en personnages. Il n’est pas nécessaire de se borner à cette recette, mais il n’est pas ininteressant de s’y confronter. C’est du plaisir plus que du labeur.
N’y voyez pas un résultat esthétique à atteindre, mais des recettes de détournement du quotidien et des techniques dont la plupart sont familier.
En tout cas, il n’a pas peur de montrer ses erreurs, qu’il récupèrera un jour!
J’oublie parfois le traitement d’image et la photographie, ce qui est une erreur de ma part. Le site de christophe huet est un exemple en la matière, publicitaire mais posant toujours problème. L’ambiguité des images est difficile a critiquer, elles vont souvent dans 2 directions opposées: une esthétisation de l’enfer et une valorisation des produit. C’est une finesse que la photographie permet. Le making off de l’image “grosse tête” est une leçon de photoshop a elle seule.
Pour le reste, c’est pas en ligne.
