viernes, 29 de enero de 2016

FontShop, fundición digital


https://c2.staticflickr.com/4/3563/4650528389_0178f302dd.jpg

FontShop es una fundición tipográfica fundada en Berlín en los años 90 por Joan y Erik Spiekermann.
Fue la primera distribuidora de fuentes en la historia de la tipografía digital.
Existen cuatro FontShops independientes: Austria, Benelux, Alemania, E.E.U.U.



http://netdna.webdesignerdepot.com/uploads/2011/07/spiekermann_erik.jpg

Erik Spiekermann actualmente es tipógrafo y diseñador alemán. Estudió historia del arte en la Universidad de Berlín. Trabajó como freelancer en Londres. Fundó MetaDesign 8es la firma de diseño más grande de Alemania).

Algunas de sus primeras tipografías fueron Meta y Officina.

https://upload.wikimedia.org/wikipedia/commons/f/f8/Meta-Schriftprobe.png
Meta es una tipografía clave de la década de los 90. Fue diseñada para emplearse en tamaños pequeños. Se pretendía que fuera duradera y adaptable tanto en pantalla como en impresión.

https://laprestampa.files.wordpress.com/2014/07/familias-de-tipografia-serial-itc-officina.jpg?w=547

Officina es una familia tipográfica que cuenta con dos subfamilias que aumenta su flexibilidad. Su estilo se basa en el de las tipografías de las máquinas de escribir, pero más moderna.

https://www.microsoft.com/typography/links/563hot.gif

FontFont es la mayor biblioteca del mundo de tipos de letra contemporáneas originales.


https://adobe99u.files.wordpress.com/2014/06/neville-brody-portrait.jpg


Dos años después se une a FontShop el diseñador y tipógrafo Neville Brody. Brody decidió editar Fuse con un viejo amigo como Erik Spiekermann. Fuse fue un lanzamiento que ropió con todas las espectativas del diseño y la tipografía llevándoles a espacios radicalmente nuevos e imprevistos.
Años más tarde Brody fundó Research Studios, su propia asociación.



FF Beowolf fue la primera tipografía creada por FontShop.

https://www.fontfont.com/staticcontent/images/original/fontbook_600.jpg?1301891346


FontShop también tiene un gestor de fuentes avanzado llamado FontBook.
Al igual que también tienen una extensión para Google Chrome que te permite probar con diferentes fuentes llamada Webfonter.

http://www.ugm.cl/industrias-creativas/wp-content/uploads/2015/10/Webfonter.jpg


Actualmente esta fundición fue adquirida por la indrustria Monotype.

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






jueves, 31 de diciembre de 2015

Mapa interactivo de familias tipográficas

Una familia tipográfica: Romanas humanistas / venecianas



En este post os voy a mostrar esta familia tipográfica que me resulta bastante interesante.

Se trata de las tipografías romanas humanistas/ venecianas: 

Estos tipos surgieron en Venecia  mediados del siglo XV aprox. Estos fueron los primeros tipos romanos que fueron derivados de los manuscristos humanistas. 
Las fuentes más clásicas son la Bembo, la Sabon, la Centaur o la Minion.


Características:

Tienen un contraste débil y gradual entre los trazos gruesos y finos.

Las letras de caja baja tienen ascendentes oblicuos y trazos terminales, mientras que las letras de caja alta tienen la misma altura que las ascendentes; los trazos terminales son gruesos e inclinación

Aquí os muestro algunos ejemplos de las más clásicas:



Bembo:

Sabon:




Centaur:



Minion:



Unidad 5: Clasificación de las familias tipográficas

5.1. Las clasificaciones de familias tipográficas

En el siglo XX se creó una clasificación para todas las fuentes tipográficas. Se realizaron diferentes intentos el primero de todos ocurrió en 1921 por Fracois Thibaudeau. El criterio que estableció fue desde el punto de vista morfológico, teniendo en cuenta la forma y los remates.

Las clasificó de la siguiente manera:
  • Con serif: Romanas, modernas o Didot y egipcios.
  • Sin serif: Palo seco
  • Otras tipografías

En 1954, Maximilian Vox clasificó todos los tipos de su época desde el punto de vista histórico. Su trabajo sentó las bases para el desarrollo de otras clasificaciones. Vox decide establecer nueve estilos.

En 1958, Aldo Novarese establece diez estilos de familias tipográfas. Esta clasificación es una modificación de la que realizó Vox.

En 1962, aTypI (Asociación Tipográfica Internacional) estaba de acuerdo con los estilos que había establecido Vox, excepto algunos que les veían ciertas carencias y propusieron once estilos y no nueve como había desde un principio.
Otras clasificaciones fueron: Pelliter, BS2961, Alessandrini, Muriel Paris (2002).


5.2. Familias clásicas

A continuación, la clasificación que estableció aTypI:

1. Romanas humanistas/ venecianas: Fueron desarrollados en Venecia. Son los primeros tipos romanos evolucionados de los manuscritos humanistas del siglo XV.

Características:

Tienen un contraste débil y gradual entre los trazos gruesos y finos. Las letras de caja baja tienen ascendentes oblicuos y trazos terminales, mientras que las letras de caja alta tienen la misma altura que las ascendentes; los trazos terminales son gruesos e inclinación.


2. Garaldas/ Romanas antiguas: Son tipos romanos del siglo XVI. 

Características:
Estos tipos surgieron de los grabados de Francesco Griffo. Se caracterizan por sus proporciones más finas y flexibles.



3. Reales/ Romana de transición: 

Características: 

Su modulación es vertical, el contraste entre trazos gruesos y finos oscila de medio a alto.



5.3. Familias modernas

4. Didomas/ Romanas modernas: Aparecen a mediados del siglo XVIII. Estos tipos fueron creados por Didot y perfeccionados por Bodoni.

Características:

Son reconocidos con facilidad por su verticalidad, por su fuerte contraste. Los trazos terminales del pie y ascendentes de caja baja son horizontales; los trazos terminales horizontales son delgados y usualmente cuadrados.
Remates filiformes.



5. Egipcias / mecánicas /Slab seriffed: Aparecieron durante la Revolución Industrial, como tipos de rotulación, estos fueron pensados especialmente para trabajos de publicidad como panfletos, periódicos y demás.

Características:

Se llaman asi por las columnas egipcias. Astas muy cuadrangulares.
Tienen nulo contraste en el grosor de los trazos, el espaciado es ancho, los trazos terminales son del mismo grosor que las astas.


6. Lineales/ San serif: Vox estableció cuatro subcategorías:
  • Grotescas: se considera la antecesora de la helvética. 
         Características:

         Presentan algún contraste en el grosor de los trazos, tienen una ligera cuadratura en las curvas.            La "R" de caja alta tiene usualmente una rama curvada; la "g" tiene frecuentemente un ojal                  abierto y la "G" tiene usualmente una uña.


  • Nes-grotesca: Helvética tiende a ser más geométrica y proporcionada. 
         Características:

         Son modernos caracteres sin serif. Los contrastes de grosor de trazo están menos marcados, la            embocadura de ciertas letras como la "C" suele ser más abierta; la "g" no tiene anillo inferior              cerrado sino una simple cola.


  • Geométricas: es destacada la Futura, considerada influenciada por la Bauhaus.
         Estos tipos surgieron como consecuencia de las propuestas estéticas de los movimientos de                vanguardia en Europa.

         Características:

         Se construyen a partir de líneas rectas y figuras geométricas básicas como el círculo y el                    rectángulo.


  • Humanistas: es una mezcla entre la romana grotesca y la neogrotesca pero sin remates.
         Características:

         Presentan algún contraste en el grosor de los trazos. Gill Sans, Optima, Quay Sans son algunas          tipografías que pertenecen a este grupo.



5.4. Familias caligráficas

7. Incisas/glíficas: estos caracteres fueron inspirados en las letras talladas en piedra o en metal.

Características:

Los caracteres tienen un ancho relativamente uniforme. Presentan grandes remates triangulares.

8. Escripta/ de escritura/ manuscritas: Son fuentes que intentan imitar lo que escribiríamos con un útil normal. Son de inspiración caligráfica. Por ejemplo: Mistral



9. Gráficas /manuales: Hace referencia a técnicas de dibujos como con rotuladores.
Son inadecuados para la composición de textos. Son empleados para fines publicitarios.




5.5. Otras familias

En este grupo se clasifican las fuentes tipográficas que carecía en un principio la clasificación de Vox. Este grupo es conocido como Vox+2.


10. Fracturas o góticas
: Fueron de las primeras tipografías utilizadas en la historia de la tipografía y no estaba incluida por ello decidieron incluirla en los estilos de Vox.

Son fácilmente reconocidos por sus formas angulares.



11. No latinas: se trata de un grupo heterogéneo, en éste grupo están todas las versiones de la escritura, las cuales no son del alfabeto latino como el griego, cirílico, hebreo, japonés y chino.




5.6. Tipos libres, decorativos y de titulares


1. Stencil/plantilla:


2. Techno: esta tipografía está relacionada con la tecnología.









3. Handwritting: esta tipografía es un poco mas informal que pretende imitar la tipografía manual. 





         


4. Pixeladas: estas tipografias fueron las que comenzaron con los monitores de ordenador, que eran monocromos y tenían poca resolución. 




5. Dingbats: se trata de una tipografía de iconos.


6. Brush: tipografías de pincel







7. Typewriter: imitan las maquinas de escribir. 





8. Textura: estas parecen estampadas de sello.



9. Old school: estastas tipografias tratan de imitar fuentes norteamericanas de campus universitarios.





10. Fantasía: