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.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.

4.4 Tipometría en pantalla

http://www.xaraxone.com/webxealot/workbook23/postscript_text.png

a) Punto Postscript:

“Es la unidad de medida más pequeña utilizada en tipografía y composición de publicaciones, a partir de la cual se dimensiona todo lo relacionado con el mundo tipográfico.”

                                                                         “Wikipedia.org”. 

(Punto tipográfico)

Es aquel que permite el WYSIWYG, se trata que lo que ves en pantalla, imagen, documento... cuando sea imprimido se verá tal y cual sale en pantalla y no de manera diferente.

Los programas de ordenador trabajan con la medida de los anglosajones.

http://cf.ydcdn.net/1.0.1.44/images/computer/WYSIWYG.GIF

Las pantallas tienen un sistema de medida con pulgada.

La proporción de las pantallas = 1 pulgada que son 25,4 mm equivale a 72 puntos. Y un 25,4 mm/72 pulgadas = 0,3528 mm.

b) Tamaño tipo/ tipo interlineado: 

Todas las tipos tienen un tamaño, como por ejemplo la Helvética que tiene 10/12. El primer número es el tamaño y el segundo el interlineado. Estas medidas están proporcionadas.

Otros ejemplos de tamaños de tipos serían la Adobe Garamond, la Univers y la Bauer Bodoni de 19/21.

https://dlifer.files.wordpress.com/2011/07/a-type1.jpg?w=550&h=282

¡Hasta la próxima!

4.2 La fuente tipográfica

a) Glifos: Se trata de la diferentes representaciones gráficas o caracteres de una letra. Se usa como carácter. Un ejemplo sería las diferentes variaciones de A que hay, como Á, À, Â, Ä...

http://pedroarilla.com/assets/img/valentina-caja-alta.jpg

b) Las versalitas: Se llama así a las letras que son como mayúsculas, pero que tienen el tamaño de las minúsculas. Se usa para destacar un contenido, como hace la negrita, pero de una manera más elegante.

Se usa para nombres de autores, siglos... y para dar énfasis a una palabra que ya va en cursiva.

Y comentar que en los 80 y 90 se solía usar para las siglas.

Las fuentes actuales que usan en los ordenadores no suelen tener versalitas por ese motivo se compran.

La versalita falsa es la generada por programas (como por ej: MS Word) y no deja de ser una mayúscula reducida al tamaño de las minúsculas, con un grosor de la línea más fino.

La verdadera tiene un grosor más grueso.

Pero donde se diferencian más es en la cursiva, por los remates por ejemplo o por la letra “A”, que en la versalita falsa se inclina y en la versalita verdadera se cambia el carácter directamente.

http://tipografiadigital.net/wp-content/uploads/2013/09/versalitas1.jpg

c) Numerales:

Hay nº de caja baja que son los nº en minúscula, que tienen ascendente y descendente, que pueden llegar a ser algo caótico y los nº de caja alta que son los nº en mayúscula, que son más legibles.

Los nº en mayúsculas tienen una altura parecida al de las letras mayúsculas y los nº en minúsculas tienen una altura de “x” , de ascendente y descendente parecida a la de las letras minúsculas.

El 0, 1 y 2 tienen una altura parecida a la de “x”, el 3, 4, 5, 7 y 9 tienen la descendente y el 6 y el 8 la ascendente.

d) Signos ortográficos: Dentro de estos podemos encontrar:

Signos de puntuación: punto, dos puntos, coma, punto y coma, y puntos suspensivos.

Signos de entonación: exclamación e interrogación.

Signos auxiliares: paréntesis, corchetes, llaves, comillas, barra, barra invertida, asterisco...

Los signos ortográficos pueden dividirse en:

Simples que tienen un solo elemento: . , : ; `´, etc.

Dobles que en su estructura tienen elementos para abrir y cerrar: ‘ ’ , “ ”, « » ,¡ !, ¿ ?, ( ), [ ], < >.

Estos signos forman parte del diseño de una familia tipográfica y tienen características variables e invariables:

Características variables: según el estilo o diseño de la familia las características de los signos ortográficos serán de una forma u otra.

Características invariables: son las características que no cambian de una familia a otra. Es la estructura que hace reconocible a cada signo, la relación que tienen entre sí y la manera de apoyo.

En muchas ocasiones usamos mal estos signos, como por ejemplo los tres puntos suspensivos lo hacemos de forma incorrecta repitiendo el punto tres veces, cuando tiene un carácter especialmente diseñado, con un espaciado menor entre los puntos. Lo mismo pasa con las fracciones, que para hacerlas usamos dos nº alineados y separados por una barra que no tiene la correcta inclinación, en vez de usar el carácter creado para esto.

Los signos ortográficos como por ejemplo el punto, la coma, los tres puntos... se colocan en la línea de base. Los de apertura de interrogación y exclamación se colocan con la altura de “x” y con los rasgos descendentes de las minúsculas. Los auxiliares sobrepasan la altura de mayúsculas y por debajo de la línea de base, ya que tienen que contener el texto en su interior.

Bibliografía:

http://www.oert.org/mayusculas-minusculas-numeros-y-signos/

e) Ornamentos (dingbats): Se trata de las fuentes que están formadas por símbolos e imágenes en vez de por las letras que estamos acostumbrados a ver. Se suelen usar por ejemplo para decorar.

Dingbats o Dingfonts; es el termino que usa la industria de los ordenadores para describir las fuentes con dibujos de letras y símbolos.

Dos ejemplos de fuentes dingbats son:

• Zapf dingbats: Es la más común. Creada en 1978 por Hermann Zapf. Esta formada por formas geométricas; estrellas, rombos, corazones, flores, cruces... Se puede usar en manuales técnicos y suelen dar vida a los documentos.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXwzzPxBdPUluPfJmBJZq3fi52xoF27t2-r-4uC_g-r15Z7_cmOptRTBurOhA-PcdgSDXnedUwGx1nTAewEPRteSrGu7pp6LCcUQpqA95BC_BtpexldhgIRe9GTS5c1DgsKl429g6x3evb/s1600/zapf+dingbats+glyfs.png

• Monotype sorts: Es una fuente de Microsoft. Está tiene diferentes fuentes, por ejemplo la Monotype Sorts esta formada por formas geométricas; triángulos, cuadrados, rectángulos... y por formas parecidas a los copos de nieve. Y la Monotype Sorts 2 esta formada por pequeños muñecos que hacen diferentes acciones, vehículos...

http://image.fontsgeek.com/preview/kru3yi4vxqtil46bk1dob8941021d0Monotype%20Sorts%20RegularT.gif

http://image.fontsgeek.com/preview/h5a42yy48pslnyvs7coj96ae5300f7Monotype%20Sorts%202%20RegularT.gif

f) Estilos de fuentes:

Hay muchos tipos de estilos de fuentes diferentes, hay caracteres más finos, estrechos, alargados, gruesos, geométricos, expandidas, condensadas...

Cada fuente tiene diferentes versiones, entre estas están la regular, cursiva, negrita, negrita, contorneada...

Se ordenan por sus proporciones.

La versión negrita, que llama más la atención se suelen usar para títulos. Mientras que para texto lo más normal es utilizar la regular.

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

https://tiposformales.files.wordpress.com/2010/09/041_variable_tono.jpg

¡Hasta la próxima!