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,
Formats: Ecran - Poster – 2 supports - papier et écran - physique et numérique
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
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
fontes Courier, etc… http://www.evertype.com/emono/
Editeur de texte: text edit ou note pad.