tipo graf ia

Upload: oscar-gonzalez

Post on 29-May-2018

221 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/8/2019 Tipo Graf Ia

    1/20

    Fundamentos de diseo

    Tipografa

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)[email protected]

    4Cuaderno

    Cudn

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    2/20

    Netdissenyd i s e o i n d u s t r i a l

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)[email protected]

    Fundamentos de diseo:

    Conceptos de tipografa .................................................................................................. 3

    Grosores y anchos .................................................................................................................... 5

    Cuadrcula tipogrfica ...................................................................................................... 7

    La legibilidad de la tipografa .................................................................................. 9

    El kern y el track...................................................................................................................... 11

    Formas de alineacin ....................................................................................................... 13

    Color en la tipografa ........................................................................................................ 14

    Espaciado ........................................................................................................................................... 16

    Armona ................................................................................................................................................ 18

    Tipografa informtica .................................................................................................... 20

    Oferta especial:

    Le construimos su pgina web GRATIS, infrmese pulsando aqu

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/http://www.netdisseny.com/ofertahttp://www.netdisseny.com/ofertahttp://www.netdisseny.com/ofertahttp://www.netdisseny.com/ofertahttp://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    3/20

    Netdissenyd i s e o i n d u s t r i a l

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)[email protected]

    Conceptos de tipografa

    Antes de los aos 80, un diseador grfico trabajaba con un "cajsta",profesional que se dedicaba especialmente a componer los caracteres.Actualmente los diseadores tienen distintos papeles, entre otros el dediseador y el de tipgrafo.

    Las transformaciones de la tecnologa tipogrfica han producido cambios en

    el aspecto de los caracteres. En 1960, con el desarrollo del fototipo, secomenz a poder permitir que los caracteres se toquen y se solapen. Lautilizacin de los ordenadores ha tenido una gran repercusin con respectoa los caracteres, ya que la letra digital permite una gran flexibilidad.

    El diseador debe tener siempre presente al trabajar con tipografa que unapublicacin bien diseada es una comunidad de tipos en la que todos losmiembros trabajan conjuntamente para un propsito comn: ayudar allector a navegar correctamente por la informacin. Adems de stodebemos tener en cuenta que el uso de la tipografa imprime carcter yexpresividad, redundando en las significaciones de lo que se quiere

    transmitir.Qu entendemos por tipografa y fuente o familia? Se denominatipografa al estudio y clasificacin de las diferentes familias o tipos deletras, as como el diseo de caracteres unificados por propiedades visualesuniformes, mientras que la fuente es el juego completo de caracteres encualquier diseo, cuerpo o estilo. Estos caracteres incluyen letras en cajabaja y alta, numerales, versalitas, fracciones, ligaduras (dos o mscaracteres unidos entre s formando una sola unidad), puntuacin, signosmatemticos, acentos, smbolos monetarios...

    Al igual que el resto de los elementos que utilizamos en la composicin denuestro diseo, el conocimiento de los tipos de letras y sus caractersticases necesario para una utilizacin correcta. Las tcnicas destinadas altratamiento tipogrfico y a medir los diferentes textos, es conocida comotipometra.

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    4/20

  • 8/8/2019 Tipo Graf Ia

    5/20

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)[email protected]

    Netdissenyd i s e o i n d u s t r i a l

    Grosores y anchos

    Las tipografas de cada familia tienen distintos grosores y anchos. Algunasfamilias estn formadas por muchos miembros y otras no. Por ejemplo la"Stone" incluye las dos variantes de con y sin serif. Dentro de una mismafamilia tipogrfica hay ciertos caracteres que la diferencian entre s, como son:

    1. Anchura del trazo: Segn la anchura del trazo pueden clasificarse enextrafina, fina redonda, negra o supernegra (de menor a mayor).

    2. Proporcin entre ejes vertical y horizontal: se clasifican en redonda(cuando son iguales), estrecha (cuando el horizontal es menor que el

    vertical) y expandida (cuando el horizontal es mayor). 3. Inclinacin del eje vertical: son las llamadas itlicas o cursivas.

    Generalmente esta inclinacin es de 15 grados. 4. Cuerpo: Es el tamao de la letra, se mide en puntos tipogrficos.

    Actualmente resulta muy complicado realizar una clasificacin de tipos, ya queexiste una gran variedad y mezcla de estilos. Podemos hacer una clasificacinhistrica de los mismos que podra ser: Gtico; Romano (tradicional, detransicin, moderno, del siglo XX); slab serif (o egipcio); sin serif o lineal y,por ltimo de trazo.

    Tambin podemos hacer una clasificacin ms genrica en cuanto a clasificarlos tipos de letras en dos grandes familias por medio de una caracterstica de

    estas, la "serifa", o remate que poseen algunas letras en sus terminaciones yque tradicionalmente se le ha visto como cualidad facilitar la lectura o sin"serifa". Sin embargo, posteriormente se ha comprobado en investigaciones encuanto a legibilidad, que existe poca diferencia entre ellas. El "set" o espaciadoentre letras, tiene mayor importancia en el aspecto de facilitar la lectura.

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    6/20

    Netdissenyd i s e o i n d u s t r i a l

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)[email protected]

    Una clasificacin histrica puede ser:

    1 Gtico: Fue el primer carcter de imprenta usado en Europa. Es untipo de letra que imita la escritura a mano que llevaban a cabo losmonjes con un plumn ancho. Vara desde la ms antigua, de ojopequeo, hasta las influenciadas por el estilo renacentista, de ojoms ancho y ms legible.

    2 Romana (o con serif): Se distinguen cuatro tipos:o A. Son los primeros tipos romanos basado en la columna de

    Trajano. El palo de la letra est adornado con una base conserif que surge de las letras talladas en piedra (Bembo, Platin).

    o B. De transicin: Se denominan as a los que se producen en elsiglo XVIII. Las mejores calidades del papel y de impresinposibilitan una variacin en su grosor y se hacen ms finos(Garamond y Baskerville).

    o C. Modernos: Se caracterizan por tener los serif horizontales ydelgados (Bodoni).

    o D. Del siglo XX: Mejoran su legibilidad. Se disean tipos deletra derivados del romano, con el ojo de mayor tamao(Times New Roman). Por lo tanto, algunas de estas letras de

    estilo romano son: TIMES, BODONI, GARAMOND, BEMBO,BASKERVILLE, BODONI o CENTURY EXPANDED. Adems deque existan muchas otras, hay diferentes estilos dentro decada una, como por ejemplo, Garamond Italic, GaramondSemibold...

    3 Egipcio: Se deriva del romano. Tienen astas iguales y ms anchas yel remate rectangular (Rockwell, Clarendom).

    4 Palo seco (o sin serif): Algunas de estas letras son: HELVETICA,GILL SANS, FRANKLIN GOTHIC, FRUTIGER o FUTURA, UNIVERS. Aligual que el primer grupo, existen muchas ms y hay diferentesestilos dentro de cada una, como por ejemplo, Gill Sans Bold, Gill

    Sans Bold Italic... 5 Otros: Algunos tipos ms modernos y con amplias variaciones se

    escapan de la clasificacin anterior creando nuevas familias como, la"caligrfica" que imita la escritura manual, la "mecano" letras densasy pesadas o la ornamental cargada de trazos y adornos.

    Regresar al ndiceRegresar al ndice

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    7/20

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)[email protected]

    Netdissenyd i s e o i n d u s t r i a l

    Cuadrcula tipogrfica

    Las dos unidades de medidas bsicas en tipografa son la pica y el punto(medida inventada por Didot). Seis picas o 72 puntos equivalenaproximdamente a una pulgada; doce puntos equivalen, a su vez, a unapica.

    Los puntos se utilizan para especificar el cuerpo de un tipo, formado por laaltura de las maysculas ms un pequeo espacio por encima y por debajo

    de las letras. Tipos del mismo cuerpo pueden parecer que sean de distintamedida segn la altura de la x. An teniendo el mismo cuerpo, una letracon la altura de la x grande parece mayor que otra con la x pequea.Asimismo, los puntos tambin se utilizan para medir la distancia entre laslneas.

    Las picas, sin embargo, se usan para medir la longitud de las lineas. Launidad, una medida relativa que se determina dividiendo la eme (queequivale a un cuadrado del cuerpo de la letra), se utiliza para reducir oaumentar el set, proceso denominado "tracking". El ajuste del espacio entredos letras para crear consistencia entre las palabras se llama "kerning".

    Estos dos conceptos los veremos ms adelante.

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    8/20

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)

    P-8

    Netdissenyd i s e o i n d u s t r i a l

    [email protected]

    La cuadrcula tipogrfica, sirve para organizar los elementos tipogrficos ypictricos de una pgina y unificar todas las partes del diseo. La complejidady la configuracin de las cuadrculas depende de la naturaleza de lainformacin que se debe incorporar y de las propiedades fsicas de loselementos tipogrficos. Las cuadrculas tipogrficas estndar poseen lneas decontorno, mdulos cuadriculados, columnas de texto, medianiles (espacio enblanco entre dos columnas de texto) y mrgenes.

    El principio bsico que deberemos tener en cuenta cuando comenzamos con el

    diseo de una retcula es comenzar a trabajar con los elementos ms pequeosy a partir de ah hacer una progresin ascendente y congruente. Asdeberemos establecerlo a partir del interlineado (o espacio entre lneas = sumaentre el cuerpo y la interlnea) del tipo ms pequeo que utilicemos en nuestrodiseo.

    Nota: estos conceptos se vern ms ampliamente en los temas de diseoeditorial.

    Regresar al ndiceRegresar al ndice

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    9/20

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)

    P-9

    Netdissenyd i s e o i n d u s t r i a l

    [email protected]

    La legibilidad de la tipografa

    El primer objetivo que debe tener un diseador a la hora de ponerse a trabajarcon texto es que ste sea legible, es decir que facilite la lectura al posiblereceptor de ese trabajo. Cuando el diseador domina las reglas que hacen queun texto sea ms o menos legible o cuando es ms importante la expresividadque el contenido textual, es cuando el diseador podr trabajar mslibremente.

    Cules son las reglas que debemos tener en cuenta para la legibilidad de lostextos? En primer lugar deberemos escoger caracteres que sean abiertos ybien proporcionados, con regularidad en los tipos y con remates clsicos. Los

    caracteres que contienen afectaciones estilsticas o irregularidades son menoslegibles, por lo que son menos recomendables utilizarlos en bloques de textosy ms adecuados para textos cortos o titulares.

    Una vez elegida la tipografa con la que trabajaremos para hacer legible eltrabajo, tendremos que tener en cuenta otros aspectos como el cuerpo con elque trabajaremos, la longitud de la lnea o el interlineado. Cuandoconseguimos que stos tres elementos armonicen -tipografa y su tamao ocuerpo, longitud e interlineado- se producir una mayor facilidad de lectura,ser ms natural nuestro recorrido visual sobre el texto. Cuando variamos unode estos aspectos en la tipografa, deberemos ajustar los otros para que laarmona se siga produciendo.

    Deberemos elegir un cuerpo o tamao de tipografa dependiendo de lafinalidad y la importancia que queramos darle al texto. Cuando estamoshablando de un bloque de texto el tamao idneo debe estar entre 8 y 11puntos, cuando nos referimos a otras finalidades del texto: titulares,subttulos... los tamaos pueden ser muy variables.

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    10/20

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)

    P-10

    Netdissenyd i s e o i n d u s t r i a l

    [email protected]

    En cuanto a la longitud de las lneas deberemos tener cuidado, ya que lasdemasiado largas producen aburrimiento en el lector y las demasiado cortasdificultan la lectura por el ritmo visual al que obliga con el cambio constante delnea de lectura. Dependiendo de que tipo de textos o del tamao del diseonos tendremos que plantear distintas longitudes de lnea, pero habitualmentese considera que el mximo de caracteres aceptados por lnea es de sesenta asetenta.Por otra parte el interlineado es un factor importante para que el lector puedaseguir correctamente la lectura sin equivocarse de lnea o cansar la vista. Es elespacio vertical entre las lneas de texto. Como regla general, el interlineadodebe ser aproximdamente un 20% mayor que el tamao de la fuente. Porejemplo un interlineado de 12 puntos es correcto para un texto de 10 puntos.Pero siempre debemos tener en cuenta que los requerimientos varan segn eltexto y la fuente.

    Regresar al ndiceRegresar al ndice

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    11/20

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)

    P-11

    Netdissenyd i s e o i n d u s t r i a l

    [email protected]

    El set (kern y el track) el espaciado entre palabras:

    Tengamos en cuenta que cuando estamos hablando sobre legibilidad nosdebemos fijar en los factores que determinan el correcto espaciado entre letras(set) o palabras. Estos factores son el tipo utilizado, el cuerpo con el quetrabajemos y el grosor de la letra. Un "set" uniforme nos proporciona unatextura o color homogneo del texto, lo cual tambin nos proporciona unamayor legibilidad.

    Dos conceptos que debemos estudiar y utilizar para modificar el espaciado

    entre letras son el track y el kern. Tradicionalmente los tipgrafos han usado eltrack para alterar la densidad visual del texto, este ajuste acta globalmentesobre toda la tipografa y depende del tamao de los caracteres; como reglageneral, cuanto ms grande sea el cuerpo ms apretado debe ser el track.

    El kern se utiliza para ajustar el espacio entre algunos pares de caracteres (osobre poco texto ms) cuando llaman la atencin por estar demasiado juntos oseparados, normalmente en cuerpos grandes. Tanto el track como el kern semiden en unidades relativas al tamao en puntos de los caracteres.

    El track ajusta el espacio entre caracteres abrindolo cuando se trata de

    cuerpos pequeos y cerrndolos cuando se trata de cuerpos grandes. El kernes estrictamente proporcional, ya que el espacio eme -la unidad en la que sebasa- tiene el mismo tamao en puntos que el cuerpo de los caracteres: esdecir que el espacio eme para un texto de 12 puntos mide 12 puntos.

    Cada carcter de una fuente est rodeado por una cierta cantidad de espaciolateral establecida por su diseador. La anchura de un carcter comprende noslo el carcter en s, sino tambin este espacio lateral. Por lo tanto, el kern yel track tambin modifican la anchura de los caracteres, al modificar su espaciolateral. Como comentbamos, otro de los elementos importantes para tenerese color homogneo de texto es el espaciado entre palabras, que debe ser

    proporcionado al set para que las letras fluyan de forma natural y rtmica enlas palabras, y las palabras en las lneas.

    El espacio que pone la barra espaciadora entre una palabra y otra forma partedel diseo de la fuente, como un carcter ms. Las lneas demasiado sueltasproducen discontinuidad en la lectura, mientras que las demasiado apretadashacen que sea complicado distinguir las mnimas unidades significativas (laspalabras).

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    12/20

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)

    P-12

    Netdissenyd i s e o i n d u s t r i a l

    [email protected]

    Grosor, ancho, cursivas y maysculas. Dentro de una misma familia tipogrficahay ciertos caracteres que la diferencian entre s, los clasificaremos en cuatrospuntos:

    1. Grosor del trazo: La pesadez o ligereza de los trazos que componenlos tipos afectan tambin a la legibilidad. Segn el grosor del trazopuede clasificarse en extrafina, fina, redonda, negra osupernegra. En los tipos demasiado pesados los ojales se llenan ydesaparecen, mientras que la tipografa demasiado fina puede nodistinguirse fcilmente del fondo. Por lo tanto el diseador tendr que

    utilizar para textos extensos un grosor adecuado o normal de tipografay hacer uso de distintos grosores en momentos puntuales. Por ejemplo,utilizar un grosor contrastado sirve para destacar un prrafo dentro deltexto.

    2. Proporcin entre ejes vertical y horizontal o el ancho: Se clasifican enredonda, cuando son iguales; estrecha, cuando el horizontal es menorque el vertical, y expandida, cuando el horizontal es mayor. Lastipografas estrechas son efectivas cuando hay abundancia de texto ydebe ahorrarse espacio. Pero se disminuye la legibilidad cuando lasletras son demasiado estrechas (condensadas) o demasiado anchas(expandidas). La condensacin es adecuada cuando debemos utilizar

    columnas estrechas. 3. Inclinacin del eje vertical o cursivas: Son las llamadas itlicas ocursivas. La cursiva y la tipografa oblicua debe usarse con prudencia,porque una gran cantidad de caracteres inclinados en el texto dificulta lalectura. La cursiva sirve para resaltar una parte del texto, ms que paraformar bloques de texto.

    4. Maysculas frente a caja baja: Todo el texto escrito en letrasmaysculas no slo consume ms espacio, sino que tambin hace mslenta la lectura. La minscula o caja baja llena el texto de sealescreadas por la abundancia de las formas de la letras, trazos ascendentesy descendentes y formas irregulares, sin embargo el mismo texto enmayscula pierde estas seales que son tan tiles para facilitar lalectura.

    Regresar al ndiceRegresar al ndice

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    13/20

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)

    P-13

    Netdissenyd i s e o i n d u s t r i a l

    [email protected]

    Formas de alineacin

    El texto puede alinearse de cinco formas distintas:alineado a la izquierda, alineado a la derecha,justificado, centrado o asimtrico.

    El texto alineado a la izquierda es el msnatural y recomendable para textos largos.Crea una letra y un espacio entre palabrasmuy uniforme, y dado que las lneasterminan en diferentes puntos, el lector escapaz de localizar fcilmente cada nueva

    lnea. Esta es posiblemente la forma dealineacin de textos que resulta mslegible.

    Sin embargo, la alineacin a la derecha vaen contra del lector porque es difcilencontrar la nueva lnea. Este mtodopuede ser adecuado para un texto que nosea muy extenso, pero no para grandesbloques.

    El texto justificado (alineado a derecha eizquierda) puede ser muy legible si el

    diseador asegura que el espacio entreletras y palabras sea uniforme y losmolestos huecos llamados "ros" nointerrumpan el curso del texto.Normalmente cualquier programa deautoedicin facilita al diseador afinar losespacios. Algunos programas dan dos tiposde justificado, uno el normal y otro en elque se justifica tambin la ltima lnea.

    Las alineaciones centradas dan al texto unaapariencia muy formal y son adecuadas

    cuando se usan mnimamente. Pero debeevitarse configurar textos demasiado largoscon este modelo.

    Las alineaciones asimtricas se usan cuandoel diseador desea romper el texto enunidades de pensamiento lgicas, o paradar a la pgina un aspecto ms expresivo.Obviamente la configuracin de grandescantidades de texto de esta manera acabapor cansar al lector.

    Regresar al ndiceRegresar al ndice

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    14/20

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)

    P-14

    Netdissenyd i s e o i n d u s t r i a l

    [email protected]

    Color en la tipografa

    Disear con tipos y colores es un gran reto, ya que cuando los colores y lostipos anan sus fuerzas, el riesgo de errar se acenta; aunque tambin escierto que la combinacin de tipos y color hace que se resalte los atributosvisuales y expresivos de la tipografa.

    En la eleccin del color uno de los aspectos que debemos no olvidar es lalegibilidad tipogrfica. Estamos acostumbrados a ver tipos negros sobre papel

    blanco, y tradicionalmente esta combinacin es la ms legible. Adems muchostipos se han diseado para ser ledos como letras negras sobre fondo blanco yofrecen una optima legibilidad impresos de este modo.

    En el momento en que se aade color al tipo o al fondo, se altera la legibilidaddel texto. En consecuencia, la tarea del diseador es combinar las propiedadesdel tipo y el color para multiplicar su potencial comunicativo. Estos doselementos pueden dar vida a un texto que, de otro modo, fracasara en suvertiente comunicativa.

    Para alcanzar la ptima legibilidad cuando se disea con tipos y color se han de

    sopesar cuidadosamente las tres propiedades del color (tono, valor eintensidad) y determinar el contraste apropiado entre las letras y su fondo.Cuando se combinan tipos y color, el equilibrio entre estas caractersticas escrucial.

    Los colores azul y naranja, complementarios totalmente saturados, ofrecen uncontraste tonal pleno, pero cuando lo aplicamos a tipo y fondo los bordes delas letras tienden a oscilar y complica la lectura del texto. Esto ocurre porqueambos colores poseen un brillo que rivaliza entre s y que reclaman atencinpropia. La solucin es suavizar o acentuar uno de los tonos haciendo que suvalor pase a ser claro u oscuro.

    Por otra parte, si dos colores anlogos estn demasiado cerca en el crculocromtico y no aportan suficiente contrate de tono o valor, deberanreajustarse para agudizar dicho contraste. Un buen principio es coger coloresque no estn directamente enfrentados ni estn demasiado prximos en elcrculo cromtico. Deben buscarse colores compatibles, pero tambin coloresque difieran en valor e intensidad.

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    15/20

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)

    P-15

    Netdissenyd i s e o i n d u s t r i a l

    [email protected]

    Tendremos que tener tambin en cuenta las cualidades y caractersticas decada tipo, ya que un tipo muy fino o estrecho, o una letra de trazo puedeparecer muy dbiles o ilegibles si los tonos son muy similares o si losvalores estn demasiado prximos. Por lo tanto, debe de existir el contrastesuficiente para proteger la fidelidad de las letras.

    Otro concepto que debemos conocer es el llamado "color tipogrfico": unailusin ptica creada por las propias proporciones y las formas de losdiseos tipogrficos que nos da la sensacin de distinto color aunque estimpreso en el mismo color. Aunque las palabras estn impresas en elmismo color, cada una de ellas puede poseer un tono distinto debido a lascaractersticas porpias de sus diseos tipogrficos.

    Regresar al ndiceRegresar al ndice

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    16/20

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)

    P-16

    Netdissenyd i s e o i n d u s t r i a l

    [email protected]

    Espaciado

    El espaciado entre letras, palabras y lneas tambin afecta al tipo y al color.Las palabras parecen de un tono ms luminoso si las letras estn msseparadas. Del mismo modo, si se incrementa el espaciado que hay entrepalabras y lneas, el tipo parece adquirir un valor ms brillante.

    Prestar atencin a las necesidades de espaciado, puede favorecer la legibilidad

    cuando el contraste de color es escaso o cuando debe imprimirse en color ungran fragmento textual. Si el tipo se disminuye en tamao, debeincrementarse la fuerza de contraste de color. Por otra parte, los fondosestampados o con textura perjudican la legibilidad.

    Cuando el tipo se coloca en positivo o en negativo sobre un fondo texturizado,hay que asegurarse de que est muy contrastado. Cuando los tipos secombinan con fotografas de fondo, debe buscarse un espacio liso dentro de lafoto que no afecte el tipo, buscar un gran contraste entre el color tipogrfico yel fondo o insertarlo en un fondo superpuesto.

    Empleando tramas podemos enriquecer la variedad cromtica de un texto sintener que aadir colores adicionales. Las tramas resultan especialmente tilesen trabajos de impresin con uno o dos colores, de todas formas deberemostener en cuenta que el porcentaje de la trama afecta a la legibilidad del tipo.Los tipos tramados pueden disponerse en negativo o en positivo. Tambinsobre una imagen en cuatricroma puede insertarse un texto en negativo oimprimirse en color si existe el contraste suficiente entre el tipo y la imagen.

    Deberemos tener cuidado si la letra es demasiado pequea o demasiado fina,ya que hay muchas posibilidades de que los puntos de la imagen encuatricroma invadan los tipos y alteren su legibilidad. Si el contraste de

    colores no basta por s solo para destacar el tipo sobre el fondo, puedenaadirse perfiles y sombras. De todas formas no es recomendable utilizar estosefectos en los bloques de texto, pues en trminos de legibilidad sera msperjudicial que beneficioso. Los mejores resultados se consiguen con tiposgrandes o en titulares.

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    17/20

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)

    P-17

    Netdissenyd i s e o i n d u s t r i a l

    [email protected]

    Cuando tenemos que buscar uncolor para asociar a un tipo, loprimero que deberemos deexaminar son los objetivos deltrabajo que tenemos querealizar y el pblico al que vadirigido. Para elegir lascombinaciones de color msadecuadas para texto y fondodeberemos de tener en cuentauna serie de reglas:

    Fuertes contrastes de tono (clidos y fros). Contrates de valor (luminosos y oscuros) Contrastes de saturacin (vivos y apagados).

    Pero de entre todos los contrastes, el de valor es crucial, lo primero que debemos pensar es

    en trminos de claridad y oscuridad antes que en tonos. Tambin deberemos tener en cuenta

    que las letras oscuras sobre fondo claro es ms efectivo que al contrario.

    Regresar al ndiceRegresar al ndice

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    18/20

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)

    P-18

    Netdissenyd i s e o i n d u s t r i a l

    [email protected]

    Armona, legibilidad, trminos

    Sugerencias para mantener la armona de los colores en un trabajo:

    1. Emplear slo unos cuantos colores y escoger uno como dominante. 2. Elegir tonos que posean caractersticas en comn, como los colores

    anlogos o los complementarios. 3. No usar colores demasiado vivos: mezclarlos con variantes claras y

    oscuras de tonos bien escogidos. De esta forma produciremos sensacinde diversos niveles de color o profundidad.

    4. Combinar colores acromticos con tonos puros y colores claros yoscuros.

    5. Partir de los esquemas bsicos de color y trabajar sobre ellos.

    Resumen de algunas normas para la correcta legibilidad de los tipos:

    - Las letras redondas y minsculas suelen ser dentro de una familia lasms legibles, ms que las cursivas, negritas, maysculas y estrechas.

    - La separacin entre letras y palabras debe realizarse de formacorrecta, para que sea fcil de leer, es decir la separacin debe sercoherente.

    - En la separacin entre letras tendremos que tener en cuenta

    especialmente las maysculas y sobre todo en rotulacin. No es lamisma separacin la que deben tener las letras D y O que la M, la I o laN en una palabra como DOMINO.

    - El tamao de la letra debe elegirse teniendo en cuenta a la distancia ala que se va a leer. Para un cartel que ser observado a 10 metros, laaltura de la letra debe ser, al menos, de 2,5 cm; mientras que para unavalla publicitaria que deba leerse a 60 metros, la altura de la letradeber ser, al menos, de 15 cm.

    - La eleccin del tipo ms adecuado depende en gran medida del tipo demensaje al que va enfocada la composicin. En algunos casosnecesitaremos un tipo de letra refinada, elegante o delicada, sin

    embargo habr casos, en los que nuestras letras deban ser sobrias,macizas y sin ningn tipo de remilgos.

    - La tipografa debe disearse o componerse de forma que seaagradable de leer y que est ntimamente relacionada con el objetivo delmensaje y con el pblico al que va dirigido. Ejemplo: El anuncio de untodo terreno nada tiene que ver con el de un producto de cosmtica, porlo cual el enfoque de la tipografa ser totalmente diferente.

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    19/20

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)

    P-19

    Netdissenyd i s e o i n d u s t r i a l

    [email protected]

    - Cuales seran los colores adecuados para la tipografa? Teniendo encuenta que la t ipografa es un elemento grfico, est sujeto a las normasde la teora del color y a las normas generales que aplicamos en eldiseo. Por ejemplo:

    o Los tipos negros sobre fondo blanco reflejan mayor legibilidad,por el contrario, el texto blanco sobre fondo negro nos hacenperder visibilidad.

    o Un texto de color amarillo sobre fondo blanco perderaimportancia, ya que, no resaltara al ser los dos colores claros, sinembargo, si el color de fondo es negro, el amarillo cobrarafuerza. Segn algunos estudios, la letra ms legible es la negrasobre fondo amarillo.

    Cuando hablamos de tipos (letra) debemos conocer una serie de trminos:

    Carcter: trmino utilizado para designar las letras, los signos depuntuacin y los espacios en blanco.

    Caja alta: se utiliza para designar a las maysculas. Caja baja: se utiliza para designar a las minsculas. Lnea: es la recta sobre la que se apoyan los tipos (letras). Tipmetro: sirve para calcular el numero de lneas de texto que caben

    en un espacio determinado. Negra: letra de trazo ms grueso de lo normal. Redonda: letra normal. Texto slido: texto compuesto sin interlineado. Alinear: organizar el texto con arreglo a una lnea horizontal o vertical. Centrado: texto compuesto en el centro del rea de imagen. Justificado: composicin de texto en lneas exactamente iguales.

    Regresar al ndiceRegresar al ndice

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]
  • 8/8/2019 Tipo Graf Ia

    20/20

    C/ Clapissa, 19 - 12580 - Benicarl (Castelln - Espaa)

    P-20

    Netdissenyd i s e o i n d u s t r i a l

    [email protected]

    Recordemos: En un diseo, se deben comprobar las diferentes variaciones quepodemos aplicar a la tipografa paraconseguir que la composicin sea loms eficaz posible. Estas variaciones laspodemos resumir en:

    1 Tipo o forma de la letra. 2 Cuerpo o tamao del tipo. 3 Espacio entre letras. 4 Espacio entre palabras. 5 Espacio entre lneas. 6 Posicin y organizacin del

    texto, es decir la ubicacin deltexto dentro de la composicin.

    La informtica y la tipografa:

    La informtica a revolucionado latipografa, ya que podemos manipularlay modificarla con respecto a nuestrasnecesidades. Es interminable lacapacidad que tenemos con latipografa, para poder expresar y

    transmitir ideas y conceptos, pero a lavez hay que hacer un uso adecuado desta y conocerla, para no caer en el

    peligro de la confusin, la falta de legibilidad y otros aspectos que podranhacer que nuestro mensaje no llegase al pblico.

    Por otro lado, no podemos buscar solo lo esttico, hay que buscar tambin laeficacia de la composicin, puesto que la funcin principal del diseo escomunicar. La unin entre la efectividad y la esttica ser el resultadoperfecto.

    Regresar al ndiceRegresar al ndice

    mailto:[email protected]://www.netdisseny.com/http://www.netdisseny.com/mailto:[email protected]