TYPOFRONT - Typomad 2013

Tiempo atrás los diseñadores conocíamos todo lo relacionado con los medios impresos (papeles, tintas, pigmentos, acabados, técnicas de impresión … ) y cómo estos afectaban a la tipografía (por ejemplo las trampas de tinta). Sin embargo, hoy en día tenemos que profundizan en las posibilidades de los medios digitales y como afectan a la tipografía para realizar nuestros proyectos.

Transcript

1. TYPOFRONT
2. Distancia de lectura Legibilidad · Contextos
3. Román, José (2012). Screen
5. Román, José (2012). Screen
6. 01001111 01001011
7. OPENTYPE CSS JAVASCRIPT
11. DISEÑADOR Proceso de trabajo IMPRENTA
12. DISEÑADOR Proceso de trabajo PROGRAMACIÓN
13. VERSIONES VERSIONES VERSIONES
16. Diseñador
17. Diseñador Programador
18. Diseñador Tipografía Programador
19. Diseñador Tipografía Programador DESARROLLO VISUAL
20. OPENTYPE El lenguaje de programación BASIC en tipografía TYPOFRONT José Mª Román Gálvez TYPOMAD 2013 Matadero Madrid
21. « ... que permite sustituir los caracteres básicos por el de otros conjuntos» Josep Patau, 5º Congreso Internacional de Tipografía
22. Opentype A B C D E F G H I J K L M N ... A B C D E F G H I J K L M N ... Caja alta Versalitas
23. fiesta fiesta DLIG Ligaduras discrecionales LIGA Ligaduras funcionales
24. CALT Alternativas contextuales INIT Formas iniciales
26. FRAC Fracciones 5/12 5/12
28. CALT Contextuales alternativas a � � � ą a
29. Balius, Andreu (2009), Czeska
30. INIT FALT Formas iniciales Formas finales * abd
31. Johannes Lang (2009), Doggy Chihuahua Teckel Pato Caniche j j j j
32. Sustitución de glifos Sustituir palabras Representar datos Transformar el contenido
33. SUSTITUCIÓN DE PALABRAS PRO de opentype
34. Fuentes, Fernando (2013), TinyBellboy ¡hijos de la gran bretaña!
35. Fuentes, Fernando (2013), TinyBellboy ¡hijos de la ### #####!
36. ###### Insultos de 6 letras ######### Insultos de 9 letras ### Insultos de 3 letras
37. @ ! ¿ ?+ ! Insultos de 6 letras @¿ * * ^ • ( ! \ Insultos de 9 letras @ # ! Insultos de 3 letras
38. AÑADIR TAG
39.  Rohan, Jon y Cameron, MCeffee (2012). Octo Icons
40. «Ha agilizado la producción»
41. 1x 1.5x 2x
43. 32px 16px
44. ((8 iconos  )  )   Densidades Dos estados Dos tamaños
45. 984 imágenes
47. Dos tamaños 8 iconos  
48. 164 caracteres
51. REPRESENTAR DATOS PRO de opentype
52. dx+70+50+73+97+63+27 +70+50+73+97+63+27 55+80+43+87+31+44 55+80+43+87+31+44 70+50+73+97+63+27 70+50+73+97+63+27 25+5+100+45+23 25+5+100+45+23 TK Type (2009). Charltwell
53. dx+70+50+73+97+63+27 dx+70+50+73+97+63+27
58. Glifo 1 Glifo 2
60. front-end
61. OPENTYPE + CSS La combinación perfecta para el front-end TYPOFRONT José Mª Román Gálvez TYPOMAD 2013 Matadero Madrid
62. TYPOFRONT José Mª Román Gálvez TYPOMAD 2013 Matadero Madrid
63. .typomad2013 .typomad2013::before {} .typomad2013::after {}
64. .typomad2013::before .typomad2013
65. Román, José Mª (2012). OPEN SANS Open sans
68. DEMO
69. OPENTYPE + CSS + JS La trinidad TYPOFRONT José Mª Román Gálvez TYPOMAD 2013 Matadero Madrid
70. TYPOFRONT José Mª Román Gálvez TYPOMAD 2013 Matadero Madrid
71. TRANSFORMAR EL CONTENIDO PRO de opentype
72. pan+hamburguesa+lechuga+tomate+queso+pan Román, José (2013), Fast Food sans
73. Román, José (2013), Fast Food sans
74. Román, José (2013), Fast Food sans
75. Román, José (2013), Fast Food sans
76. Román, José (2013), Fast Food sans
77. Román, José (2013), Fast Food sans
78. Román, José (2013), Fast Food sans
79. before before after After HTML HTML 1 4 2 5 3 6
82. TIENE EL PODER DE CONTROLAR La trinidad
83. http://fittextjs.com/
84. Y DE ORIENTARNOS EN LA OSCURIDAD La trinidad
86. https://www.microsoft.com/typography/otspec/otff.htm
88. DISEÑADOR Proceso de trabajo PROGRAMACIÓN
89. «La tipografía es un sistema funcional que no renuncia al componente plástico y visual.» Manuel Sesma
90. « El 95% de la información en la web es lenguaje escrito.» Oliver Reichenstein, 2006
91. «No olviden supervitaminarse poniendo un programador en su vida»
92. ¿PREGUNTAS?
93. @josergb · lole@bynewroman.com MUCHAS GRACIAS