45
Diseño tipográfico

diseño tipografico.pdf

Embed Size (px)

Citation preview

  • Diseo tipogrfico

  • Diseo tipogrfico

    Cuando se crea una tipografa se debe tener en cuenta diversos factores que afectan a su estilo y a la extensin de la familia.

    Lectura

    Rtulo o texto seguidoContinua o fragmentada

    Funcin comunicativa

    IdentidadInformacinPersuasin

    Soportes de comunicacin

    Impreso [calidad del papel, velocidad de impresin]Pantalla [antialias, resolucin]Exterior

    Tipo de soporte editorial

    LibroPeridico, revista, Diccionario, obra de consulta

    Extensin de la familia

    IdiomasSistemas operativosLicencia

  • Diseo tipogrfico

    1. La definicin de los estilos tipogrficos necesarios [espesor, mancha]2. Mapa de caracteres3. Formatos

    La tipografa no existe hasta que no se forman las palabras y las lneas, son piezas que se deben integrar en un conjunto coherente.

    Y esa forma definitiva no se obtiene hasta que los textos han sido impresos o mostrados en una pantalla.

  • Diseo tipogrfico

    Una fuente excesivamente llamativa, por sus rasgos peculiares, debera contar contar con variantes para el texto seguido que no fueran tan destacadas.

    Bree Typeface

    Alg as suceda con la versin original de Avant Garde de Lubalin.

  • Diseo tipogrfico

    Bell CentennialMathew Carter

    Ink Tramps

  • Diseo tipogrfico

    Bell CentennialMathew Carter

    Ink Tramps

  • Diseo tipogrfico

    Bell CentennialMathew Carter

    Ink Tramps

  • Diseo tipogrfico

    Bell CentennialMathew Carter

    Ink Tramps

  • Diseo tipogrfico

    Comparacin con Helvetica

    Bell CentennialMathew Carter

    Ink Tramps

  • Diseo tipogrfico

    Escritura, caligrafa, rotulacin y diseo de tipos son cosas distintas.

    Fred Smeijers, Quadraat Typeface

    La escritura implica la unin de los signos de una forma espontnea, sin rigidez y producto de un trazo nico y continuo. Y algo parecido sucede con la caligrafa que es una versin acadmica y embellecida de la escritura.

    La rotulacin est asociada al dibujo y, en ese sentido, es algo ajeno a la escritura. En la rotulacin las letras poseen un dibujo individual y no tienen porque estar unidas.

  • Diseo tipogrfico

    Escritura, caligrafa, rotulacin y diseo de tipos son cosas distintas.

    Fred Smeijers, Quadraat Typeface

  • Diseo tipogrfico

    Letraset era una forma de rotulacin, no de tipografa, en la medida que la disposicin y el espaciado eran proporcionados de una manera manual, sin medicin, con ajustes puramente

    En buenas manos, las letras transferibles pueden parecer tipogrficas, pero el espaciado y la alineacin se han determinado manualmente y esto define el proceso de rotulacin.

    Fred Smeijers

  • Diseo tipogrfico

    En tipografa, la composicin de la palabra, as como la creacin de letras, estn regladas por la produccin mecnica, incluso en la composicin manual con tipos de metal [] El tamao y la posicin de todos los elementos se pueden especificar con exactitud [] y como la palabra especificar indica, esta informacin de medidas se puede transferir. Estas dos cualidades son intrnsecas a la tipografa pero imposibles en escritura y rotulacin.

    Fred Smeijers

    Roger ExcoffonChoc para la fundicin Olive

  • Diseo tipogrfico

    El diseo de letras para tipografa tiene su origen en el dibujo de letras con la pluma. Noordzij distingue varios principios para su dibujo segn el tipo de instrumento y el mtodo que se emplee.

    Contraste por traslacin, romanas antiguas como Garamond y Bembo.Constrate por expansin, tipos modernos como Bodoni y Didot.

    Giovanni Francesco Crec fue un calgrafo y grabador italiano del siglo XVI que cre un estilo de caligrafa de dara lugar a los caracteres de caja baja que acompaaran a las capitales copias de la columna de Trajano. Hacia 1560 public un manial de escritura, Essemplare di pi sorti lettere con las primeras pautas para la escritura cursiva fluida.

  • Diseo tipogrfico

    ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGH I JKLMNOPQRSTUVWXYZ

    ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

    Proporciones clsicasGaramondGill Sans

    Proporciones modernasBodoniHelvetica

  • Diseo tipogrfico

    Debe primarse el dibujo de la masa antes que el del contorno. De esta forma es ms fcil evaluar el contraste entre forma y contraforma que con el dibujo exclusivo del contorno apenas se percibe.

  • Diseo tipogrfico

    Conceptos caligrficos que perviven en la tipografa

    El ritmo se refiere a la regularidad de los trazos y al equilibrio entre blancos y negros que deben ser de forma regular.

    El ductus es el movimiento, el recorrido que hace la herramienta al escribir y que proporcionan una lgica a la forma.

  • Diseo tipogrfico

    Conceptos caligrficos que perviven en la tipografa

    La velocidad del trazo afecta al grosor. Cuanta ms velocidad, ms delgado ser el trazo.

    Hermann ZapfMathew Carter

    La tensin de curvas guarda relacin con la unin de las formas. Las curvas no empienzan de forma brusca sino fluidamente.

  • Diseo tipogrfico

    Conceptos caligrficos que perviven en la tipografa

    En la caligrafa de pluma ancha, la altura del ojo medio es cinco veces el ancho de la pluma y entre dos o tres para los trazos ascendentes y descendentes.

    La coherencia formal se obtiene por la repeticin de formas y mdulos en cada uno de los caracteres.

  • Diseo tipogrfico

    Forma y contraforma

    En rojo, contraformas cerradas. En azul, formas abiertas.

    El blanco interior y exterior de los caracteres ha de ser proporcionalmente similar.El espaciado se define igualmente entre la forma y la contraforma de la letra.

  • Diseo tipogrfico

    Forma y contraforma

    Punzn y contrapunzn

    Fred Smeijers

  • Diseo tipogrfico

    Forma y contraforma

    Punzn y contrapunzn

    Fred Smeijers

  • Diseo tipogrfico

    Forma y contraforma

    Punzn y contrapunzn

    Fred Smeijers

  • Diseo tipogrfico

    Forma y contraforma

    Punzn y contrapunzn

    Fred Smeijers

  • Diseo tipogrfico

    Para construir los signos deben tenerse en cuenta los mecanismos de compesacin ptica. Donald Knuth enumeraba en Digital Typography algunas de estas correcciones:

    1. Los trazos curvos deben ser ms gruesos que los rectos para parecen igual.2. Los trazos horizontales deben ser ms delgados que las verticales.3. Las mitades superiores son percibidas como mayores que las inferiores.4. Los crculos y los tringulos parecen siempre ms pequeos.5. Los trazos deben hacerse ms delgados al llegar a una curva.6. Las figuras ms complejas deben dibujarse ms ligeras que las simple.

    Proporcin y estructura

  • Diseo tipogrfico

    Proporcin y estructura

    Las letras versales son ligeramentes ms negras que las bajas. En las fuentes sin remate esta diferencia es menor o inexistente.

    Minion Pro

    85 a 79 en rectas103 a 93 en curvas

    Myriad Pro

    88 a 88 en rectas92 a 90 en curvas

  • Diseo tipogrfico

    Los trazos horizontales deben ser ms delgados que las verticales.

    Proporcin y estructura

  • Diseo tipogrfico

    Las mitades superiores son percibidas como mayores que las inferiores.

    Proporcin y estructura

    EFuturaPaul Renner1929

  • Diseo tipogrfico

    Los crculos y los tringulos parecen siempre ms pequeos.

    Proporcin y estructura

  • Diseo tipogrfico

    Los trazos deben hacerse ms delgados al llegar a una curva.

    Las figuras ms complejas deben dibujarse ms ligeras que las simple

    Proporcin y estructura

  • Diseo tipogrfico

    Los trazos deben hacerse ms delgados al llegar a una curva.

    Proporcin y estructura

  • Diseo tipogrfico

    Proporcin y estructura

    Correcciones pticas en formas curvas.

    a. Dos crculos concntricos.

    b. Futura

    Grosor horizontal 86Grosor vertical 90

    c. Correcciones pticas en la Futura de Paul Renner.

  • Diseo tipogrfico

    Proporcin y estructura

    Compensacin ptica

  • Diseo tipogrfico

    Proporcin y estructura

    Compensacin ptica

  • Diseo tipogrfico

    Proporcin y estructur

    Elementos modulares

  • Diseo tipogrfico

    Proporcin y estructura

    Elementos modulares

  • Diseo tipogrfico

    Proporcin y estructura

    Elementos modulares

  • Diseo tipogrfico

    Proporcin y estructura

    Elementos modulares

  • Diseo tipogrfico

    Proporcin y estructura

    Elementos modulares

  • Diseo tipogrfico

    Proporcin y estructura

    Elementos modulares

  • Diseo tipogrfico

    Proporcin y estructura

    Elementos modulares

  • Diseo tipogrfico

    Proporcin y estructura

    Elementos modulares

  • Diseo tipogrfico

    Proporcin y estructura

    Elementos modulares

  • Diseo tipogrfico

    Proporcin y estructura

    Elementos modulares

  • Diseo tipogrfico

    HandglovesHandglovesHandgloves

    Trade GothicUnivers 47Minion Estrecha