6.B Post investigación: Una fundición digital (Atipo)

Buenas, a continuación os voy a hablar de una fundición digital española llamada Atipo.

https://scontent-mad1-1.xx.fbcdn.net/hphotos-xaf1/
v/t1.0-9/164996_157259987653132_3681410_n.jpg?
oh=00c8eeacbdbbcff4996ca8d2e1046df8&oe=57350E38

http://graffica.info/wp-content/uploads/2013/12/00_foto_Atipo.jpg

Atipo es un pequeño estudio multidisciplinar (de comunicación gráfica, diseño editorial, identidad corporativa, web, motion, tipografía e ilustración), que fue creado en 2010 por los diseñadores Raúl García del Pomar e Ismael González González en Gijón.

Ambos diseñadores coincidieron en la Facultad de Bellas Artes de Salamanca, donde se licenciaron en Diseño Gráfico y Audiovisuales. Después de trabajar en diferentes estudios y agencias, en plena crisis, ambos decidieron desarrollar su proyecto personal Atipo.

Atipo tiene un estilo clásico, pero con un aire actual, ya que pretenden que sea intemporal. Con un diseño cuidado y sin estridencias. Destacan en el uso de la tipos y cromatismos, de base conceptual.

Intentan actualizarse siempre y aprender de sus errores.

Piensan que en un furuto el papel perderá protagonismo pero aun sigue seguirá estando, al igual que  las tipos para impresión y que además, abrá nuevas tipos digitales para pantallas, web, móviles y tablets.

Y comentar que en poco tiempo consiguieron cierta fama y recibieron numerosos premios (algunos fueron: Laus, Brand New Award, Motiva...)

http://www.unostiposduros.com/wp-content/uploads/2012/11/calendas-01.jpg

Atipo a creado varias fuentes a lo largo de estos años, como por ejemplo Calendas, que fue la primera que realizaron y fue desarrollada para uno de sus proyectos llamado “Dosmilonce”

Con aire clásico, gran legibilidad y elegancia, pesada para trabajar en tamaños pequeños y con remates caligráficos. Más adelante realizaron la Calendas plus, una versión mejorada de la anterior.

Comentar que Edward Leida vio en Calendas la nueva tipo que usaría para el rediseño de la revista Town & Country, Además solicito a Atipo nuevas versiones o pesos (versión para texto (más femenina), semibold, semibold italic, titulares y swashes).

http://atipo.es/wp-content/uploads/2013/04/10calendas-tandc.jpg

Además mencionar que Dosmilonce, fue un proyecto que como ya e dicho, realizo Atipo, que 

consistió en convertir un calendario en una novela y durante este proceso fue cuando se desarrollo la tipo Calendas, como ya mencione.

http://atipo.es/wp-content/uploads/2014/09/cassannet-01.jpg

Otra de las tipos que hicierón fue la Cassannet esta tipo está inspirada en tipos usadas por Cassandre. Es una sans-serif, con formas geométricas, sencilla y equilibrada, que recoge el espíritu de la época con muchas variantes y ligaduras. 

.

Comentaros que la tipo Cassandre surgio a partir del proyecto Grafilm de Atipo. En el que realizaron nuevas versiones de carteles clásicos de cine, recreados con el estilo gráfico de mitos del diseño.

Además para promocionar la tipo Cassannet, decidieron hacer un homenaje a Cassandre y recrearon en carne y hueso el tríptico “dubo, dubon, dubonner”. A continuación les dejo el video, que me resulto bastante curioso:

https://vimeo.com/33167546

http://atipo.es/wp-content/uploads/2014/09/tcassannet01.jpg

http://www.mryuse.com/wp-content/uploads/dubonnetpost.jpg

http://bariol.com/wp-content/uploads/2015/08/bariol-slider-web2015-01.jpg

http://bariol.com/wp-content/uploads/2015/08/bariol-icon-02.jpg

Otra tipo es Bariol, es una tipo sans serif redondeada, condensada ligeramente, amable y cercana. Y 

muy legible hasta en tamaño pequeño. Además tiene una versión con serif y una larga lista que iconos curiosos y divertidos.

http://bariol.com/

http://bariol.com/wp-content/uploads/2015/08/bariol-icon-06.jpg

http://atipo.es/wp-content/uploads/2014/09/salome-01.jpg

La Salomé es otra familia tipográfica con un diseño único y atractivo, inspirada en las didonas, con líneas puras y alto contraste. Tiene cuatro estilos y cursivas con bastantes ligaduras y alternativas. También realizaron Salomé booklet, que era un folleto con ilustraciones para promocionar esta tipo.

https://scontent-mad1-1.xx.fbcdn.net/hphotos-xfa1/v/t1.0-9/
11017692_865898450122612_1578591748697401896_n.jpg?
oh=728f5f0665e6cd2c2fd8f9c0d7e374c7&oe=572E5157

La tipo Geomanist tiene un diseño contemporaneo sans, limpio y elegante, con una combinación de formas geométricas y toques humanistas. También realizaron Geomanist booklet, un folleto inspirado en esta tipo.

Comentar que todas las tipos que hemos visto las podéis encontrar en la página oficial de Atipo gratuitas o pagando lo que quieras. 

Además la agencia de branding ico design les encargo crear una fuente e iconos a medida para la nueva identidad y señalización del aeropuerto Luton de Londres.

https://scontent-mad1-1.xx.fbcdn.net/hphotos-xpf1/v/t1.0-9/
1384325_829082410470883_1924912634369187650_n.jpg?
oh=369eba78152ba5eba3c71a63f296410d&oe=5724A665

Esta gente no solo se dedica a hacer tipos sino que también hace diseños de marcas o entidades, ilustraciones y lettering,... hasta incluso han realizado un cuento interactivo.

Como por ejemplo Animodul, en el que crearon el diseño de la marca de ropa y juguetes para niños, en el que tema escogido fue los animales. O The Poool, donde realizaron las ilustraciones y lettering para esta revista, donde hicieron tributo al jazz. También crearon otros diseños de identidad como el de Minke, el de Play restart o el de Bömarzo. Además crearon un cuento interactivo para niños, “El viaje de alvin”, en el que el prota esta dispuesto a recorrer 400 km en su segadora para reencontrarse con su hermano.

http://atipo.es/wp-content/uploads/2014/09/01animodul1.jpg

Y para despedirme aquí os dejo Fontface, otro de los homenajes que han realizado, esta vez dedicado a 4 diseñadores de tipos famosas. En este proyecto realizaron diferentes tipos en la cara de una chica, para elaborar 4 carteles, cada uno dedicado a una tipo en concreto. Aquí les dejo los carteles y el video:

https://vimeo.com/19558725

http://images.bigcartel.com/bigcartel/product_images/
33476500/max_h-1000+max_w-1000/fontface_05.jpg

Aquí os dejo, espero que os haya gustado.

¡Hasta la próxima!

6.5 Tipografía en soportes digitales.

En este apartado os comentare los diferentes soportes digitales que hay.

1- Web

Comentar que hace unos años atrás si usabas una de las tipos de Windows o Mac para una pagina web, sabias que lo escrito iba a salir bien, que los demás verían el texto tal y como tu lo estabas viendo, pero si trabajabas con otras tipos que no fueran ni de Windows ni Mac, corrías el riesgo de que los demás no lo viesen como tu lo estabas viendo, pero esto se fue arreglando con el tiempo. 

 Tipos que se podían usar: vendarna, time new roman, comic sans sans serif,...

Y comentar que los estándares de las pantallas se han ido cambiando a lo largo de tiempo, antes eran más pequeños y ahora son grandes, y las tipos se han tenido que ir adaptando. Y decir que el tamaño de las tipos no bajan de 9, ya que no se leería bien.

2- Móvil/ tablets:

http://dispersium.es/wp-content/uploads/
2014/04/responsive-vs-mobile-first.png

Hay que tener en cuenta que lo que hagas, digitalmente, se va a ver en tablets, ordenadores, móviles...

Actualmente hay un movimiento llamado Mobile First, por el que se consume más datos desde el móvil, que desde otros dispositivos, entonces cuando se diseña una pagina por ejemplo, para lo primero que se diseña es para móviles y después es cuando ese diseño se pasa a formato tablet y ordenador.

3 – Libros digitales:

Uno de los avances que hizo la wed fue las Hojas de Estilo (CSS), define como va a ser el texto de un contenido que esta en la web, el tipo de fuente, tamaño, jerarquía...

En la versión 1 de la CSS no se podía integrar ninguna fuente, solo se podía utilizar las que tenía el sistema por defecto, tu no podías añadirles nuevas. O si no tenías que incluir dos alternativas, una para MAC y otra para Window, de tipos, entonces tenías que pensar el como iba a salir en Mac y como iba a salir en Windows, y era un lio.

Y llego la version 2 con una función llamada @font-face, que te permitía añadir en tu pagina web una fuente y eso automáticamente servía como una carga temporal o incrustada, cualquier fuente que tu utilizaras al entrar el cliente se veía, con cualquier fuente que utilizases, pero no tenía mucha seguridad y esto provocó que muchos informáticos pudieran coger la tipo de ahí y las piratearan, esto facilito la piratearía de fuentes.

En la versión 2.1 eliminaron la función @font-face. En 2008 llego el CSS 3, se inventaron los alojamientos virtuales de fuentes virtuales, que permite la carga temporal de la tipo y permite usar fuentes que están en un servidor.

4- Texto y programación:

Elementos de tipografía para hacer contenido experimental de carácter creativo aplicado a texto:

https://s-media-cache-ak0.pinimg.com/236x/
dc/ef/4f/dcef4f15728cb219d29b26a126adf934.jpg

1- Processing: es un sistema o lenguaje de programación muy básico pensado para diseñadores y artistas para gente que no tiene muchos conocimientos pueda escribir códigos y puedan programar, para que lo tengan mas fáciles. Se trata de un código.

2- Scriptographer: es un plugin de illustrator, en el que tu no haces el dibujo a mano, sino que es un dibujo con formas generativas, que se genera por códigos , por algoritmos del programa no a mano. Y se genera en tiempo real.

3- Paper.js: es una implantación de HTML5, que es la ultima versión de l HTML, con muchas funciones , muchas de carácter generativo, sobre todo de animación, movimiento, con tecnología flash.

4- Natebox: es un sistema de código libre, con caracteres generativos.

5- Cindex: crea formas auto generadas, no están realizadas a mano, esta realizado por códigos. Código libre.

¡Hasta la próxima!

6.4 Fundiciones digitales.

En este apartado os hablaré de las fundiciones digitales que debéis visitar y las que no.

http://4.bp.blogspot.com/-69HVSMfaBLw/U0LtFJ0wBrI/
AAAAAAAAIrU/iWZ_0_5cgnk/s1600/
Donde+descargar+tipografi%CC%81as+y+donde+no2.jpg

Empezaré comentándoos las que no debéis visitar, ni debéis descargaros ninguna tipo, que son las siguientes: Dafont, Fontzone, 1001 freefonts... entre otras, ya que las tipos que ofrecen están

incompletas , mal diseñadas o mal vectorizadas. Además mucha tipos son pirateadas y acaban en estos sitios.

Y ahora os hablare de las grandes fundiciones digitales que si vale la pena visitar y descargar sus tipos.

Son las siguientes:

MyFonts: una de las más famosas, pertenece a la industria monotipia. Se modernizaron, pasaron de dedicarse a las máquinas de escribir a dedicarse a las fuentes digitales.

Linotype: pertenece a la industria Linotype y al igual que Myfont, se modernizo.

Fontshop: fue la primera, creada por Spiekermann y Brody en 1989. Con tipos de gran calidad.

Con aplicación para móviles y ipad.

Fonts.com: pertenece también a Monotipia

http://2.bp.blogspot.com/-nNpqxXZCqMA/U0LtkxoG2hI/
AAAAAAAAIrc/xHvPVjUusPs/s1600/
Donde+descargar+tipografi%CC%81as+y+donde+no3.jpg

Hype for type: Es más nuevas , pero cada vez va cogiendo más fuerza.

Creative market: este es de recursos en general no solo de tipografía , con tipos , fondos de pantallas, imágenes de vectorizadas predeterminadas , texturas, …

Emigre: Es una revista importante, también tiene 

una sección dedicada al comercio de tipografías

Hay nuevos conceptos de sistemas de comercialización de tipos:

Typekit by Adobe: este propone una tarifa plana de tipografía . Tu pagar un servicio temporal y puedes usar las tipos que quieras de Typekit durante ese tiempo que pagas., pero las tipos no son tuyas.

Fontstand: Lo que haces es que alquila s la tipo durante un tiempo y la puedes utilizar durante ese tiempo que has alquilado .

Otros métodos: Es que pagas lo que quieras dar por la tipo.

Otras fundaciones españolas: Atipo, Typerepublic, entre otras.

¡Hasta la próxima!

6.3 Legibilidad en pantalla.

En este apartado os hablaré del como se ven las tipos en pantalla y los tipos de uso de fuentes que hay.

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

Hay un termino cuando uno empieza a conocer el mundo de las tipos que es Hinting, este lo que hace el definir que pixeles exactamente va a utilizar cada carácter tipográfico en relación al tamaño o resolución en la pantalla. Es como un sistema de programación complementario, tiene muchas instrucciones y cada instrucción tiene Tint (tunt,...) y cada uno de estos define para cada carácter instrucciones según el tamaño que se use y la pantalla con lo cual, estas tipos tienen bastante programación para que se adapte sobre todo en tamaños pequeños,

Esto sirve para que las tipos se puedan ver bien en pantallas grandes y pequeñas sin perder calidad.

https://helpx.adobe.com/es/x-productkb/global/
troubleshoot-system-errors-freezes-windows/
_jcr_content/main-pars/accordion_container_4/
accordion-par/accordion-item-4/accordion-item-par/
image_0.img.png/fonts.png

Administrar fuentes:

Comentar que en Windows hay una carpeta llamada Fonts y hay se instalan todas las tipos que vayas a utiizar. Pero no siempre se instalan, de echo podemos hablar de 3 tipos de uso de una fuente:

- La instalación: tendremos las tipos de carácter permanente, siempre y cuando no las desintalemos.

- Las carga temporales: se instalan las fuentes de forma temporal en servidores de Google y otros servidores y de hay conseguimos las tipos y las podemos instalar para usarlas de manera temporal , funciona como las licencias.

- Incrustar (embedding): las tipo solo se puede usar en un determinado archivo, pero la fuente no esta en el ordenador, 

la fuente no es temporal,

 solo la puedo usar para eso en concreto.

¡Hasta la próxima!

6.2 Las fuentes tipográficas.

En este apartado os hablaré de las fuentes tipográficas. Hay dos:

Bitmap:

Las primeras fuentes que se hicieron fueron las fuentes Bitmap, que aparecieron a comienzos de los 70, cuando empezaron a aparecer los ordenadores. En aquellos entonces los ordenadores tenían pantallas monocromo, verdes y había una estética muy pixelada. 

http://www.snowbound.com/sites/snowbound.com/
files/images/antialias.gif

Se empezaron a crear fuentes especificas para eso. Estas tipos se adjuntaban a una cuadrícula. Y eran tipos limitadas. La tecnología empezó a cambiaba muy rápido y se empezó a demandar algo que tuviese más definición y cuando salio el sistema operativo de Window, las tipos empezaron a usarse para algo más, para las ventanas, imágenes, textos,… y como ya he dicho estas tipos pixeladas eran insuficientes y se empezó a pensar en otro métodos para crear tipos con más definición así apareció lo del PostScript de Adobe, que ya lo he mencionado en varias ocasiones, con el que se podían crear caracteres vectoriales.

Los problemas eran que había que diseñar cada letra para cada tamaño y era muy laborioso, no era lo mismo que fuera de 10 que ocupaba 100 pixeles a que fuese de 12 que ocupaba 140 pixeles, por ejemplo. Se hacía un mismo carácter de 12, de 68, de 71... etc y había que hacer todos los caracteres de esa letra con las mismas medidas, desde cero.

Lo normal es que estas tuviesen dos formatos (.PFM y .PGB) . 

Se invento el sistema Antialiasing, este sistema lo que hace es que intenta matizar la brusquedad que generan los pixeles añadiendo otros pixeles al rededor, de tonos medios, para disimular digamos los escalones, los pixeles de las tipos.

https://designsuarezvi.files.wordpress.com
/2011/12/tipografiadigital.gif

Vectoriales:

Y aparecen los formatos vectoriales, el primero como ya comente fue el de Adobe, el PostScript, que tubo mucho éxito. 

Al principio de la informática había mucho secretismo comercias y empresarial, y Microsoft y Apple durante un tiempo tuvieron la presión de que o pagaban los derecho de Adobe del PostScript o no podían usar la fuente en sus sistemas operativos, a sin que invirtieron para crear fuentes para sus sistemas operativos , pero no podían utilizarlas como querían y tuvieron que elegir una alternativa. 

La idea principalmente fue de Apple junto a Microsoft, fue TrueType (1991). Apple invento el Splimer son funciones cuadráticas. Trabaja por nodos y es un programa vectorial .

A pesar de esto hubo otra ultima alternativa es la tipo OpenType de Adobe, junto a Microsoft, estas tipos eran o para Mac o para Window, eran para una plataforma en concreto o para las dos en ocasiones.

Esto fue a partir del año 2000, cuando decidieron hacer un formato multiplataformas (.OTF), abierto y disponible para los sistemas operativos. Este usa un sistema Unicode, este sistema lo que hace es incluir una gran cantidad de caracteres mucho más mayor que las que permitía la tecnología TrueType.

¡Hasta la próxima!

6.1 Concepto de tipografía digital.

En este apartado hoy os hablare de la tipo digital.

http://www.idep.es/wp-content/uploads/
tipografia_digital_julio_35h_idepgeneric.jpg

La era digital ha supuesto una verdadera explosión de la tipografía. En una pocas décadas, se han diseñado más tipos digitales que en toda la historia de la tipografía. Y esto es algo que se va incrementando, ya que cada vez hay más recursos digitales.

Hoy en día hay millones de tipos, por la facilidad que hay para hacerlas gracias a los programas, también porque vivimos en mundo de comercio, porque es común crear cosas hoy en día y porque hay super producción y esto también se da en la tipos.

Origen de las tipos digitales: 

Pues lo explique detenidamente en el punto 2.4 La tipografía digital, por ese motivo en este apartado solo lo comentare por encima.

Pues todo comenzó en 1980, cuando la tecnología electrónica e informática cambio el diseño gráfico y aparecieron los hardware y software, como PageMaker, basado en el lenguaje PostScript. Con PageMaker surgió la autoedición.

En 1984 Apple Macintosh lanzó su ordenador personal con un nuevo modo de presentación, el WYSIWYG, que mostraba el texto tal cual se vería después de imprimirse y simulaba el entorno de trabajo.

Y en esta época se crearon fuentes para los sistemas de los ordenadores, las cuales eran predeterminadas, venían en un paquete y se instalaban por defecto.

Y en 1990, hubo mucha tipografía amateur. Muchas personas tenían a su alcance un ordenador en el que poder crear y diseñar todo tipo de tipos.

En este año apareció la primera fundición y distribuidora independiente de fuentes digitales, FontShop International (FSI), fundada por Brody y Spiekermand. Diseñaban y vendían fuentes bajo el sello FontFont y con la sigla FF añadida al nombre.

¿Qué es una fuente digital?

Una fuente tipográfica es, desde un punto de vista técnico, un software, ya que a parte de contener formas vectorial también contiene elementos de programación, es un software sencillo y ligero generalmente por que son vectoriales. Tienen caracteres, glifos... y elementos de programación, por ese motivo los consideramos un software.

http://www.unostiposduros.com/wp-content/
uploads/2011/05/fonts-FontLabStudio.jpg

Características:

- Pues las tipos digitales tienen caracteres alfabéticos, nº, signos de puntuación, ligaduras...

- Suelen ser familias tipográficas, suelen traer la versión cursiva, negrita,... y unas tipos tienen más versiones que otras.

- También tienen elementos gráficos comunes, pueden tener muchas variantes las familias, pero por muy diferentes que sean siempre van 

a tener elementos en común como por ejemplo la 

altura x, remates, modulaciones...

- Gestores tipográficos:

Hay muchos gestores tipográficos, por ese motivos os comentare algunos que deberíais de conocer:

• Extensis SuitCase Fusion 4 (Mac y PC)

Esta completito. Es el primero que incorpora la gestión de WebFonts, o dicho con otras palabras que puedes activar automáticamente fuentes en uso. De 97,33€

• FontExplorer X (Mac y Pc)

Es el más usado. El propietario actual es, sino me equivoco MyFonts, anteriormente fue de Linotype y Monotype. De 79€.

• FontCase (Mac)

Es el más asequible, de 26,99€. Con WebFonts, pero solo para Mac OSX Lion o superiores.

• FontAgent Pro 5 (Mac y PC)

Esta desfasado. Con WebFonts, acepta AppleScripts y es bastante caro para lo poquito que ofrece. 

De 74,26€

En esta pagina podréis ver sus características y saber más sobre estos cuatro gestores tipográficos:

http://graffica.info/los-gestores-tipograficos-que-debes-conocer/

Y para acabar comentar que no existen gestores gratuitos, quizás más adelante los haya pero por ahora nada.