Creación de un alfabeto

32
 Diseño Gráfico 2011 Tipografía creativa El Alfabeto El ABC para diseñar un alfa  beto y no morir e n el intento

Transcript of Creación de un alfabeto

Page 1: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 1/32

Diseño Gráfico2011

Tipografía creativa

El Alfa betoEl ABC para diseñar un alf a beto y no morir en el intento

Page 2: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 2/32

Diseño Gráfico 2009

Tipografía aplicada

El desaf ío de diseñar un alfabeto

Diseñar un alfabeto puede resultar una experiercia gratif icante pormomentos y  realmente frustrante en otros. La búsqueda exhaustiva y posterior elección de EL CAR  ÁCTER perfecto demanda capacidad dediscernimiento, análisis y, fundamentalmente, una contundente inv ersiónde tiempo. Pero es, sin duda, la satisfacción de la observación del hallazgo osu posterior utilización, la que genera que uno acepte el desafio de pasar porla ho ja en blanco quiera empezar el proceso una vez más.

Los caminos a elegir en el diseño tipográfico son múltiples y ahí es en dondese enmarca este compendio cuyo único ob jeti  vo es simplemente mostrarorientaciones posibles en el desarrollo de alfa betos y las recomendaciones atener en cuenta en el caso de em barcarse en cualquiera de ellos. No son losúnicos. No son los mejores. Son caminos a los que se pueden sumar todosaquellos que se te ocurran.

 Alfabetos caligráficos y  gestuales, que potencian la expresión del trazo; a través de la mixtura formal, buscan llegar a resultados inesperados llegandoa los limites de la legibilidad; modificados, con el objetivo de lograr algocompletamente diferente, a lo ya existente, creativo; históricas, de estilo,planteándose el desafio de diseñar en base a algo que ya existe; con efectosfísicos, explorando con la morf ología de los caracteres teniendo como metala destrucción, el defecto ilustraciones o monogramas, que funcionen como

elementos de refuerzo comunicacional.

Page 3: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 3/32

Diseño Gráfico 2009

Tipografía aplicada

Ejemplo 1

Se detecta una escritura realizada por un desconocido artista urbano y mediante un proceso de visualización,

selección y reconocimiento de sus bondades se realiza una tipografía digital.

 _5 sentidos dispuestos a captar lo útil del medio que nos rodea.

 _R evelamiento.

 _Selección sistémica del revelamiento realizado.

 _Observación detallada de los rasgos característicos para luego diseñar _los caracteres faltantes.

 _Aplicación de criterios morfológicos y compensación de pesos visuales, _anchos de ca ja, alturas, etc.

 _Lograr que una escritura espontánea, creativa e irrepeti ble, al ser _pasada a un medio mecánico, modifique su

medio pero no su espíritu.

Diglosia

 A lfabeto Completo

Ligaduras

Com binación entre caracteres

Proceso

elección de la mejor f orma de letra

Revela

mient

ofotográf ic

o

Page 4: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 4/32

Diseño Gráfico 2009

Tipografía aplicada

Platelet Heavy 

 Alfabeto Completo

Council

 Alfa beto Completo

Santo Domingo de Chile

 Alfabeto Completo

Parte de una patente del

estado de California - EE.UU.

Parte de una litografia de

f inales del siglo 19

Caligrafía del cartel popular

Dinamo

 A lfabeto

Page 5: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 5/32

Diseño Gráfico 2009

Tipografía aplicada

Ejemplo 2

Se detecta una escritura realizada por un desconocido artista urbano y mediante un proceso de visualización,

selección y reconocimiento de sus bondades se realiza una tipografía digital.

 _5 sentidos dispuestos a captar lo últil del medio que nos rodea.

 _Revelamiento.

 _Selección sistémica del revelamiento realizado.

 _Observación de la herramienta con la que fueron producidos los signos y  _quienes los producen: su vestimenta,

su filosofía de vida…

 _Detección de distintos estilos (más filosos, más sueltos, etc.)

 _Evaluación de: pesos visuales, relación entre signos (ligaduras), relación  _entre finos y gruesos (determinado

por la herramienta constructiva), etc.

 _Aplicación de criterios morfológicos y compensación de pesos visuales, _anchos de caja, alturas, etc.

 _Lograr que una escritura espontanea, creativa e irrepetible, al pasarla a un _medio mecánico, modifique su

medio pero no su espíritu.

Street

 Alfabeto Completo

Pixadores

Firmas de las bandas

Revelam

ientofotográfico

Iniciales de una banda

trazos más duros

Trazos más curvos

Page 6: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 6/32

Diseño Gráfico 2009

Tipografía aplicada

Ejemplo 3

Desplazada pero no eliminada, la caligrafía en el siglo que empieza se presenta como una forma de comunicación

que ref uerza el carácter, la espontaneidad, la expresión, lo artístico, lo bello, lo mundano pero, fundamentalmente

el aspecto humano.

La riqueza está en la div ersidad de formas que pueden obtenerse dependiendo de los instrumentos, los pigmentos 

 y los soportes.

 _Traba jo de exploración y experimentación de materiales con la intención _de generar un producto novedoso.

 _ Variables a mane jar:

  -Instrumento de dibujo (plumas-pinceles-fibras-tizas, etc.)  -Soporte (papel-tela-pared, etc.)

-Pigmentos (tinta china-acuarela-carbonilla-aerosol, etc.)

-Estilo (formal, callejero, experimental, etc.)

  -Proporción

-Diferencia entre trazos

  -Altura x

  -Inclinación

  -Tipo de terminaciones

 _Generar un sistema de signos (constantes y variables) desde las alturas, _los pesos, las descendentes y 

ascendentes y tipo de trazo.

 _Búsqueda exhaustiva del signo perfecto a través de la prueba de múltiples _ variables para cada carácter.

 _Explorar el límite de lo legible.

Lullaby 

 Alfabeto Completo

Experimentacion CaligráficaPoster de Paula Scher

Pentagram Experimentacion Caligrafica

 

Page 7: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 7/32

Diseño Gráfico 2009

Tipografía aplicada

Blockhead Black 

 Alfabeto Completo

Motion Bold

 Alfabeto Completo

Out West

 Alfabeto Completo

Page 8: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 8/32

Diseño Gráfico 2009

Tipografía aplicada

Ejemplo 4

Se toman fuentes ya existentes, 2 o 3 (más no es aconsejable por la cantidad de rasgos presentes), en lo posible que

dif ieran en su estilo (Caligráfica/Sans Serif/Decorativa) y se realiza un trabajo de superposición y sustracción

principalmente.

 _Observación de los rasgos principales de cada fuente, para que su presencia en cada carácter sea notoria y equitativa.

 _Lograr un equili brio sistémico de rasgos en cuanto a compensación de pesos visuales, anchos de caja, alturas, etc. _Lograr una identificación indiscutida y unánime de cada carácter ya que el mismo debe ser leído.

 _Manejar la complejidad de tres familias tipográficas conviviendo en sólo una, y lograr que se vea como un todo

sistémico.

 _Explorar al límite de lo legible sin perder el horizonte de lo leíble.

 _Retoque y limpieza.

Proceso completo

1_Fuente original

2_Fuente original

3_Fuente original

4_Superposición

5_ Nueva fuente

M yLee

 Alfabeto Completo

Blue Eye Shadow 

 Alfa beto Completo

Page 9: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 9/32

Diseño Gráfico 2009

Tipografía aplicada

Ejemplo 5

Se toma una f uente ya existente y a través de distintos procesos se comienza a trabajar sobre la letra con la intención de generar una nueva.

 _Experimentación en la búsqueda de efectos físicos, mecánicos, digitales, _etc., para aplicar a la f uente original. _Rescatar manchas, basuras, texturas, etc., de cada proceso para _finalmente aplicar y lograr un equilibrio (a 

 veces desde el desequili brio!) de las mismas en forma sistémica. _Lograr una identif icación indiscutida y unánime de cada carácter y a que el _mismo debe ser leido. _Explorar al límite de lo legible sin perder el horizonte de lo leíble.

Proceso

completo

1_Fuente original

2_Efectos físicos

3_Ef ectos mecánicos

4_Fuente reventada

5_Retoque final

a

Page 10: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 10/32

Diseño Gráfico 2009

Tipografía aplicada

Ejemplo 6

Convertir un defecto en efecto. Lo que se busca es la simulación de un defecto encontrado a partir de la

observación de la destrucción tipográfica, generada por la fotocopiadora al realizar reiteradas duplicaciones de 

originales de mala calidad, con sistemas de reproducción similares.

 _Representar el defecto, ahora efecto, de la forma más fiel posible, radicando en este aspecto, gran parte del éxito

de la fuente.

 _Mediante una ardua observación elegir la mejor forma de letra posible teniendo en cuenta su morfología

reconocible y su convivencia con el _resto de los caracteres. _Lograr un equilibrio sistémico de rasgos en cuanto a la compensación de pesos visuales, anchos de caja, alturas, etc.

 _Abstraer la forma al máximo y al mismo tiempo privilegiar el reconocimiento y la diferenciación de los caracteres.

 _Observación de los rasgos de la letra detectando sus partes dé biles y sus _zonas de reventamiento.

Escaneado de fotocopia

Distintas formas de letra "a"

 Attic Antique

 Alfabeto Completo

Page 11: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 11/32

Diseño Gráfico 2009

Tipografía aplicada

Ejemplo 7

Se observa la tipografía existente y se la imita manteniendo la mayor cantidad de características

posibles para lograr representarla por medio de otra tecnología.

 _Se mantienen los errores de interletrado. _Estudio de las variaciones de pesos de los caracteres. _Se pierden algunos rasgos, revientan los ojos de las letras. _Inestabilidad en la posición con respecto al renglón. _Observación detenida del funcionamiento del mecanismo y sus _cualidades básicas.

Una fuente pensada y realizada para un sistema, se habilita a otro.

Sistema original

Defecto de interletrado que genera el ancho único del tipo

 Variaciones en la apoyatura sobre la linea de base

Diferencias de pesos generados ejerciendo más o menos presión

Trixie Text Alfabeto Completo

Page 12: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 12/32

Diseño Gráfico 2009

Tipografía aplicada

Ejemplo 8

Diseñar un sistema homogéneo de signos que no sean alfabéticos a los que pueda acceder como si lo fueran. Acaso asípuedan definirse a los dingbats, a veces ilustrativos, a veces monogramáticos y generalmente, inesperados.

 _Se parte de un concepto o idea.

-síntesis de objetos

  -caricaturas

  -representaciones abstractas

-monogramas

-etc.

 _Se evalúa la originalidad de la propuesta.

 _Se determina el método constructivo y lenguaje.

 _Se busca la unidad desde el lenguaje o el concepto.

 _Variedad entre los signos diseñados (riqueza del sistema).

 _Generalmente, el producto final tiene un estilo muy determinado por lo _que su utilización es muy específica.

Desorbital eye

Zeit Guys One

Ocio Dingbats

"v" minúscula

MoonBase

1 _Elección tipográfica del módulo

2 _Operación de simetría (rotación)

Cuando el sistema está

unido desde el concepto,

desde lo morfológico podrán determinarse

subsistemas de acuerdo

a los módulos utilizados

 y los pesos visuales.

Page 13: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 13/32

Diseño Gráfico 2009

Tipografía ap licada

 Whirligig Alfa beto Comp leto

Big Cheese Dark 

 Alfabeto Completo

FF Dign bests

 Alfabeto Comp leto

Page 14: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 14/32

Diseño Gráf ico 2009

Tipografía aplicada

 V ariables visuales (tono)

retícula general (muestra letra "a")

Ejemplo 9

Mediante la generación de una retícula se intenta obtener la totalidad de los caracteres de la manera más

simple. Las restricciones de la retícula hacen que el diseñador lleve al máximo su creatividad y capacidad para

encontrar en lineamientos tan rudimentarios, formas tan complejas.

 _Pérdida de elegancia y gran primiti vización de las formas.

 _Alto grado sistémico.

 _O bservación y estudio detallado de la retícula para la generación de las _ letras.

Busqueda creati va dentro de la retícula portante.

Busqueda de la mejor forma para cada letra

Exploración de las formas

Baneo 4

 Alfabeto Completo

Baneo 2

 Alfabeto Completo

Page 15: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 15/32

Diseño Gráf ico 2009

Tipografía aplicada

E jemplo 10

Partiendo de una tipografía existente se selecciona un carácter y se comienza a realizar operaciones de rotación,

espe jado, sustracción, superposición, etc., con la intención de obtener todo un alfabeto en base a esas formas.

 _Busqueda y observación de las letras restantes dentro de la morfología de este único carácter.

 _Generación de un sistema teniendo en cuenta remates, alturas y pesos visuales.

 _Creación de una retícula que permita realizar otras formas. _Reconocimiento de familiaridad entre caracteres.

 _Necesidad de una búsqueda exhaustiv a para el desarrollo de algunos caracteres cuya morfología es más compleja.

Proceso de sustracción

Fu llnine

 Alfabeto Completo

Page 16: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 16/32

Diseño Gráfico 2009

Tipografía aplicada

Ejemplo 11

La observación tipográfica hace que uno vea letras reproducidas de distintas maneras y en v ariados soportes. Una

de ellas es la letra cosida, generando un punto similar al de un pixel. Mediante la observación de una técnica se

genera un alfabeto con una toma de partido marcada y clara, para una utilidad única.

 _R epresentar fielmente el efecto imperfecto y estocástico de la misma, teniendo en cuenta que será difícil pasar

las sensaciones que producen la _textura y volumetría de un tejido (3D) a la chatura y frialdad de otros medios (2D).

 _Empaparse de sus rasgos diferenciales . Sus signos, formas, tecnologías y limitaciones, _ códigos, etc.

   R   e   v   e    l   a   m    i   e   n   t   o

   F   o   t   o   g   r    á    f    i   c   o

Pau l&Ester

 A lfabeto Completo

Códigos del mundo textil

Page 17: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 17/32

Diseño Gráf ico 2009

Tipografía aplicada

14 con gota (vocales 2)

13 sin gota (vocales 3)

05 con muesca

Ejemplo 12

Se parte de una marca previamente existente y se diseñan los caracteres que f alten para generar un alfabeto 

completo utilizable ya no como marca únicamente.

 _Detectar una marca que nos parezca interesante y cuyo origen no sea _una fuente de catálogo (obvio!).

 _Obser vación de los rasgos principales.

 _Deducción personal* de la forma de los posibles signos faltantes.

 _Lograr un equili brio sistémico del mismo, mediante la aplicación de _constantes y v ariables.

 _Aplicación de criterios morfológicos y compensación de pesos v isuales, _anchos de caja, alturas, etc.

 _Creación con lineamientos, pero al mismo tiempo con búsqueda y  _exploración logrando desarrollos propios. _Reconocimiento de familiaridad entre caracteres.

 _Deducciones acerca de cómo deberían ser los caracteres.

 _Control y equilibrio de los rasgos y pesos visuales.

Estudio sistémico

Revelamiento

fotográfico

Tio Sam

 Alfabeto Completo

Page 18: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 18/32

Diseño Gráfico 2009

Tipografía ap licada

E jemplo 13

Se toma como punto de partida a lgún estilo tipográfico o ca ligráfico, a lguna corriente estética o mov imiento artístico

que sea representativ o en la historia con la intención de generar algo nuevo con un fuerte arraigo histórico o estilístico.

La clave consta en que e l hallazgo conforme un aporte novedoso y original ya sea por su punto de partida, concepto

o por su morfología final.

 _Rele vamiento extensivo de material gráfico: cuanto más vasta sea la _ búsqueda, más interesante será e l resultado 

encontrado.

 _Elección de un tipo de representación (manuscrita, mecánica, etc.).

 _E valuación de límite entre inspiración (alfabeto existente) y creación _(alfabeto nuevo).

 _Criterio sistémico en e l desarrollo de los signos.

 _Eva luación de pesos visuales y anchos de ca ja.

Signos encontrados en el

 Valle de Indo - 3500 AC

 Alfabeto History  Otras vertientes posibles   Alfabeto pompeijana

Maktu b Jek or

 A  lfabeto Completo

Page 19: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 19/32

Diseño Gráfico 2009

Tipografía aplicada

Ejemplo 14

La exploración de las formas. El desarrollo de alf abetos con una premisa: salir de las morfologías convencionales,

obtener un producto final que sea distintivo e irrepetible. La búsqueda de un alfabeto diferente teniendo como

toma de partido la nada o el todo en sí mismo.

 _Análisis de formas convencionales de caracteres. Estudio de variables. _

 _Libertad de acción en la elección del criterio generacional del alfabeto.

 _Una idea orientadora de la búsqueda.

 _Exploración con la intención de búsqueda de la forma menos esperada _para cada carácter.

 _Límites de comprensión de cada carácter.

Citizen Light

 Alfa beto Completo

Democratica Bold

 Alfabeto Completo

 A  ltillo

 A lfabeto Completo

Page 20: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 20/32

Diseño Gráfico 2009

Tipografía aplicada

El universo digital

Letras, números y signos conforman la caja tipográfica tradicional. Quizás, en la actualidad, esta definición no sea

siempre la más adecuada ya que la era digital, de la mano de fundidoras como T-26, Emigre y Font Font, entre

otras, el campo tipográfico sea más amplio. Ligaduras, misceláneas, florituras, signos no identificables e

ilustraciones son elementos fáciles de encontrar en los alfabetos de última generación. Elementos, que conforman

un sistema cuyas unidades no se constituyen como parte de nuestro lenguaje pero si como herramientas de refuerzo

en el mundo de la comunicación.

¿Por qué quedarse con unos pocos signos si puedo diseñar el universo completo?

etela bihC

Dalliance

Flourishes & Ornaments

Minúsculas, Mayúsculas y Signos

Meta Plus Medium

ligaduras, Miscelaneas y florituras

Brothers Word Logos Regular

ligaduras

Mrs. Eav es Just Ligatures

Signo Et

Poetica Ampersands

Page 21: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 21/32

Diseño Gráfico 2009

Tipografía aplicada

Page 22: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 22/32

Diseño Gráfico 2009

Tipografía aplicada

Page 23: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 23/32

Page 24: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 24/32

Page 25: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 25/32

Page 26: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 26/32

Page 27: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 27/32

Page 28: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 28/32

Page 29: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 29/32

Page 30: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 30/32

Page 31: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 31/32

Page 32: Creación de un alfabeto

5/11/2018 Creaci n de un alfabeto - slidepdf.com

http://slidepdf.com/reader/full/creacion-de-un-alfabeto 32/32