Table des matières

▐ ░ ∵┈ ASCII PARAÎT ∵░∵

╼ ╽ ╾ ╿ ▀ ▁ ▂ ▄ ▅ ▆ ▇ █ ▉ ▊ ▋ ▌ ▍ ▎ ▏ ▐ ░ ▒ ▓ ▔ ▕

Lisible et visible

Lettre, code, dessin, texte, représentation graphique.

Un atelier dans le cadre des cours de culture numérique (Romain Marula) et de design graphique (Joël Vermot). De tout temps l'écriture a été utilisée comme instrument de dessin. Elle est elle même dessin. Cette représentation est aujourd'hui par le code.

Thème: le portrait

Dessiner le portrait d'un de vos collègue en ascii art, ansi art ou en caractères unicodes (monospace). En faire une affiche et un écran typographique.

Ce lettrage doit être le même sur l'écran de votre téléphone (en html) et sur un poster noir blanc de largeur 85cm et hauteur à déterminer. L'enjeu est d'avoir, pour le même code, une lecture perception différente selon les formats et les supports,

- - - - - - - - - - - -

Lisibilité / Visibilité Formats: Ecran - Poster – 2 supports - papier et écran - physique et numérique

Enjeux Dessin, code, supports, distance, typographie, impression, accrochage, exposition.

unicode, html, css, ascii, monospace, web to print

Exemple de calcul de format Samsung A3 largeur = 60mm * 105mm largeur = 850mm * Xmm (X=1487mm)

Puis combien de caractères par lignes, par hauteur de page. (résolution ascii)

- - - - - - - - - - - -

ASCII

Niveaux de gris $@B%8&WM#*oahkbdpqwmZO0QLCJUYXzcvunxrjft/\|()1{);[]?-_+~<>i!lI;:,“^`'.

ANSI ╼ ╽ ╾ ╿ ▀ ▁ ▂ ▄ ▅ ▆ ▇ █ ▉ ▊ ▋ ▌ ▍ ▎ ▏ ▐ ░ ▒ ▓ ▔ ▕

http://paulbourke.net/dataformats/asciiart/ http://mewbies.com/geek_fun_files/ascii/ascii_art_light_scale_and_gray_scale_chart.htm

ANSI http://mewbies.com/acute_terminal_fun_03_create_ascii_art_and_ansi_on_the_terminal.htm#asciicharts

Ref Ascii

livre machine à écrire

Les questionner sur le Responsive →

faire 2 ou 3 formats site + Imprimer A1 media querie

Créer un visuel avec du Asci dans un fichier .txt Création d'un caractère pour réaliser l'ascii design sous contrainte

Ressources

fontes Courier, etc… http://www.evertype.com/emono/

Editeur de texte: text edit ou note pad.

[ ( `;-£›‹>⋅⋅•⋅\ ]

- - - - - - - - - - - -

Restitutions

- - - - - - - - - - - – - - - - - - - - - - – - - - - - - - - - - -

Les sites ☞

Les posters ☞

- - - - - - - - - - - – - - - - - - - - - - – - - - - - - - - - - -