Tipografia Digital

download Tipografia Digital

of 12

description

Diseño

Transcript of Tipografia Digital

  • INICIO LOS AUTORES ENLACES MAPA DEL SITIO CONTACTO AVISO LEGAL

    Cuadratines

    Todas las noticias y novedades

    del mundo de la tipografa en un

    solo enlace

    Historia

    El desarrollo de la tipografa y la

    imprenta desde su invencin hasta

    la actualidad

    Manos a la obra

    Aprende a usar y disear

    correctamente los carcteres

    del alfabeto

    Textos

    Ideas, pensamientos y

    reflexiones en torno a la

    tipografa.

    Tratado de tipografa

    Los conocimientos clsicos sobre la

    prctica de la composicin

    tipogrfica

    Enviado por Redaccin UTD el Lunes, 17 enero 2005 12 Comentarios

    Inicio Manos a la obra

    Taller de tipografa digital. 2 Conceptos bsicos

    Introduccin e ndice del taller

    Los type-basics de Underware

    Es evidente que para afrontar el diseo

    de una tipografa, tenemos que tener

    claro los diferentes caminos que

    podemos elegir en cuanto a estilo,

    grosor, ojo medio (altura-x), anchura,

    etc. Asimismo, debemos conocer los

    diversos condicionantes que hacen que

    una tipografa funcione. Podemos

    hablar, en efecto, de los conceptos bsicos que son necesarios tener en cuenta a la

    hora de disear tipos.

    De entre las diferentes fuentes, tanto histricas como actuales, de donde podemos

    estudiar estos conceptos, nos ha llamado la atencin la llevada a cabo por el colectivo

    de diseadores tipogrficos underware, que, al objeto de servir como material de

    apoyo a los seminarios que imparten sobre diseo de tipografas, han realizado unas

    fichas que contienen una serie de conceptos bsicos explicados de una forma amena,

    concisa y apoyados por unos dibujos excelentes. Desde unostiposduros, queremos

    agradecer a underware las facilidades que nos han dado para reproducir su material:

    Cuidado con el tamao

    Para alinear pticamente todos los caracteres de una lnea, estos no deben de tener la

    misma altura matemtica. Por ejemplo, el tringulo de este dibujo debe de ser ms

    alto que el rectngulo ya que si este no es el caso e igualamos sus tamaos, al

    alinearlos el tringulo se ver ms pequeo.

    Sucede lo mismo con las formas redondas; si el crculo tuviera la misma altura

    matemtica que el rectngulo parecera tambin ms pequeo. Este efecto ptico no

    ocurre solamente con formas bsicas como el cuadrado, el tringulo o el crculo. En el

    diseo de tipos es esencial tenerlo en cuenta ya que se aplica a todos los caracteres

    de la fuente que contengan trazos curvos (panzas u hombros) o vrtices que limiten

    con las lneas que forman el ojo medio (altura x), o las que nos fijan los lmites superior

    e inferior.

    Figura 1 . Ciudado con el tamao

    Diseo de tipos

    Imprenta clsica

    Eventos

    Tipgrafos

    Libros

    Fuentes

    Diseo grfico

    Tipografa latina

    Diseo editorial

    Web

    Composicin con plomo

    Fundiciones digitales

    Cultura

    Cursos

    Caligrafa

    Gustavo Gili

    Revistas

    Utilidades y programas

    Etiquetas

    Flickr UTD

    liquido!!! depto duplex 2

    dorm 299.000 pesos

    $ 299.000

    linda casa en valle

    hermoso vista sierra

    $ 40.000

    Pgina 1 de 12UnosTiposDuros > Manos a la obra > Taller de tipografa digital. 2 Conceptos bsic...

    12/06/2015http://www.unostiposduros.com/taller-de-tipografia-digital-2-conceptos-basicos/

  • Terminologa

    Durante el proceso de diseo de una tipografa la comunicacin es mucho ms

    sencilla si utilizamos los mismos trmino para definir las distintas partes del tipo.Aqu

    se muestran los bsicos para conseguir que la conversacin sea un poco ms

    profunda que, por ejemplo, si esto es, esta pequea cosa negra. Estos trminos

    son comnmente aceptados por los diseadores de tipos, aunque dependiendo del

    pas o de sus tradiciones en el campo de la imprenta algunos pueden variar o tener

    ms de una denominacin.

    Figura 2 . Terminologa

    Fluidez de las formas

    Disear tipos es como conducir un automvil. Al conducir tomas las curvas de manera

    natural; si dibujas la curva de un carcter sobre el papel, esto debe de ser

    exactamente lo mismo. La curva comienza a fluir suavemente, nunca de una forma

    brusca; piensa que cuando conduces no tuerces las ruedas justo cuando llegas al

    comienzo de la curva sino que un poco antes de llegar a la misma te anticipas

    orientando suavemente el coche en la direccin correcta. Piensa que ests

    conduciendo cuando dibujes tu tipo.

    Figura 3 . Fluidez de las formas

    Origen caligrfico

    Los caracteres de la lnea superior tienen una construccin diferente de los situados

    en la lnea inferior; ambos tienen un origen caligrfico diferente. Esto no tiene que ver

    con que el tipo tenga remates (como Times New Roman) o no (como Arial) sino con la

    manera original con la que fueron construidos.

    Los caracteres de la lnea superior estn construidos con una pluma de punta fina

    (una herramienta caligrfica) y el contraste se origina por el cambio de presin sobre

    la misma, no por su forma. El tipo Bodoni es un buen ejemplo de esto, pero tambin

    tipos sin remate como Helvtica tienen este origen; la parte gruesa es (de manera

    general) totalmente vertical.Desde este punto de vista, no existe diferencia entre

    ambos tipos ya que ambos poseen la misma construccin, solamente el contraste

    vara.

    Los caracteres de la lnea inferior tienen su origen en la pluma de ave o clamo y es el

    propio instrumento el que posee partes finas y gruesas; el contraste se consigue por la

    misma forma de la pluma y no por la presin que se ejerce sobre ella. Al inclinar la

    pluma en un ngulo de 30 sobre el papel, los trazos gruesos del carcter que

    dibujamos no estarn en direccin vertical sino que formarn un ngulo y resaltarn

    las partes curvas. Tipos como Garamond o Minion tienen este tipo de construccin y

    tambin algunos san serif como Gill Sans tambin derivan de este origen.

    De manera general, conviene destacar la idea de que en los tipos modernos (Didot,

    Bodoni y sus variaciones) los trazos que se resaltan son los rectos, mientras que en

    los tipos antiguos (de tradicin aldina) son los curvos.O lo que es lo mismo, pero

    Pgina 2 de 12UnosTiposDuros > Manos a la obra > Taller de tipografa digital. 2 Conceptos bsic...

    12/06/2015http://www.unostiposduros.com/taller-de-tipografia-digital-2-conceptos-basicos/

  • referido en este caso al campo de la legibilidad, los tipos modernos destacan las

    partes comunes de los caracteres mientras que los antiguos destacan sus partes

    diferentes.

    De esta asercin, muchos estudiosos infieren que los caracteres antiguos son ms

    legibles que los modernos al poseer los primeros un mayor contraste visual.

    Figura 4 . Origen caligrfico

    Espaciado

    Mucho ms importante que las formas de los caracteres, es el ritmo que muestran

    cuando se componen en palabras y en lneas. Una fuente con unos caracteres

    hermosamente dibujados, si estn mal espaciados se har difcil de leer; sin embargo

    una fuente con unas formas no tan bien diseadas, si el espaciado es bueno su

    lectura ser ms cmoda. Definir el ritmo es ms importante que definir las formas.

    Los espacios en blanco, situados dentro y alrededor de las letras, son los que definen

    el ritmo mucho ms que las propias formas negras de los caracteres; es un balance

    entre la forma y la contraforma. As a la hora de dar forma al carcter debemos tener

    en cuenta estos espacios en blanco y entender su relacin con la figura negra de las

    letras: ambas estn relacionadas, por lo que si cambiamos la forma blanca este

    cambio afectar tambin a la forma negra; o sea, si por ejemplo aumentamos el

    espacio blanco habr menos espacio negro y viceversa.

    Respecto al espaciado, podemos ver en el dibujo que existe una relacin entre el

    espacio contenido dentro de la letra n y el espacio existente entre la i y la n. En la

    figura superior podemos ver como el espacio contenido dentro de la letra n, es mucho

    ms grande que el existente entre la i y la n. Al contrario en la figura inferior ste

    espacio est ms igualado, y esta es la forma de que las palabras tengan un buen

    ritmo y una mejor armona en las lneas de texto.

    Lo mismo ocurre con la forma interior de los caracteres a y e, por ejemplo. Si

    conseguimos dotar pticamente a todos los caracteres de la fuente de un espacio

    interior similar en sus contrapunzones (el contorno interior de un trazo cerrado) el ritmo

    del conjunto mejorar notablemente.

    Figura 5 . Espaciado

    Negro Versus Blanco

    Los conceptos expresados en el punto anterior sobre el balance de las formas negras

    y blancas, aqu los puedes ver un poco ms claros. El diseo de tipos no es nada ms

    y nada menos que armonizar las formas negras y las blancas. El negro no puede

    existir sin el blanco y el blanco no puede existir sin el negro.

    Negro, la forma de las letras; blanco el espacio dentro y alrededor de las mismas. La

    cantidad de espacio blanco dentro de un carcter define la cantidad de blanco que

    existir entre dos caracteres.Siguiendo esta idea, vemos que es imposible crear un

    carcter con gruesos trazos negros que tenga a la vez unos contrapunzones grandes;

    Pgina 3 de 12UnosTiposDuros > Manos a la obra > Taller de tipografa digital. 2 Conceptos bsic...

    12/06/2015http://www.unostiposduros.com/taller-de-tipografia-digital-2-conceptos-basicos/

  • un tipo de estas caractersticas siempre tendr unos contrapunzones ms pequeos

    que un tipo dibujado con unos trazos ms finos.

    Por consiguiente, como vemos en la ilustracin, el espacio entre las letras ser menor.

    Al contrario un tipo ms fino tendr unos contrapunzones ms grandes y como el

    espacio que existe entre las letras debe estar en proporcin, ste ser mayor.

    Este punto es clave para entender las sutiles relaciones y los factores fundamentales

    que debes de tener en cuenta en el diseo de tipos; a partir del momento en que lo

    percibas te dars cuenta de que ves los tipos con distintos ojos. Con ojos de

    tipgrafo.

    Figura 6 . Negro versus Blanco

    Itlica versus Romana

    Una fuente romana puede estar inclinada (con un ngulo determinado) y una cursiva

    puede estar derecha (totalmente vertical como una romana). Suena raro?

    El ngulo no es el que decide si un carcter es romano o cursivo; esto depende de su

    construccin. Para verlo un poco ms claro, vamos a fijarnos en las cuatro n del

    dibujo. Efectivamente el primer carcter empezando por la izquierda es romano pero

    el segundo tambin; aunque no es totalmente vertical la construccin es la misma que

    la del primer carcter y a estos tipos se les conoce como romanos inclinados. La

    tercera n ya nos puede parecer cursiva pero an no estamos ante una cursiva

    verdadera. Bsicamente no existen diferencias entre la segunda y la tercera n a

    excepcin de la ausencia de remates en sta ltima.

    Ahora compara las tres primeras letras con la ltima. sta si que es una autntica

    cursiva; la gran diferencia con respecto a las anteriores reside en su construccin. Las

    tres primeras estn construidas a partir de diferentes trazos separados y la ltima est

    construida a partir de un solo trazo. Esta es la diferencia bsica entre los tipos

    romanos y cursivos su construccin y no su ngulo de inclinacin.

    Respecto a la diferencia entre cursiva e itlica, desde el punto de vista histrico se

    pueden buscar argumentos que incidan en una probable diferencia entre ambas,

    aunque, de acuerdo con la mayora de investigadores tipogrficos, son trminos

    similares. Donde si podemos establecer una gran diferencia es en el hecho de que

    itlica es un trmino que tiene que ver con su funcin, mientras que cursiva tiene que

    ver con su construccin.

    Cuando realizamos una familia tipogrfica e incluimos en la misma una fuente romana

    y una itlica, sta puede construirse de diferentes maneras. Posiblemente la tercera n

    del dibujo podra funcionar perfectamente como itlica en t familia, pero recuerda que

    no siempre se tratar de una cursiva verdadera.

    Figura 7 . Itlica versus Romana

    Pgina 4 de 12UnosTiposDuros > Manos a la obra > Taller de tipografa digital. 2 Conceptos bsic...

    12/06/2015http://www.unostiposduros.com/taller-de-tipografia-digital-2-conceptos-basicos/

  • Uno para todos

    Qu es lo que define que un carcter encaje bien con otro? Y cuando tomas una

    decisin sobre el diseo cmo afecta al resto de los caracteres de la fuente?

    Punto de partida: la letra e del centro del dibujo. Imagnate que has dibujado esta letra

    y quieres disear el resto de los caracteres de la fuente de forma que encajen bien con

    la misma. Por donde empezamos? Por ejemplo debe ser una fuente con remates o

    sin ellos?

    Primer intento: la letra i de la izquierda. Una letra sin remates y cuyo asta es tan

    gruesa como el asta de la e y con el mismo ojo medio.

    Segundo intento: la letra i de la derecha. La letra tiene el mismo grosor y el mismo ojo

    medio que la e, y adems presenta remates.

    La panza de la e no solamente es gruesa sino que muestra un gran contraste. La i de

    la izquierda no tienen ningn contraste; estos dos caracteres no tienen nada que ver

    uno con el otro. Por otro lado, la i de la izquierda tiene el mismo estilo de contraste que

    la e debido a sus remates. Estos pequeos trazos son los que aseguran que el

    carcter tendr partes finas y partes gruesas, como las que tiene la e. Esto da como

    resultado que el punto de partida que hemos creado para nuestra fuente (la letra e), ya

    nos ha definido que el resto de los caracteres de la fuente no pueden carecer de

    remate.

    Por supuesto que todas las reglas estn para ser rotas. Una vez mencionado esto, no

    existe ningn impedimento para que puedas hacer una fuente que combine la e con

    una i como la situada en el lado izquierdo. Todo es posible, por supuesto. Lo

    importante es que todas tus decisiones sobre el diseo de un tipo tengan un porqu, y

    que sepas bien lo que haces y tambin lo que no haces.

    Figura 8 . Uno para todos

    Lecturabilidad

    El nico aspecto importante de una fuente de texto es su lecturabilidad. Muchas

    decisiones de diseo pueden afectar a este aspecto entre las que se encuentran el

    contraste, la longitud de los ascendentes y descendentes, el ritmo, el color tipogrfico

    que proporciona el tipo, la robustez de sus arcos y sus panzas, etc.

    La mayora de estas decisiones se aplican a todos los caracteres de la fuente, y por

    esto el primer paso es definirlas. Por ejemplo el contraste; los caracteres de la lnea

    superior tienen un contraste ms acusado que los de la lnea inferior. As, los

    caracteres de la lnea superior son ms apropiados para usarse en titulares y los

    inferiores para ser utilizados en texto continuo, y no solamente por la diferencia de

    contraste sino porque los caracteres de la lnea superior son mucho ms

    condensados. Esta caracterstica los hace menos legibles en cuerpos pequeos, pero

    mucho ms destacados y flexibles para titulares o rotulacin. Definir el contraste y la

    anchura son decisiones a tener en cuenta en todos los caracteres individuales de la

    fuente, pero, adems, mientras diseas cada carcter puedes aadir detalles que

    mejoren la lecturabilidad de la fuente. Por ejemplo, la oreja de la g puede ayudar a que

    el lector siga la lnea horizontal de lectura de manera ms fluida. La g de la lnea

    inferior trabaja mucho mejor en una fuente de texto en cuerpos pequeos que la de la

    lnea superior.

    Por nuestra parte apuntar al respecto del trmino lecturabilidad que ste hace

    referencia a la facilidad de comprensin de un texto mientras que el trmino legibilidad

    est referido a la percepcin visual del mismo. Son trminos diferentes; por ejemplo

    Pgina 5 de 12UnosTiposDuros > Manos a la obra > Taller de tipografa digital. 2 Conceptos bsic...

    12/06/2015http://www.unostiposduros.com/taller-de-tipografia-digital-2-conceptos-basicos/

  • una palabra compuesta en un cuerpo 24 es ms legible que si estuviera compuesta en

    un cuerpo 9 pero esto no la hace ms lecturable.

    Figura 9 . Lecturabilidad

    Proporciones

    Qu altura-x dar a un carcter? Y qu profundidad a sus descendentes? Definir

    estas proporciones es esencial y estn fuertemente conectadas con el propsito de la

    fuente. El uso que se le de a dicha fuente marcar las proporciones de sus caracteres.

    Por ejemplo, es imposible crear una fuente para un peridico que nos economice el

    espacio disponible si la misma est formada con unos caracteres excesivamente

    anchos.

    Unos descendentes extremadamente cortos darn un aspecto extrao a una fuente de

    texto, pero para una fuente de titulares puede ser una decisin acertada. Para una

    fuente de texto la altura de los ascendentes debe de ser tan grande, o incluso mejor

    ms grande, que la altura de las maysculas al objeto de proporcionar un adecuado

    ajuste ptico, como se muestra en el dibujo.

    Figura 10 . Proporciones

    Versalitas

    Como podrs deducir por su nombre, las versalitas son letras versales pequeas, esto

    es, maysculas con la misma altura que las minsculas.

    Por qu se necesitan las versalitas?

    Por varias razones de ndole tipogrfica. La primera es que, en un bloque de texto,

    una palabra compuesta enteramente en maysculas resaltar desagradablemente del

    resto y la segunda porque las letras capitales de muchas fuentes no han sido

    diseadas y espaciadas para trabajar juntas, sino para componerse junto con las

    minsculas. Al contrario las versalitas si han sido diseadas para trabajar juntas por lo

    que el resultado, dentro de un bloque de texto, proporciona un color tipogrfico ms

    homogneo.

    Aunque se ha dicho que las versalitas son maysculas cuya altura es la de la altura-x

    de la fuente, esto no es del todo cierto ya que, al objeto de que pticamente se vean

    de la misma altura, las versalitas deben de ser un poco ms altas que los caracteres

    de caja baja, como se muestra en el dibujo.

    Pgina 6 de 12UnosTiposDuros > Manos a la obra > Taller de tipografa digital. 2 Conceptos bsic...

    12/06/2015http://www.unostiposduros.com/taller-de-tipografia-digital-2-conceptos-basicos/

  • Figura 11 . Versalitas

    Capitales ornamentadas?

    Aunque este no sea uno de los aspectos fundamentales para aprender tipografa, es

    interesante prestar un poco de atencin a este tema. No todas las familias de fuentes

    poseen una ornamentada, es ms comn ver fuentes con capitales ornamentadas e

    incluso con algunos caracteres de caja baja para utilizar al principio o al final de

    palabras.

    Alguna vez desears componer una palabra totalmente en caja alta; hacer esto es

    posible con capitales romanas pero habr casos en los que mejor ser elegir

    versalitas, que, como dijimos antes, estn diseadas con este propsito. Tambin es

    cierto que aunque las capitales romanas no estn diseadas con este fin, con

    frecuencia no causarn problemas. Las capitulares ornamentadas si. stas estn

    diseadas para aadir impacto visual a tus composiciones y se pueden utilizar para

    ser seguidas por caracteres de caja baja (nmero 1), o para ser usadas como iniciales

    (nmero 2), pero no para ser combinadas entre s. Slo en algunas fuentes ser

    posible combinar capitales ornamentadas con capitales romanas (nmero 3)

    Figura 12 . Capitales ornamentadas

    Altura-x

    Si haces las versiones fina y negra de un tipo, tendrs que asegurarte de que la negra

    tenga una altura-x ms grande que la fina (lnea superior del dibujo), ya que si este no

    es el caso, la versin negra nos parecer pticamente ms pequea que la fina

    cuando ambas se combinen en una lnea de texto.

    En tamaos de titular no ocurre exactamente lo mismo. Si los tipos se imprimen en

    tamaos grandes, la diferencia entre la altura-x de ambas versiones ser mucho ms

    pequea (lnea inferior del dibujo).

    Figura 13 . Altura-x

    Ciudado con el grosor

    Desde la introduccin del ordenador, la posibilidad de disear tipos se ha abierto a

    prcticamente todo aquel que lo desee. A su vez los programas de creacin de

    tipografas nos permiten un control total sobre todas las variaciones que queramos

    hacer. Pero esta abrumadora disponibilidad debemos manejarla con cuidado.

    Pgina 7 de 12UnosTiposDuros > Manos a la obra > Taller de tipografa digital. 2 Conceptos bsic...

    12/06/2015http://www.unostiposduros.com/taller-de-tipografia-digital-2-conceptos-basicos/

  • Por ejemplo, muchos de estos programas tienen una opcin, entre otras muchas, para

    cambiar el peso de una tipografa normal en negra. Las lneas de un diseo perfecto,

    se expanden como por arte de magia, pero cuidado, el ordenador intenta engaarte. El

    resultado no es una autentica negra. Seguramente el cambio automtico originar la

    destruccin del contraste (la segunda a del dibujo). Si estamos pensando en aadir un

    peso a nuestra familia, ser mejor partir de un diseo original y no modificar

    automticamente uno ya existente, ya que por mucho que mejoren estos programas al

    final lo nico que cuenta es una cosa: tu ojo crtico, y si este est bien entrenado

    seguro que vers, en estos casos, multitud de incongruencias.

    Figura 14 . Cuidado con el grosor

    Digitalizacin de originales

    A la hora de pasar tus diseos dibujados a mano al entorno digital, debes de tener

    cuidado con el digitalizado de los mismos. Ms concretamente con el trazado del

    diseo escaneado con una herramienta Bezier. Demasiados puntos de dibujo sobre un

    carcter o una posicin equivocada de estos, pueden influir negativamente en tu

    fuente.

    Una presencia excesiva de puntos puede causar no solamente problemas tcnicos a

    la hora de imprimir sino que puede hacer ms difcil el control de la forma misma.

    Controlar una curva realizada con dos puntos es mucho ms fcil que manejar otra

    realizada con doce, y dar lugar a una forma mucho ms fluida.

    Asimismo, una posicin equivocada de los puntos de dibujo causar problemas con el

    hinting por lo que debemos tener muy en cuenta donde los colocamos. Por norma

    general, irn situados en los puntos crticos de la forma en cuestin. (Cmo se explica

    en el captulo anterior). Por ejemplo, para vectorizar una o solamente necesitaremos

    ocho puntos de dibujo; cuatro para la forma interior y otros cuatro para la exterior.

    Situando los puntos de dibujo sobre los puntos crticos significar que los manejadores

    de los mismos se encuentren siempre situados de manera horizontal o vertical, y, en

    este caso, su control ser mucho ms fcil.

    Figura 15 . Digitalizacin de originales

    Copiar y pegar?

    Una vez que hayas creado los caracteres bsicos de la fuente, te preguntars cmo

    hacer el resto. Copiando y pegando? En realidad no, aunque te puede servir de

    ayuda.

    Hay cosas que puedes hacer, y otras que no, con el mtodo de cortar y pegar.

    Algunas formas sern las mismas como los ascendentes de la l y la h, por ejemplo; y

    tambin puede que te sirva la panza de la d y la q ya que una vez que has creado la d,

    su forma puede ser un buen punto de partida para la b y la p, rotndola 180.

    Lo que el mtodo de copiar y pegar no variar es el contraste de tus caracteres, por lo

    que si ests creando una fuente antigua basada en los trazos de la pluma o el cincel

    debers tener en cuenta que si reflejas en sentido horizontal o vertical la forma, este

    cambio alterar el ngulo de los trazos contrastados lo que dar lugar a que la forma

    Pgina 8 de 12UnosTiposDuros > Manos a la obra > Taller de tipografa digital. 2 Conceptos bsic...

    12/06/2015http://www.unostiposduros.com/taller-de-tipografia-digital-2-conceptos-basicos/

  • se destruya. De cualquier modo, si rotas una parte de un carcter 180, el contraste

    permanecer inalterable.

    De todas formas este mtodo es mejor utilizarlo simplemente como punto de partida

    ya que con frecuencia ser necesario realizar ajustes manuales. Por ejemplo, si tienes

    una n puedes rpidamente a partir de ella realizar una m y una h e incluso tambin

    una u, como muestra el dibujo. Copio, pego, roto la n, acorto algn remate y..

    todava falta algo! Si elimino los remates superiores, tanto el externo como el interno,

    el espacio en blanco que tendr dentro de la u ser ms grande que el que existe

    dentro de la n. Esto deber ser corregido pticamente. Una solucin podra ser hacer

    la u un poco ms estrecha, y otra hacer el remate superior un poco ms grande (lo

    que provocar que el espacio interno sea ms pequeo).

    Cualquiera que sea la solucin que adoptes, tienes que asegurarte de que los

    contrapunzones contengan pticamente la misma cantidad de espacio en blanco para

    as asegurar un ritmo de los caracteres de tu fuente.

    Figura 16 . Copiar y pegar

    El equilibrio de las formas

    Si haces los contrapunzones de la B exactamente iguales, el superior parecer

    pticamente mayor. Tu carcter dar la sensacin de que pesa y que aplasta la parte

    inferior. Si haces el contrapunzn superior un poco ms pequeo que el inferior, tu

    carcter se ver mucho mas equilibrado.

    El contrapunzn de la B no es exactamente igual al de la P, por ejemplo. Si quieres

    hacer los dos del mismo tamao, la prosa derecha (sidebearing en Fontographer) de

    la P te quedar mucho ms grande. Esto nos dice que, aunque deba existir una

    relacin cercana entre los tamaos de los contrapunzones de la B y de la P, debemos

    ajustar la forma negra del carcter y el espacio en blanco de manera individual en

    cada uno de ellos.

    Por ejemplo, una r de caja baja: este carcter no es una n a la que hemos privado de

    una de sus astas (una r realizada de esta manera presentara un aspecto

    marcadamente dbil) por lo que debemos hacer una r mucho ms fuerte al objeto de

    que su brazo acompae a la direccin de lectura horizontal. De esta forma el espacio

    en blanco situado a la derecha de la r y definido por la lnea base y el brazo sea ms

    abierto y equilibrado. El hecho de que la prosa derecha sea mucho ms pequea no

    afectar en nada al ritmo del tipo. Como consecuencia de esto, el carcter puede

    estrecharse en su totalidad por lo que deberemos actuar sobre el espacio en blanco

    superior al objeto de que la r no se confunda pticamente con la n.

    Figura 17 . El equilibrio de las formas

    Interletraje (kerning)

    Olvdate del interletraje, y pasa tu tiempo ocupado en otras cosas. El interletraje no es

    algo primordial, es mucho ms importante espaciar correctamente tus caracteres. En

    Pgina 9 de 12UnosTiposDuros > Manos a la obra > Taller de tipografa digital. 2 Conceptos bsic...

    12/06/2015http://www.unostiposduros.com/taller-de-tipografia-digital-2-conceptos-basicos/

  • Twittear 10 Me gustaMe gusta 5 StumbleUpon

    Imelda coment el 14 octubre 2008 a las 20:59 :

    Hola me encanto su nuevo diseo!!!!!!!!!!!!!! me siento ms cmoda

    navegando a lo mejor es mi imaginacin jaja. Felicidades sus artculos me

    cualquier caso, el conocimiento del interletraje te proporcionar una mayor

    comprensin de la tipografa y algunas veces es inevitable.

    Los pares de interletraje existen por razones pticas. Dicho de una forma sencilla:

    cuando un carcter est seguido por otro t puedes definir un espacio diferente entre

    ellos. Este espacio puede variar a partir de un espaciado normal (la prosa derecha del

    primer carcter ms la prosa izquierda del segundo). La diferencia puede ser positiva

    o negativa; puedes aadir espacio a ciertas combinaciones de letras y reducirlo en

    otras. Estos pares de interletraje se implementarn en la fuente como un fichero.

    En algunos casos, el interletraje es inevitable y necesario. Cuando una capital A est

    seguida por una v de caja baja, el gran espacio en blanco que aparece entre las

    mismas no puede ser arreglado adaptando el espaciado de los caracteres, ya que

    cuando realicemos otras combinaciones con otros caracteres no funcionara. Para

    esta ocasin es necesario definir un par de interletraje. En este caso se trata de un par

    negativo ya que reducimos el espacio entre ambos caracteres, pero hay otros casos

    en el que ser positivo y deberemos aadir espacio como por ejemplo una f de caja

    baja seguida por un parntesis f).

    Figura 18 . Interletraje (kerning)

    Ligaduras

    Las ligaduras en pocos casos son algo esencial. Algunas de ellas, bien conocidas, son

    fi o fl. El hecho de que sean inevitable o no, depende del diseo general de la fuente.

    No todas necesitarn una ligadura para la composicin fi, sta ser necesaria

    solamente en los casos en los que el punto de la i interfiera con la f. Existen tambin

    razones estticas para la creacin de ligaduras como st. Aunque el tema de las

    ligaduras no sea lo ms urgente que debas afrontar a la hora de disear una

    tipografa, es otro obstculo en el camino a la perfeccin!

    Figura 19 . Ligaduras

    Be Sociable, Share!

    Etiquetas: Cursos | Diseo de tipos

    12 Comentarios

    ShareShare

    Pgina 10 de 12UnosTiposDuros > Manos a la obra > Taller de tipografa digital. 2 Conceptos b...

    12/06/2015http://www.unostiposduros.com/taller-de-tipografia-digital-2-conceptos-basicos/

  • sirven un buen como estoy estudiando una maestra en diseo tipogrfico en

    el Bello puerto de Veracruz.

    ramn coment el 15 octubre 2008 a las 12:45 :

    Hola Imelda, nos alegra saber que te gusta el nuevo diseo. La idea es

    poder compartir los contenidos de una forma ms interactiva con todos

    vosotros.

    Antonio coment el 11 noviembre 2008 a las 23:13 :

    Quiero felicitarlos por estos articulos. En mi clase de tipografa nos dejaron

    hacer nuestro alfabeto y he ledo algunos de sus artculos y me han servido

    mucho.

    Muchas Gracias desde el Colegio de Diseo Grfico, FABUAP.

    Jair coment el 16 febrero 2009 a las 21:58 :

    Ramon,me parece que aqui sobras..

    Me parece que Imelda ha dejado basante claro que ella est conmigo ahora

    ERES EL PASADO!! OLVIDALAAA

    Un saludo desde Sanhipo!!

    DissenyArt taller de tipografa digital coment el 23 febrero 2009 a las 12:02 :

    [...] (que no corto), de varios procesos en la creacin de una tipografa.

    Dibujando en poscript, conceptos bsicos, efectos pticos, creacin de

    tipografas, los remates y el correcto espaciado de letras. Una [...]

    felipe coment el 11 mayo 2009 a las 4:56 :

    usted es feliz o casado? Algunos matrimonios terminas bien.. otros son para

    toda la vida.

    Versalitas Petite Brunette coment el 20 julio 2009 a las 13:32 :

    [...] ViaN El Taller de Tipograda Digital de UnosTiposDuros [...]

    HotartWorks coment el 12 abril 2011 a las 5:40 :

    Hola! Soy un gran seguidor de vuestro trabajo y necesito de vuestra

    sabidura. Suelo disear o modificar los tipos a la hora de hacer un logo o un

    diseo puntual y me preguntaba si hay algn tipo de gua/tutorial para la letra

    s. Me lleva de cabeza desde que empec y quera saber si hay forma o

    truco que me ayude.

    Muchas gracias y un saludo!

    Silvia coment el 11 abril 2012 a las 19:07 :

    Gracias por la traduccin y por su trabajo en general que me parece

    buensimo, me tir a disear mi (espero) primera tipografa y me viene muy

    bien. Yo cambiara lecturabilidad por legibilidad, pero lo dejo a su

    sapientsimo criterio, claro.

    ramn coment el 15 abril 2012 a las 20:42 :

    Hola Silvia, muchas gracias. En realidad legibilidad y lecturabilidad son

    conceptos distintos pero complementarios. La primera hace referencia a la

    facilidad con la que un caracter es identificado. Imagina una a en futura

    cuerpo 6 no es muy legible y la lecturabilidad hace referencia a la comodidad

    con la que se lee un texto (puedo utilizar la misma futura a un cuerpo 14 que

    ya es ms legible pero hacer el texto poco lecturable alterando por ejemplo

    los espacios entre letras)

    Rulo coment el 13 septiembre 2013 a las 5:17 :

    GENIAL! Muy bueno!!!

    Pgina 11 de 12UnosTiposDuros > Manos a la obra > Taller de tipografa digital. 2 Conceptos b...

    12/06/2015http://www.unostiposduros.com/taller-de-tipografia-digital-2-conceptos-basicos/

  • Tipo um problema dos Correios | Desenhista Digital Solues coment el 30 mayo 2014 a las 8:27 :

    [...] referncias preferidas disponveis online o TypeBasics(se facilitar, tem

    uma traduo em espanhol)nele podemos encontrar alguns dos princpios

    bsicos para desenho de tipos, alm de [...]

    Nombre (obligatorio) Correo electrnico (obligatorio - no ser visible)

    Enva tu comentario!

    Aade tu comentario debajo, o haz un trackback desde tu web.

    Tambin puedes suscribirte a estos comentarios via RSS.

    Web personal (opcional)

    Mensaje (obligatorio)

    Entradas recientes

    GG Design Camp

    Enseanza de la caligrafa en Espaa

    Palabra de diseador

    Taller de caligrafa itlica con Oriol Mir

    Tipografa en pantalla

    Ms comentados

    Imprime con plomo... notars la diferencia !!

    Unostiposduros distribuye la tipografa Ibarra Real

    Los diez mejores libros sobre tipografa. Nivel bsico

    Anatoma de la letra

    Tratado clsico de tipografa: 1 Generalidades

    Comentarios recientes

    ramn en www.tipografia.cl

    Emilio Martin Schneider en www.tipografia.cl

    Un sistema grfico para las cubiertas de libros. Hacia un lenguaje de parmetros. | Rosa Llop

    en

    Cubiertas de libros y parmetros para su composicin

    pedro en Historia de la tipografa

    Creado con WordPress | Entradas (RSS) | Acceder | Versin 2.0. Tema Arthemia Premium adaptado por Pablo Moro y alojado por Can Antaviana

    Pgina 12 de 12UnosTiposDuros > Manos a la obra > Taller de tipografa digital. 2 Conceptos b...

    12/06/2015http://www.unostiposduros.com/taller-de-tipografia-digital-2-conceptos-basicos/