Unidad 6: Tipografía digital

“La era digital ha supuesto una verdadera explosión. En unas pocas décadas, se han diseñado más tipos que en la historia anterior de la tipografía”. Wilhide.

http://graffica.info/wp-content/uploads/tabla_tipos.jpg

6.1. Tipografía digital

Concepto de tipografía digital: 

El origen de la tipografía digital se encuentra en las tecnologías que hicieron posibles estas tipografías, como por ejemplo los ordenadores personales, las primeras impresoras, programas de maquetación, postscript, WYSIWYG, esta nueva tecnología dio pie a diseñar nuevas tipografías que se adaptasen a los nuevos soportes del momento. 

Al principio de estos diseños se fueron recuperando las tipos más conocidas como por ejemplo Bembo, Garamond. La historia de estas tipos la podéis encontrar en uno de mis anteriores posts, aquí tenéis el enlace. Historia tipográfica

Una fuente digital cabe pensar que es como “un saco” que se meten todos los caracteres. En lenguaje técnico se puede decir que es un software que contiene elementos de programación. No solo es un conjunto de caracteres sino que se trata de algo mucho más complejo. 

http://www.unostiposduros.com/wp-content/uploads/2008/09/fcpmain.gif

En cuanto a las características, se puede observar que contienen caracteres alfabéticos, numerales y otros signos de puntuación. 

Otra de las características de una fuente tipográfica suelen ser familias tipográficas, es decir, las diferentes versiones como cursiva, negrita, etc. 

También tienen elementos gráficos comunes, dentro de las familias tipográficas, algunos de sus caracteres son comunes como los remates o la altura de x. 

También es importante hablar sobre la importancia de las fuentes tipográficas hoy en día, ya que muchos de nuestro ordenadores contienen infinitas y eso hace que afecte al rendimiento del mismo. Por ello, decidieron crear unos gestores tipográficos, los cuales se encargan de habilitar y deshabilitar las fuentes que nosotros queramos en cualquier momento. Es una manera de economizar recursos.

si te interesa un poco el tema haz clic aquí y podrás ver algunas de las aplicaciones que hay en el mercado.

http://denielleemans.com/wp-content/uploads/2013/02/fontbook.png

6.2. Las fuentes tipográficas

Dentro de las fuentes tipográficas se pueden distinguir dos tipos, como son mapa de bits y vectoriales.

• Las fuentes de mapa de bits fueron las primeras que se incorporaron a los primeros ordenadores. Poco a poco la tecnología fue avanzando a pasos agigantados y decidieron crear fuentes vectoriales, puesto que las fuentes bitmap ya no tenían esa precisión que se demandaba en el mercado.

http://evolucao-dos-computadores.f1cf.com.br/images/cfpc_160-1.jpg

          Se creó el "antialiasing" consistía en una herramienta para poder matizar los contrastes de los               pixeles.

http://blog.revolution-computer.com/wp-content/uploads/2015/02/untitled.jpg

• Vectoriales: Adobe postscript, este fue el primer programa vectorial que se creó. Más tarde Apple y Microsoft crearon otra alternativa llamada True Type (1991). Además de esta alternativa crearon otra llamada OpenType, que a partir del año 2000 Microsoft pesó que tenía que revolucionar el mundo de la tecnología, así que decidió que fuera un software libre. El sistema OpenType (.otf) presenta un sistema Unicode que permite mayores caracteres.

Apple por su cuenta invento algo diferente llamado Splinex, el cual tenían funciones cuadráticas.

https://tiposformales.files.wordpress.com/2010/09/figura_xx_nodos_y_manejadores_4.jpg

6.3. Legibilidad en pantalla

Existe un termino llamado Hinting, este define que pixeles va a utilizar cada carácter tipográfico ajustándose a la vez a su tamaño y resolución de pantalla. Una buena fuente tiene muchas instrucciones de cada carácter y a la vez muchísima programación.

En una fuente aparte de caracteres y programación existe una cosa muy importante como el espacio entre letras.

En cuanto a la administración de fuentes, existen diferentes usos de una fuente en un ordenador como su instalación y también la carga temporal, e incrustar (embedding).

http://letrag.com/imaxes/hinting.jpg

6.4. Fundiciones digitales

Existen muchas fundiciones digitales, aquí os muestro algunas de ellas por si os resulta de interés:

• My fonts viene de la industria de monotype y quizás se considere una de las más grandes.

http://assets.markwyner.com/i/tumblr/myfonts.gif

• FontShop pertenece a Erik Spierkemann y Neville Brody, se han ido adaptando a los nuevos tiempos sacando nuevas aplicaciones para móviles y ipad. 

http://www.michaeldoret.com/blog/wp-content/uploads/2009/07/fs_logo_lg.gif

• Linotype también se recicló dejando a un lado las máquinas para dedicarse también al mundo de las fuentes digitales.

http://www.supremecreative.co.uk/wp-content/uploads/2012/01/linotype_the_film01.jpg

• Fonts.com esta fundición también pertenece a la industria de monotype.

https://www.horizoninteractiveawards.com/assets/images/pages/fonts-award.png

• Hype for type, esta fundición es bastante actual pero poco a poco se va adentrando en e mercado con éxito.

http://sitebureau.com/wp-content/uploads/2015/06/hype-for-type-logo.png

• Creative market no solo se dedica a la tipografía sino que también se dedica a administrar otro tipo de recursos.

http://siliconflorist.com/wp-content/uploads/2012/01/Creative-Market.jpg

• Emigre también tiene una sección dedicada al comercio de fuentes tipográficas

http://www.emigre.com/Images/TBSCR.JPG

Existen tarifas como la que propone adobe : Typekit

Fontstand: propone el alquiler de tipografías.

http://media.creativebloq.futurecdn.net/sites/creativebloq.com/files/images/2015/05/fontstand-logo-rgb.jpg

6.5. Tipo de soportes digitales

Encontramos varios soportes digitales como la web, los móviles, los libros electrónicos y texto y programación:

• Web: Uno de los primeros avances que hubo en la web fueron las hojas de estilo (.css), la cual se encargaba de definir con iban a ser los textos de los contenidos webs. En la primera versión el css no permitían integrar fuentes. En cambio, cuando llegó la segunda versión incluyeron una nueva función llamada @fontface, la cual hacía que cualquier fuente que pusieras iba a estar incrustada. Pero esta función facilitó la piratería de fuentes tipográficas.

          Más tarde sacaron otra versión, la Css 2.1, esta eliminó esa última función incorporada. y más             adelante, en el año 2008 sacaron la Css3 junto con Firefox y safari, lo cuales crearon                           alojamientos para fuentes virtuales.

http://www.technokrats.in/images/css.jpg

• Móvil/Tablet: Actualmente es muy conocido el término mobile first, es decir, que se piensa primero como hacer por ejemplo una web adaptada a los móviles y tables y por último a los ordenadores, puesto que hoy en día los dispositivos más utilizados son los móviles y las tablets.

• Libros electrónicos.

• Texto y programación: Existen varios elementos de programación.
• Processing: este lenguaje fue creado para diseñadores y artistas, se trata de un lenguaje de programación muy básico.
• Scriptographer: se trata de un plugin de Adobe Illustrator.
• Paper. js:
• Natebox
• Cinder