doña serifa

12
Dona Serifa Dona Serifa MANUAL DE TIPOGRAFÍA Jessica Losada

Upload: jessica-losada

Post on 09-Mar-2016

266 views

Category:

Documents


3 download

DESCRIPTION

manual de tipografia para la clase de diagramacion y tupografia de la universidad ICESI

TRANSCRIPT

Page 1: Doña Serifa

Dona  SerifaDona  Serifa

MANUAL DE TIPOGRAFÍA Jessica Losada

Page 2: Doña Serifa

SUMARIO Doña Serifa

SUMARIOCONCEPTOS BÁSICOSTIPO, FUENTE , UNIDADES DE MEDIDA…............................PÁG 2FAMILIAS TIPOGRÁFICAS, LAS FUENTES COMO ELEMENTO EXPRESIVO…...................................................................................PÁG 3ANATOMÍA DE LA FUENTE ..................................................…..PÁG 4

TRABAJANDO CON LAS FUENTESCONTRASTES TIPOGRÁFICOS…...............................................PÁG 4ALINEACIONES…...........................................................................PÁG 5TRACKING, KERNING, INTERLINEADO, VIUDAS, HUERFANAS, RIOS…...............................................................................................PÁG 6

CONSTRUCCIÓN DE LA FUENTEIDEA, BOCETO, DETALLES….......................................................PÁG 7

PRINCIPIOS BÁSICOS DE DIAGRAMACIÓNRETICULAS, PÁGINA MAESTRA, JERARQUÍA, ESTRUCTURA…..............................................................................PÁG 8

GLOSARIO....................................................................PÁG 9

Page 3: Doña Serifa

1

INTRODUCCIÓN Doña Serifa

INTRODUCCIÓNLa elección de la tipografía a usar en un documento es de vital importancia, ya que de ella se desprenderá el mensaje que queremos comunicar y los valores de la marca. Este manual constituye un recuento acerca de todo lo relacionado con la tipografía, desde los conceptos básicos hasta los prin-cipios básicos de diagramación. Se incluyen también ejemp-los que ilustran los temas.

Page 4: Doña Serifa

3

CONCEPTOS BÁSICO Doña Serifa

2

TIPOGRÁFICA

Arte y la técnica de crear y componer tipos para comunicar un mensaje. También se ocupa del estudio y clasi!cación de las distintas fuentes tipográ!cas.

UNIDADES DE MEDIDA

Mundo impreso 1 Punto DTP = 0,352mm. 1 Milímetro = 2,67 puntos Didot.

Unidades de medida relativas y porcentuales

Pixel: Relativa a la resolución de salida.

%: Basada en el tamaño de letra empleado.

Ex: Relativa al tamaño de la X minúscula del tipo de letra que se esté usando.

Em: Relativa al tamaño de letra empleado.

Esta es una fuente de 4mm

Esta es una fuente de 12 puntos

E M = C U A D R AT I N : Forma de cuadrado con el mismo ancho y alto que el cuerpo al que se re!ere. Se usaban como medida para separar elemen-tos tipográ!cos de forma irrompible.

Tipo ex em

EEEE

SERIFVETIKA

Jenna  SueSwansea

2

FUENTE1

TIPO

Diseño de una letra determinada.

Es la que se de!ne el estilo o apariencia de un grupo completo de tipos, regidos por unas características comunes.

Page 5: Doña Serifa

FAMILIATIPOGRÁFICA

VARIANTES DE UNA FAMILIA

Cuerpo o tamaño:

El grosor del trazado:

1

2

3

4

Helvetica Regular

Helvetica Bold

Helvetica Light

A a

A A AProporción de los ejes:

E x p a n d i d a Condensada Normal

Forma del trazado:

CLASIFICACIÓN DE LAS FAMILIAS TIPOGRÁFICASCLASIFICACIÓNRomanasAntiguasTransiciónModernas

LinealesGrotescas

Palo Seco

ROMANAS Ó SERIFGran armonía de proporciones, fuerte contraste entre elemen-tos rectos y curvos y sus remates les proporcio-nan un alto grado de legibilidad

Grupo de fuentes unidas por características similares. Los miembros de una familia se parecen entre si, pero también tienen rasgos pro-pios.

SAN SERIF Ó PALO SECOReducen los caracteres a su esquema esencial. Las minúsculas están conformadas a base de líneas rectas y círculos unidos.

LAS FUENTES COMO ELEMENTO EXPRESIVOLos tipos poseen características que apoyan y aclaran el contenido de las palabras que representan. Tienen person-alidad y actitudes, son capaces de una amplia gama de expresiones.

La elección tipográ!ca puede ayudar a reforzar el mensaje o contradecirlo. Las tipografías tienen “personalidad”. Algunas sirven para denotar informalidad, otras para denotar formalidad, etc.

TERRORFIESTA

CONCEPTOS BÁSICO Doña Serifa

3

Page 6: Doña Serifa

CONTRASTESTIPOGRÁFICOS

ANATOMÍA DE LA FUENTE - LÍNEAS DE CONSTRUCCIÓN

Ab f g m kLínea Ascendente

Línea Superior

Línea de BaseLínea Descendente

Barra

Asta Blanco Interno Ascendente

Anillo LigaduraOjal

Cruz Oreja Hombro

Descendiente

Altura X

Brazo

Pata

2

3

4

TIPOLETRA1

DIMENSIONESDIMENSIONES

Un mayor tamaño de fuente indica mayor prioridad, ya que llama la atención del lector, por lo tanto se suele usar en los encabezados.

Lo más común para crear un con-traste es usar fuentes con serifa para las encabezados y fuente sin serifa para el cuerpo.

Es una forma común para distinguir entre los títulos y el cuerpo del texto.

PORCOLOR

Las mayúsculas son más conveni-ente para los encabezados.

MAYÚSCULASminúsculas

CONTRASTES TIPOGRAFICOSLa mayor parte de los lectores no leen línea por línea, sino que de “exploran” la página, es decir la recorren con los ojos de un punto a otro. Por esta razón, los diseñadores deben crear un contraste tipográ!co y un "ujo coherente, desta-cando correctamente el texto que tenga más valor. Si se usa de manera adec-uada se puede dirigir la atención del lector a los mensajes importantes, mejo-rando a la vez el aspecto visual.

CONCEPTOS BÁSICO Doña Serifa

4

Page 7: Doña Serifa

ALINEACIONESLa alineación de los textos y sus direccion-alidades, utilizadas de manera e!caz per-mite armonizar los distintos niveles de un texto y su relación con otros elementos de la composición.

Es el tipo de alineación menos utilizado. Se lo suele utilizar para

!rmas, en números de pagina o en decoraciones.

ALINEACIÓN DERECHA

Se lo suele utilizar en imágenes o títulos principales.

ALINEACIÓN CENTRADA

Es la de uso más común para textos largos. Obliga al lector a buscar el inicio de cada línea tipográ!ca a la izquierda.

ALINEACIÓN IZQUIERDA

Se lo suele utilizar en todos los párrafos aunque en ocasiones en párrafos de muy poco ancho no se lo utiliza, ya que al poseer tan pocos caracteres separará dema-siado las palabras

ALINEACIÓN JUSTIFICADA

5

TRABAJANDO CON LAS FUENTES Doña Serifa

Page 8: Doña Serifa

TRACKINGEspacio general entre las letras de una palabra. Ajusta el espa-cio entre caracteres, abriéndolo cuando se trata de cuerpos pequeños y cerrándolo cuando se trata de cuerpos grandes, con lo que se consigue alterar la densidad visual del texto.

INTERLINEADODistancia entre una linea y otra.

Ajusta el espacio entre pares de caracteres concretos para que su legibilidad y equilibrio visual sea óptimo. Espacio que una letra entra en cuadratín de otra.

KERNING

Es la ultima línea de un párrafo que cae al prin-cipio de la siguiente columna.

VIUDAS

Es la ultima palabra de un párrafo ubicada en una línea al !nal de dicho párrafo, como la primera línea de un párrafo que queda al !nal de una columna, y continua en la con-siguiente.

HUERFANA

6

TRABAJANDO CON LAS FUENTES Doña Serifa

Consiste en los espacios en blanco que se generan entre palabras y que línea a línea se repiten verticalmente. Sólo sucede en el texto justi!cado

RIOS

Page 9: Doña Serifa

CONSTRUCCIÓNDE UNAFUENTE

DETALLES

NEGRO VS. BLANCO

El diseño de tipos no es nada más y nada menos que armonizar las formas negras y las blan-cas.

BOCETACIÓN

Después de haber de!nido el tema y la idea, se comienzan a bocetar caracteres que nos ayuden a descubrir las características y patrones de nuestra tipografía. Es usual comenzar con las letras a, e, g, n, d. Estos caracteres le proporcionaran una buena varie-dad de formas que le servirán como base para las demás. El proceso de bocetación continua hasta que se obtenga una propuesta satisfactoria.

IDEAS

1

2

3

4

Las ideas pueden provenir de cualquier lugar.

Ver trabajos buenos motiva a man-tener un estándar de calidad y estar al tanto de lo que se mueve en el medio.

Investigar: aprender del tema le dará pistas visuales de lo que quiere lograr; entre más investigación, más fundamen-tado será el diseño !nal.

Autoimponerse: imponerse restricciones en el diseño puede ayudarle a mantenerse enfo-cado y no dispersarse ante la infinidad de posibilidades.

Mantenga un diario de dibujo a la mano: la inspiración puede venir de cualquier lugar, mantener un registro de las ideas en una libreta, y repasarlo con-stantemente, le servirán como punto de partida al momento de crear su tipo-grafía.

El único aspecto impor-tante de una fuente de texto es su lecturabili-dad.

LECTURABILIDAD

TAMAÑO

Los caracteres de una línea no tienen la misma altura matemática.

FLUIDEZ DE LAS FORMAS

La curva comienza y cesa de "uir suave-mente, nunca de una forma brusca.

CONSTRUCCIÓN DE UNA FUENTE Doña Serifa

7

PROPORCIONES

De!nir las proporciones es esencial y están fuer-temente conectadas con el propósito de la fuente.

Page 10: Doña Serifa

PRINCIPIOSBÁSICOS DE

DIAGRAMACIÓN

RETICULAS

1

2

3

4

Guías para la alineación y distribución de los elementos en un formato.

Márgenes: espacio vacio que se deja entre el borde del formato y los bloques de columnas.

Columnas: Bloques verticales que encap-sulan el contenido.

Módulos: Unidades más pequeñas de organización que dividen el formato.

Zonas Espaciales: Zonas que agrupan varios módulos para poder contener información que no encaje en uno solo.

5 Líneas de !ujo: Permiten una divisón horizontal del espacio para evitar colum-nas demasiado extensas.

6 Marcadores: Son los únicos insumos que pueden ir en la margen. Proporcionan información como el número de página y el título del articulo.

JERARQUÍAEstamos hablando de la primera página, donde aparece el estilo y todas las características ideadas para toda la publicación. De esta forma, todas las páginas que forman una revista, catálogo o bien un libro, tendrán siempre el mismo estilo y present-ación.

Se trata de asignar valores a cada uno de ellos y hacer que en varios niveles se vayan organizando de acu-erdo con la necesidad de enfatizar jerárquicamente los distintos elementos que componen el mensaje.

PÁGINA MAESTRA

ESTRUCTURA Es el esqueleto que soporta los elementos básicos de la energía visual; sin estructura no hay imágenes, tan sólo un conjunto amorfo de elementos amorfo de elementos visuales sin conexión.

PRINCIPIOS BÁSICOS DE DIAGRAMACIÓN Doña Serifa

8

12 3

45

6

Page 11: Doña Serifa

9

GLOSARIO Doña Serifa

GLOSARIOOBLICUO: Que no es recto.

GOTICA: Es una fuente que apareció en la Edad Media, hacia el siglo XII. Aún se usa en nuestros días. Se caracteriza porque las partes redondeadas de las letras aparecen fracturadas.

Gra"smo: Conjunto de particularidades grá!cas de la letra de una persona.

Caligrafía: Conjunto de rasgos que caracterizan la escritura de una persona.

Epigrafe: Título, rótulo que encabeza un capítulo o cualquier subdivisión de un escrito.

Versal: letra mayúscula.

Fuste: Columnas.

Page 12: Doña Serifa

Dona  SerifaDona  Serifa

MANUAL DE TIPOGRAFÍA Jessica Losada