Disenio tipografico

Page 1

Noviembre·8 de·2014

DISEÑO Tipográfico DOS Maestro Francisco Calles Alumna Sandra García CENTRO DE ESTUDIOS GESTALT MÉXICO


ÂŤUstedes me pre tantas diferente Todas tieneN el pero ellas expres del hombre. Toda la encontramos e vez vi una lista Medoc, todos del ellos eran vinos p diferente de los matices los que s Lo mismo pasa con Adrian Fr


eguntan por que es tipografías. mismo propósito san la diversidad esta diversidad en el vino. una de sesenta vinos mismo año. Todos pero cada uno era s otros. Son los son importantes. las tipografías. rutiger »


SÚPER

VELOZ.NET 1- Sistema superveloz.net Observaciones superveloz.net es un sistema modular que funcionan como una especie de “lego tipográfico” a saber, está compuesto de una serie de fustes, terminaciones, rasgos y complementos que permiten a los usuarios armar sus propias letras y gráficas tipográficas. El proyecto en internet fue desarrollado por Alex Trochut, que revivió un proyecto de su padre Joan Trochut quién creo este sistema alfabético para satisfacer las necesidades de originalidad de los impresores de la época, pretendía pues que fuera utilizado no tanto para la composición de textos como para la construcción de tipos de letra -alfabetos- y que, a su vez, las mismas formas tipográficas sirvieran como recurso para ilustrar. En esencia la posibilidad de jugar con los tamaños, los colores y las formas se presenta como una excelente idea, pero la página y la aplicación se hacen cansinos, poco prácticos, la manipulación del objeto es compleja y lograr homogeneidad entre las alturas y anchos de los objetos, si bien no es imposible, si es tedioso y requiere más tiempo del necesario. Es evidente que el proyecto se encuentra estático y no se ha generado un desarrollo en otra plataforma, quizá más accesible (por ejemplo, HTML5) en lugar de flash, que desde dispositivos móviles no funciona y es tardío, la galería es lentísima y el diseño del sitio anticuado.


Trazos generadores

Plataforma Superveloz.net

Noviembre路8路de路2014

2- Trazos generadores


3- Desarrollo de palabra que incluye todas las vocales


Noviembre路8路de路2014


ALFABETO MODULAR Planteamiento: A partir de dos trazos generadores (o,i) desarrollar un alfabeto itĂĄlico, luego recrear un pangrama en espaĂąol.


Noviembre路8路de路2014

1- Trazos generadores



Noviembre路8路de路2014


del logo tipo al tipo Planteamiento: (Ejercicio en equipo) A partir de la imagen de un logotipo desarrollar: 1.  Descripción morfológica del logotipo original. 2.  Fuentes tipográficas de consulta con comentarios. 3.  Desarrollo de los generadores gráficos (proceso comentado) 4.  Comparación con el logotipo original 5.  Alfabeto (mostrar en orden de parentesco morfológico y alfabético) 6.  Pangrama en español 7. Aplicación


Contraste marcado

Sans Serif, Racional Letras en caja alta

Contraformas entrechas Interior redondeado, aunque hay excepciones.

Interletrados estrechos Terminaciones cuadradas o redondeadas

2- Fuentes tipográficas de consulta con comentarios.

Bullet es una fuente de House Industries. Fue una referencia útil para solucionar asuntos relacionados con la alturas de los travesaños, contraformas y definir detalles.

Fuente itálica, que viene en altas y bajas, con una morfología que se aproxima al resultado que se buscaba para el desarrollo del alfabeto para la marca Puma.

Noviembre·8·de·2014

1- Descripción morfológica del logotipo original.


House Gothic23 es una fuente de House Industries. Fue una referencia útil para solucionar asuntos relacionados con anchos de los travesaños, contraformas y definir detalles.

En su variable Condensed Bold 3, se aproxima a los resultados que se buscaban y ayudó a solucionar problemas con la t. Es mucho más condensada de lo que planteábamos con Puma.

PTL Adigo es una fuente de Primetype, y diseñada por Ole Schäfer. Fue una referencia útil para solucionar asuntos relacionados con anchos de los travesaños, contraformas y definir

detalles. En su variable Adigo Bold One, funcionó para asuntos de análisis de soluciones de tildes.


El alto de la letra O ( y en consecuencia de la altura X) se determina ópticamente, aproximadamente a 3/4 de la altura de las letras de caja alta, esta proporción se obtuvo mediante ls observación de las proporciones que empleaban las fuentes de referencia. La reducción en escala nos dió como resultado un adelgazamiento en los fustes de 1/5 parte del ancho original.

Noviembre·8·de·2014

3- Desarrollo de los generadores gráficos (proceso comentado)

Trazos generadores finales.

Conservamos ancho de contraforma en la U como guía

4- Comparación con el logotipo original

Los bordes redondeados se repiten de la A y la U obtenemos la O, los fustes


5- Alfabeto/ Parentesco morfol贸gico


Noviembre路8路de路2014


6- Pangrama


Noviembre路8路de路2014

7- Aplicaci贸n


del DIBUJO al tipo Planteamiento: Basados en algún dibujo de letra generar: 1.  Descripción morfológica del logotipo original. 2.  Fuentes tipográficas de consulta con comentarios. 3.  Desarrollo de los generadores gráficos, proceso comentado) 4.  Alfabeto (mostrar en orden de parentesco morfológico y alfabético) 5.  Comparación con el logotipo original 6.  Pangrama en español 7. Aplicación


MACAO Dirigida por: Josef von Sternberg País: USA Para el desarrollo del alfabeto Macao, seleccioné un título que parece hecho a mano y que presenta las siguientes características:

Fustes que sobresalen, más gruesos con una línea irregular, si es curva la línea es inconclusa.

Contraste Medio

Terminaciones abocinadas

Detalles Travesaño alto gráficos

Noviembre·8·de·2014

1- Descripción morfológica del logotipo original.


2- Fuentes tipográficas de consulta con comentarios. Cutthroat es una fuente publicada por My Fonts en el 2000 y diseñada por Comicraft. Fue una referencia útil para solucionar asuntos relacionados con terminaciones ubicación de astas, manejo de contrastes. Si bien carece de alguna decoración como la que posee Macao, Cutthroat presenta características de acabados en rotulador.

Spellcaster es una fuente distribuida por My Fonts en el 2006 y diseñada por Comicraft. Fue una referencia útil para solucionar terminaciones ubicación de rasgos superiores, manejo de contrastes. Si bien carece de alguna decoración como la que posee Macao, Spellcaster presenta características de acabados a mano,


Noviembre·6·de·2014

3- Desarrollo de los generadores gráficos (proceso comentado)

1. Vectorización de las letras, tal cual estaban en el rótulo de la película.

2. Ajustes relacionados con estandarización de astas, terminaciones y rasgos.

3. Una vez obtenidas las partes, selección y ajuste de fuste, arco y rasgos.


3- Alfabeto / Parentesco morfol贸gico


Noviembre路8路de路2014


4- Comparaci贸n con el logotipo original

Original Propuesta


Noviembre路8路de路2014

5- Pangrama en espa帽ol


6- Aplicaci贸n


Noviembre路8路de路2014

Ejercicio personal: Sin las lineas interiores.


AJUSTES ópticos

Planteamiento: Analizar y explicar gráficamente los ajustes ópticos de 2 fuentes tipográficas distintas que cumplan con al menos uno de los siguientes parámetros: serif/sans serif/ altas/ Fuente 1:

Chaparral Pro Regular de Carol Twombly Tipografía para textos Fuente 2: OCR B Std de Adrian Frutiger Optical Character Recognition (un tipografía para ser leída por las máquinas)


io

Estructura base de referencia

bdpq Comparación dbq con i /o como trazos constructivos

bp Si bien el anillo de ambas letras es similar, el lazo en la p tiende a bajar un poco con relación, a la b.

pq

bd

Se evidencia que aunque el asta tiende a ser similar -con diferencias en las serifas- los anillos no coinciden.

Existe una marcada diferencia en la terminación del espolón de ambas letras.

dq Conincidencias entre los anillos con sutiles diferencias.

Noviembre·8·de·2014

i

Se presenta apófige solo en el lado izquierdo del fuste/pilastras y descendentes


e c o

Si bien el ancho del anillo se presenta igual en todas, le letra «e» es más estrecha que la «o», la letra «c» se amplía ligeramente y se abre, el contraste es más acentuado en la «o» que en las demás letras.

o ce

o El ancho de la serifa corresponde al ancho del travesaño. Los anchos de los anillos es ligeramente mayor al ancho del asta, en la O mucho más pronunciada.

Comparación entre Contraformas. Las distancia entre redondas varía según la apertura y forma de cada letra


Rasgos que se repiten y dan identidad a la tipografía. En Chaparral Pro Regular, se evidencian 5 tipos de terminaciones que brindan identidad a la fuente.

hh

La letra «i» brinda a la «j» casi toda su estructura. La j y la Y comparten poco elementos ya que hasta la cola difiere en varios puntos a la de la y.

«m,n,h» comparten rasgos, fuste, y hombros. La contraforma en «m» es más estrecha, los hombros en «m» conservan las características de «n,h».

Noviembre·8·de·2014

a b cde f g h i jk l mn ño p q rs t uv w x yz


io

OCR B

Estructura base de referencia

bdp bqb pp dq d

p/q reflejadas y superpuestas

Comparación dbp con i/o como trazos constructivos

bp Fustes idénticos, descendentes y ascendentes cortas.

pq Contraformas idénticasm adelgazamientos identicos. Si se reflejan las dos letras muy similares con ligeros ajustes.

bd

dq

Caso similar a caso «p/q»

Conincidencias entre los anillos con sutiles diferencias.


Si bien el ancho del anillo se presenta similar, la letra «e» es más estrecha que la «o», la letra «c» se amplía ligeramente y se abre.

El ancho de la serifa corresponde al ancho del travesaño.Los anchos de los anillos es ligeramente mayor al ancho del asta, en la O mucho más pronunciada.

Comparación entre Contraformas. Las distancias entre letras se mantienen igual. Monoespaciadas.

Noviembre·8·de·2014

e o c oo oc e e c o


La letra «i» brinda a la «j» casi toda su estructura. «a/s» las curvas superiores en inferiores de estas dos letras comparten características.

«m,n,h» comparten fuste. Pero la contraforma en «m» es muy estrecha, sucede igual con n y h.

hmn Comparación de contraformas «H,m,n» respectivamente


Noviembre·8·de·2014 Diéresis vertical

La curva de la D traza casi un semicírculo

Diagonales ligeramente curvas

Remate abrupto

Travesaño matemáticamente igual en ambos lados

ÄDWef gm20 Curva aplanada

Forma condensada

Formas abiertas y variaciones redondeadas


INVESTIGACIÓN Planteamiento: Recopilar información sobre : Tipógrafa Nacional Viviana Monsalve http://www.fontfuror.com/ Colombia Tipógrafa Latinoamericana Laura Meseguer http://www.laurameseguer.com/ España Tipógrafa Internacional Veronika Burian http://www.type-together.com/info República Checa


Noviembre·8·de·2014

VivianaMonsalve

País:

colombia

• Biografía: Diseñadora gráfica egresada de la Universidad Nacional de Colombia (2001) de la cual obtuvo grado meritorio. Cursó estudios de posgrado en Diseño Digital y la Especialización en Diseño de Tipografía de la Universidad de Buenos Aires (2010). Miembro de la Asociación Tipográfica Internacional (ATypI). Jurado Bienal Latinoamericana de tipografía Tipos Latinos 2012 Se ha desempeñado profesionalmente en estudios de diseño en Colombia y Argentina, agencias de publicidad, en la docencia, así como diseñadora independiente en donde ha trabajado para clientes como Ecopetrol, Defensoría del Pueblo de Bogotá, Unicef, Banco Davivienda, Radisson Hotels y Corona S.A. entre otros.

Su trabajo ha sido reconocido con el Premio Lápiz de Acero (de la revista Proyecto Diseño), participó en la muestra Tipos Latinos 2010, sus tipografías Enriqueta y Magra fueron seleccionadas para ser publicadas en el Proyecto alemán Typodarium 2012 y Enriqueta fue nominada al Premio Lápiz de Acero 2012.


VivianaMonsalve

www.fontfuror.com fuentes

Enriqueta fue diseñada específicamente para componer textos en serigrafía y satisfacer las exigencias técnicas de este tipo de impresión. Tiene aperturas amplias, contraformas generosas y el espaciado abierto para evitar repises o empastes. El trazo ha sido cuidado reduciendo el contraste y buscando encuentros francos, poniendo especial atención en las dificultades que eventualmente presenta el sistema de impresión en la reproducción de finos. Concebida como una fuente híbrida. Toma de las mecanas su robustez y contundencia en los serif más el trazo de baja modulación, y rescata de las romanas las proporciones y ciertos matices humanistas que le aportan armonía y legibilidad en condiciones de texto corrido. Todas estas consideraciones han dotado

a Enriqueta de una personalidad fuerte y amable a la vez. Fue seleccionada para participar en la Bienal Tipos Latinos 2010 así como en el proyecto Typodarium 2012 de la editorial alemana Verlag Hermann Schmidt y fue finalista en el Premio Lápiz de Acero 2012, otorgado por la revista Proyecto Diseño.


MAGRA es una familia lineal específicamente diseñada para usos en los que la economía de espacio y multiplicada de estilos son requeridos. El objetivo fue lograr una fuente funcional y neutra, que sin embargo fuese amable en su lectura y aportara una voz con cierta calidez. Por ello, a la lógica monolineal de las fuentes SanSerif la acompañó una exploración de las características que las fuentes humanísticas y el trazo caligráfico podrían aportar a sus rasgos. Tiene una sutil modulación en ángulo así como terminaciones en sesgo atributos que le aportarían vitalidad y ritmo a la mancha. Seis pesos fueron inicialmente proyectados desde Thin hasta Black pasando por Light, Regular, Semibold y Bold a los que ahora se han sumado el Book y Extrabold, para permitir mayor y mejor posibilidades combinatorias. Fue

Noviembre·8·de·2014

VivianaMonsalve

diseñada principalmente para usos editoriales pero su personalidad fuerte y neutra a la vez la hacen una perfecta candidata para usos corporativos. Seleccionada en el proyecto Typodarium 2012 de la editorial alemana Verlag Hermann Schmidt


www.laurameseguer.com

LauraMeseguer

País: Hoja de vida:

http://www.laurameseguer.com/ downloads/cv_laura-meseguer_castellano.pdf

• Biografía: Es diseñadora gráfica y de tipografías con sede en Barcelona, donde nació en 1968. Está especializada en diseño tipográfico (aquellos proyectos en los que la tipografía es el principal recurso) y en el diseño de letras o caracteres a medida, desde un monograma hasta un alfabeto completo. Su actividad se desarrolla en el ámbito de trabajos comerciales así como en proyectos personales. A través de su propia fundición, Type-Ø-Tones, publica y promueve todos sus diseños de tipos. Además trabaja como Profesora de Tipografía en el Máster en Tipografía Avanzada en “Eina, Escuela de Arte y Diseño” y en “Elisava, Escola Superior de Disseny” y da talleres por toda España. Su trabajo ha aparecido en varias publicaciones, como Zona 2, Communication Arts, Print Magazine,

ESPAÑA Visual, Page, Grafik, Items y Step Magazine, y en varias exposiciones como los Premios Laus y la exposición TDC2 de 2005. Tiene dos premios Laus y dos Certificados de Excelencia Tipográfica (TDC2 2005 y TDC2 2013), así como el premio Letter.2 de la AtypI (2011). Es la autora de TypoMag. Tipografía en las revistas y, junto a Cristóbal Henestrosa y José Scaglione, coautora del libro “Cómo crear tipografías. Del boceto a la pantalla”. Colaboró en el comisariado de la exposición Helvetica.¿Una nueva tipografía? con la Fundació Comunicació Gràfica. Es miembro de la Association Typographique Internationale (ATypI). Parte del equipo de organización de la ATypI Barcelona 2014.


Lalola (Nacida incialmente como Lola) es una tipografía display inspirada por el lettering encontrado en un libro de Eugen Nerdinger y Lisa Beck. Lalola toma un par de elementos que se encuentran en las formas de tales letras sin perder su personalidad, y ese es el punto de partida para crear una sola fuente con un montón de personalidad. Como dijo Typefacts: «Donde otros necesitan tropecientos de pesos, glifos y líneas de Opentype, Laura Meseguer solo necesitó una fuente»El set de caracteres soporta Latin, Centro Europeo, Baltico y Turco. Lalola recibió dos menciones o premios, el Typefacts «Best Typefaces of 2013» y el pretigioso« TDC 2014 Certificate of Excellence».

Noviembre·8·de·2014

LauraMeseguer


LauraMeseguer

Creado para el rediseño de varios periódicos regionales, con el objetivo de servir como la compañía ideal para los tipos serif utilizadas en los próximos rediseños de periódicos (Léxico de Bram de Does y Tiempos de Kris Sowersby). Esta familia tipográfica está pensada para que coincida con los atributos emocionales que se le atribuyen con el nuevo diseño: muy cálido, dinámico, optimista, amable, noticioso, contemporáneo, humano, accesible ... Su otro objetivo es brindar una personalidad exclusiva a estas publicaciones impresas, y mejorar sus versiones en línea. La familia se compone de dos subfamilias: Multi H es especialmente pensada para los titulares y grandes tamaños y Multi T es funcional para los textos de

pequeño tamaño. La subfamilia Multi H consta de seis pesos: ExtraLight, Light, Regular, Bold, ExtraBold y Negra. La subfamilia Multi T consta de dos pesos (regular y negrita) y dos construcciones (redonda y la cursiva), las fuentes son: regular, cursiva, negrita y negrita cursiva.


Magasin es una tipografía Display de alto contraste inspirada en la pluma y su punta caligrafíca, pero con un toque retro-chic. Combina el sentido de la escritura con la estructura geométrica y ligeramente condensada que resulta en curvas idiosincráticas conectadas suavemente dando elegancia vertical de sus formas, ideal para utilizar en un tamaño grande para revistas, titulares, carteles o empaque. Durante la investigación, se revisaron una gran cantidad de tipos de letra anteriores y excelentes que compartian una idea similar, pero ninguna de ellas tenía esta sensación conexión vertical. De alguna manera,

Noviembre·8·de·2014

LauraMeseguer

Magasin explora y rinde homenaje al encanto y playness de tipos de letra que fueron diseñados durante la década de 1930. Algunas referencias inspiradoras son Corvinus, lanzado por Bauer en 1935 (diseñado por Imre Reiner en 1934), Quirino (Alessandro Butti, 1939) y Fluidum (1951), una especie de versión no conectada de Quirino, también diseñado por Butti para la fundición Nebiolo. *


www.type-together.com

VeronikaBurian

País:

Republicacheca

• Biografía: Veronika Burian, nació en Praga en 1973, obtuvo su primer grado en Diseño Industrial en Munich, Alemania, luego se trasladó a Austria e Italia para trabajar un poco como diseñadora de producto y diseñadora gráfica. Sus intereses se desplazan cada vez más hacia la tipografía y la decisión de centrarse más exclusivamente en el diseño de tipo se desarrolló de forma natural, entre otros gracias a su colaboración con Leftloft para la exposición en Italic 1.0 ATypI y su participación como docente en el Politécnico de Milán. El descubrimiento de su verdadera pasión por la tipografía, se graduó con honores en la maestría en Diseño Tipografía en Reading, Reino Unido, en 2003 comenzó a trabajar a tiempo completo como diseñadora tipográfica en DaltonMaag en el sur de Londres hasta 2007.


RONNIA Una de la característica más notable de esta sans serif humanista es su versatilidad. La personalidad de Ronnia se desarrolla admirablemente en los titulares, pero es lo suficientemente tímida para texto continuo y pequeño texto por igual, ofreciendo una amplia gama de aplicaciones, desde los titulares de prensa a los informes de negocios corporativos. Los pesos más bold ofrecen formas muy cohesivas, y se han utilizado con éxito para marca y titulares de periódicos. Sus 28 estilos conceden al diseñador una amplia gama de color y texturas, variaciones coherentes en bloques de texto, y las herramientas necesarias para resolver la información compleja y los problemas de diseño editorial. Ronnia ha sido diseñado principalmente para aplicaciones de periódicos y revistas que requieren aprovechar

Noviembre·8·de·2014

VERONIKABURIAN

sus propiedades: económica en uso, muy legible, y se acerca al lector con algo de amabilidad y encanto. Ronnia fue parte de la exposición Tipos Latinos 2008 y el 23 de la Bienal de Diseño Gráfico 2008 en Brno.


VERONIKABURIAN

BREE, basada en el logotipo de type-together, es una sans serif elegante que ofrece un aspecto pulcro y moderno y especial para marcas o titulares. Algunos de sus rasgos más característicos son los de la “a” y la ‘e’ cursivas, las curvas en los trazos exteriores de la ‘v’ y ‘w’, la ‘Q’ broche de oro y la fluidez de las formas en ‘z y g’ . Letras alternativas de estas están disponibles cuando se desea un look más clásico. Claramente influenciado por la escritura a mano, Bree muestra una mezcla agradable de las capitales más bien discretas y las letras minúsculas más vivas, que le dan al texto un aspecto alegre y animado. ¡En definitiva, es una cursiva vertical memorable! Bree fue parte de la exposición Tipos Latinos 2008 y apareció en varias fuentes de las listas de lo mejor del

año 2008. En 2009 Bree recibió Bronce en el Festival Europeo de Diseño, ED-Awards.


ADELLE es un tipo de letra slan serif concebido específicamente para su uso editorial de forma intensiva, sobre todo en periódicos y revistas, su personalidad y flexibilidad la convierten en un verdadero tipo de letra de propósito múltiple. Los pesos intermedios ofrecen un aspecto muy legible y neutral cuando se usa en tamaños de texto, que proporciona la robustez que se esperar de una fuente para periódico. El aspecto discreto, excelente textura y color ligeramente oscuro permite que se comporte muy bien en texto continuo, incluso en las aplicaciones más exigentes de redacción. A medida que se hace más grande en impresión, Adelle muestra su personalidad a través de una serie de particularidades que la hacen fácil de recordar e identificar. Su carácter enérgico, tan inherente a las Slab

Noviembre·8·de·2014

VERONIKABURIAN

Sefir, se hace evidente cuendo se emplea en subtítulos y titulares. Recientemente se ha desarrollado el soporte para cirílico y lenguajes griegos, estas variable se añadieron a los 14 estilos existentes. Adelle se amplió a una nueva serie condensada, 7 pesos con cursiva coincidentes. La nueva extensión asegura que la familia Adelle ofrece soluciones flexibles en situaciones en las que el ahorro de espacio es vital, sin perder legibilidad. Las nuevas fuentes comparten proporciones, el esqueleto y el mismo sabor con la familia Adelle, creando una textura homogénea. Adelle ha sido galardonado con Oro en la categoría “Tipo de letra original” en el concurso de diseño-europeo ED-Awards 2010.


dedicatoria/ colofont Este proyecto va dedicado a las mujeres en la tipografía, quizá sea este el siglo de muchas más mujeres que hagan muchas más fuentes hermosas. Este proyecto fue diseñado en: Cuerpos de texto y subtítulos: Titilium Web Font, desarrollada por múltiples diseñadores como ejercicio académico, se encuentra de forma gratuita en la web y busca ser adecuada para web y lectura digital. http://www.google.com/fonts/specimen/ Titillium+Web Títulos: Mercury, Fue diseñada para cuerpos de texto por ahora Hoefler & Co., para Esquirre, tipografía versátil, amplia y perfecta para desempeñarse en los más rudos sustratos. Para su desarrollo se emplearon 9 años de investigación.


Noviembre路8路de路2014


gra ci as Follow me @sagas21


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.