▐ ░ ∵┈ 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
- Découverte du web to print
- Apprendre les @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
- - - - - - - - - - - – - - - - - - - - - - – - - - - - - - - - - -
- - - - - - - - - - - – - - - - - - - - - - – - - - - - - - - - - -