Búho

Manual

& Zorro

Tipográfico

SUMARIONombre y desarrollo de logotipo3

5

6

Introducción

Conceptos Básicos

Trabajando con las Fuentes

Tipo, Fuente, Familias Tipográficas,

Contraste, Expresividad, Alineación,Viudas, Huérfanas, Rios, Separación.

Construcción de una FuenteIdea, Concepto, Bocetos, Proceso,Retículas, Unidad Visual.

Principios de Diagramación

Infografía

Estructuras, Página Maestra, Jerarquía,

Construcción Tipográfica, Medidas.

Glosario

13

18

211 124

Búho

Nombre(Logotipo)

Isotipo 1 Isotipo 2

& Zorro

- 3 -

NOMBRE YDESARROLLO DEL LOGOTIPO

La elección del Nombre/Logotipo, fué el resultado de un proceso de bocetos e ideas, que dieron como propuesta y desarrollo final el escogido actualmente.

Escogí el nombre por referencia a dos animales que para mí representancosas importantes. El Búho representa “Sabiduría, Paciencia y Elegancia”, y por otra parte el Zorro simboliza “Astucia y Travesura”, y de cierta forma son dos lados de la cara de “una moneda” que me intereso unir, y al mismo tiempo que su esencia inspirara el diseño, diagramación y construcción de éste Manual Tipográfico.

El Isotipo 1 está compuesto por la cara del Búho y del Zorro, y entre los dos poseen una Bellota que es el Isotipo 2.

Por qué dos? Porque quice representar graficamente los dos animales y que en especificas situaciones puediran ser usados, pero en donde por factores esteticos y de tamaño no encajan perfectamente los dos, está la Bellota que esta asociada con ambos personajes.

Por qué el nombre?

- 4 -

INTRODUCCIONEl manejo del espacio es importante, desde acomodar cosas físicas en tu casa, hasta como organizar tu escritorio, tu ordenador. Siempre se tiene en cuenta el gusto personal y que sea facil, sencillo, util y practica esa organización.

En el diseño se tienen en cuenta estos “principios” o parámetros.Parámetros de Estructuras, elección de formas y símbolos. Como también el proceso creativo que se debe tener para llegar a entablar un diseño conjunto como este Manual Tipográfico.

Además de informar y enseñar acerca de estructuras de organización, la creación y proceso tipográfico abarca también las letras, fuentes y familias tipográficas.Se daran “tips” para la elección, creación y uso de las fuentes tipográficas, cuántas hay y cómo usarlas de manera correcta.

- 5 -

CONCEPTOSBASICOS

TIPOLa definición de “Tipo” se refiere al caracter en específico perteneciente a una fuente y de ahí a una familia. El uso de "Tipo" se centra en especificar la referencia a un símbolo individual o en específico, o a cada una de las piezas compuestas y juntas que alude a una letra o signo.

No solo las letras son un Tipo, los signos de puntuación son considerados también un caracter en el uso de la escritura corriente. Los símbolos de operaciones matemáticas son incluidos en ésta.

a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4... + = - ? / “

FUENTELa fuente o tipo de letra se refiere a la familia de uno o más conjuntos de modelos de letras, diseñadas con un mismo estilo. Cada uno de estos conjuntos está compuesto por glifos o caracteres y se distinguen con un nombre propio que constituye una familia completa.

En los medios digitales, fuente se refiere al conjunto de caracteres que compone una familia tipográfica, incluyendo los signos tipográficos en las mayúsculas y minúsculas.

TipoFuenteFamilias Tipográficas

Construcción TipográficaMedidas.

- 7 -

FAMILIAS TIPOGRAFICAS

Familia Romanas

Antiguas

Formado por fuentes que muestran influencias de la escritura manual.

Aparecen a fines del siglo XVI en Francia. Se caracterizan por la desigualdad de espesor en el asta dentro de una misma letra, por la modulación de la misma y por la forma triangular y cóncava del remate, con discretas puntas cuadradas.

Una familia tipográfica es un grupo de signos escriturales que comparten rasgos de diseño comunes, conformando todas ellas una unidad tipográfica. Los miembros de una familia (los tipos) se parecen entre si, pero también tienen rasgos propios.

Búho

Mecanos

Son un grupo aislado que no guarda ninguna semejanza constructiva con el resto de los tipos romanos con remate, tan solo el hecho de poseer asiento sus caracteres. No tienen modulación ni contraste.

BúhoIncisas

Otro grupo aislado dentro de las romanas, al igual que las mecanos, son letras en la tradición romana más antigua, ligeramente contrastadas y de rasgo adelgazado ahusado.

Búho

De Transición

Se manifiestan en el siglo XVIII, con marcada tendencia a modular más las astas y a contrastarlas con los remates.Dejan la forma triangular para adoptar la cóncava o la horizontal, presentando una gran variación entre trazos.

BúhoModernas

Aparecen a mediados del siglo XVIII, creadas por Didot. Sus caracteres son rígidos y armoniosos, con remates finos y rectos, siempre del mismo grueso, con el asta muy contrastada y con una marcada y rígida modulación vertical.

Búho

- 8 -

Caligráficas

Con el tiempo la escritura caligráfica se hizo cada vez más decorativa.

ZorroGóticas

Son de estructura densa, composición apretada y verticalidad acentuada, manchan extraordinariamente la página. Además, no existe conexión entre letras, lo que acentúa más su ilegibilidad.

Cursivas

Suelen reproducir escrituras de mano informales, más o menos libres. Estuvieron muy de moda en los años 50 y 60, y actualmente se detecta cierto resurgimiento.

Zorro

Familia Palo Seco

Lineales

Se caracterizan por reducir los caracteres a su esquema esencial. Las mayúsculas se vuelven a las formas fenicias y griegas y las minúsculas están conformadas a base de líneas rectas y círculos unidos, reflejando la época en la que nacen, la industrialización y el funcionalismo.

Formadas por tipos de un grosor de trazo uniforme, sin contraste ni modulación, siendo su esencia geométrica. Admiten familias larguísimas, con numerosas variantes, aunque su legibilidad suele ser mala en texto corrido.

ZorroGrotescas

Caracterizadas porque el grosor del trazo y el contraste son poco perceptibles y por ser muy legibles en texto corrido.

Zorro

Familia RotuladasLas fuentes rotuladas advierten más o menos claramente el instrumento y la mano que los creó, y la tradición caligráfica o cursiva en la que se inspiró el creador.

- 9 -

Fantasía

Son similares en cierto modo a las letras capitulares iluminadas medievales, resultan por lo general poco legibles, por lo que no se adecuan en la composición de texto y su utilización se circunscribe a titulares cortos.

Epoca

Pretenden sugerir una época, una moda o una cultura, procediendo de movimientos como la Bauhaus o el Art Decó. Anteponen la función a lo formal, con trazos sencillos y equilibrados, casi siempre uniformes.

Zorro

Familia DecorativasEstas fuentes no fueron concebidas como tipos de texto, sino para un uso esporádico y aislado.

- 10 -

CONSTRUCCION TIPOGRAFICA

Línea Base

Inicialmente la tipografía consistía en un arte en el cual se empleaban varias técnicas para luego moldearlas en plomo. Hoy en día no solo se piensa en la tipografía sino también en el color, tamaño, formas e imágenes dentro de una disciplina llamada “Diseño (Industrial, Gráfico, Web… etc.)”. Otro avance es que hoy en día la tipografía se presenta de forma vectorial lo cual permite modificar las letras de manera más sencilla.

Es una línea invisible en donde los caracteres “se sientan”.

AstaRasgo principal de la letra que define su forma esencial.

Altura MayúsculasEs la altura que tienen las letras de caja alta.

DescendenteEs el asta de la letra de caja baja que queda por debajo de la línea de base como en la “p”, “q” o “y”.

Día y

INFOGRAFIA

Otros Terminos

Línea SuperiorEs la altura que tienen las letras de caja baja.

Altura XEs la distancia entre la línea superior y la línea de base.

BrazoParte terminal que se proyecta horizontalmente o hacía arriba y que no está incluida dentro del carácter.

HombroTrazo curvo que sale del asta de algunas letras sin cerrar.

Ascendente

Cuadratín

Es el asta de la letra de caja baja que sobresale por encima de la altura X, como en la “b”, “d” o “k”.

Es un espacio determinado que se implemento para la elaboración de las letras desde tiempos antiguos,

SerifTrazo terminal de un asta, no es indispensable para definir el carácter.

Nochey

Contraste de TamañoEl trabajo con contrastes en el tamaño de las tipografías permite jerarquizar el texto.El uso de distintos cuerpos y diferentes pesos en la tipografía puede disminuir la facilidad de lectura, y sin embargo aumentar la capacidad de inteligibilidad.

Contraste de Estilos

TIPS

Piezas gráficas con numerosas familias tipográficas, tratadas sutil y adecuadamente, resultan en trabajos por demás plausibles. Determinar que número usar, depente del diseñador, lo importantees saberlas manejar en un mismo espacio o composición.

Los contrastes y las combinaciones tipográficas responden en algunos casos a la naturaleza semántica o fonética de una composición, pero también pueden ser simplemente planteadas como formas de lograr composiciones efectivas desde lo comunicacional.

CONTRASTEPara el diseño de piezas gráficas con combinaciones tipográficas, con contraste de estilo y de tamaño, es necesario un grado muy importante de pruebas y ensayos, pues no existen reglas que puedan guiar fehacientemente el trabajo del diseñador.

Existen ciertos contrastes empíricos que nombraré a continuacion:

TRABAJANDO CON LAS FUENTES

- 13 -

Contraste ExpresividadAlineación

Viudas, Huérfanas Rios Separación

ALINEACION

AlineaciónA la izquierda

La alineación del texto es un paso importante para mantener también una buena legibilidad. Las opciones de alineación en un diseño de una página tradicional son: Alinear a la izquierda, alinear a la derecha, centrar y justificar.

Recomendable para textos largos. Crea una letra y un espacio entre palabras muy equilibrado y uniforme.

EXPRESIVIDAD El manejo de la tipografía como uno de los códigos básicos del diseño es de fundamental importancia en la tarea profesional del diseñador gráfico y del comunicador visual, pues a partir de las decisiones que se tomen, puede variar radicalmente la legibilidad, la inteligibilidad e incluso el compromiso y los sentimientos del receptor hacia la pieza de diseño, toda tipografía es expresiva, pues tiene expresión y constituye un indicio de algo.

- 14 -

AlineaciónJustificadaAlineado a derecha e izquierda. Puede ser muy legible, si el diseñador equilibra con uniformidad el espacio entre letras y palabras

AlineaciónA la Derecha

Se encuentra en sentido contrario del lector porque resulta difícil encontrar la nueva línea.

Eadecuado para un texto que no sea muy extenso.

AlineacionCentrada

proporcionan al texto una apariencia muy formal y son ideales cuando se usan mínimamente. Se debe evitar configurar textos demasiado largos.

La Viuda es la última línea de un párrafo que se ha fugado hasta la siguiente página o columna.

La Huérfana, en cambio, es la primera línea de un párrafo que se ha quedado rezagada en la página o columna anterior. Recordar cuál es cuál será, siempre, un ejercicio de memoria.

VIUDAS Y HUERFANAS

RIOSSon uno de los muchos problemas que ocasiona un descuidado y consiste en los espacios en blanco que se generan entre palabras y que línea a línea se repiten verticalmente ,Es un defecto repetido, ya que esos espacios en blanco, por si sólo,ya son un error bastante común. Sólo sucede en el texto justificado.

Para resolver este error, lo mejor que debes hacer es no justificar el texto y acomodar manualmente de la mejor forma el texto para que al leerlo sea una experiencia agradable y fluida.

- 15 -

Viuda Huerfana

SEPARACION

Interlineaje

Por Separación o Interletraje se entiende el espacio en blanco que separa un carácter de otro.

Este espacio en blanco no debe ser igual para todos los pares de caracteres, sino que en función de su forma debe ir variando para que visualmente parezca uniforme. En ocasiones puede ser negativo, es decir, cuando en lugar de separarse los caracteres se juntan y se acoplan.

Rios TipográficosSIN Rios Tipográficos

- 16 -

KerningEspacio entre pares de caracteres. Cuando se diseñan las fuentes se designa un kerning predeterminado para cada par de caracteres, que puede ser modificado posteriormente si fuese necesario.

TrackingEs un interletraje general que sirve para aumentar o reducir conjuntamente el espacio entre caracteres y entre palabras.

KerningPredeterminado

Interlineado

KerningPredeterminado NEGATIVO

- 17 -

TIPSSeleccionar los elementos que vamos a utilizar. Todos los elemento de la fuente deben tener un por qué de su utilidad en dicha fuente.

Es recomendable hacer unos bocetos de cómo podría ser la fuente, para respondernos visualmente a preguntas como, ¿qué es lo más importante del idea?

IDEASe elabora siempre por medio de una combinación coherente y estudiada previamente, de los elementos visuales con los que hayamos decidido trabajar. Estos elementos pueden ser imágenes, texto, ilustraciones, espacios en blancos... O por el contrario, construir nuestra composición con la ausencia deliberada de alguno de estos elementos.

CONCEPTOEs la razón de ser del diseño de la fuente, es la forma con la cual yo sintetizo las características mas relevantes del elemento y las aplico en la construccion y desarrollo de dicha fuente con el fin de imprimirle carácter y expresividad, redundando en las significaciones de lo que se quiere transmitir.Con una buena aplicacion del concepto, podremos tener un diseño tipográfico coherente,

CONSTRUCCION DE UNA FUENTE

- 18 -

Idea Concepto Bocetos Proceso

RetículasUnidad Visual

El boceto es el inicio de toda creacion, es el momento en el cual el diseñador hace pruebas y aplica cada posibilidad de modelar su idea sobre el papel antes de pasar al proceso de digitalizado.Una de la ventaja de los bocetos es que nos permite visualiza las posibles mejoras, arreglos o modificaciones de la fuente.

BOCETOS Y PROCESO

El diseño deberá ordenarse habitualmente de manera coherente y dentro de los parámetros de la simetría en la disposición de los distintos elementos. El diseñador debe tener siempre presente, que cada elemento de la composición, en función de la ubicación, dimensión o protagonismo que le asignemos, experimenta pequeñas variaciones en su significado. Por tanto, es muy importante la forma que se le da a cada uno de los elementos de la fuente y encontrar el equilibrio entre todos ellos.

UNIDAD VISUAL

La cuadrícula tipográfica, se utiliza para organizar todos los elementos tipográficos y demás ilustraciones que integraran la página. La configuración de la cuadrícula, depende de la información que se ha de transmitir y las propiedades físicas de cada elemento tipográfico.

Para organizar el diseño de una retícula, primero se debe trabajar con los elementos más pequeños y a partir de ahí, ir ascendiendo.

RETICULA

RETICULA - 19 -

- 20 -

CONCEPTOPartes distinguidas del objeto

PROCESOReticulas, Bocetos

2

3

1

IDEALambretta 57’

RESULTADO

Retículas

Retícula de Columnas

Cómo hacer una ?

La reticula se compone de lineas que son guia para la alineacion y distribucion de elementos en un formato. Tambien valora las caracteristicas informativas y los requisitos de produccion del contenido

1. Definir el formato de la página.2. Definir los márgenes del documento.3. Establecer la cantidad y tamaño de las columnas.4. Establecer el espacio que hay entre las columnas.5. Establecer la ubicación que hay entre marcadores.

ElementosDiagramados

ESTRUCTURAS

PRINCIPIOS DEDIAGRAMACION

- 21 -

EstructurasPágina MaestraJerarquía,

Página MaestraEstamos 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 presentación.

Estas páginas se suelen hacer antes de realizar una publicación. Se hace en las dos páginas, tanto en la derecha como en la izquierda, a páginas enfrentadas para poder observar el resultado final que tendría todo el conjunto de la publicación.

Retícula Modular

- 22 -

ElementosDiagramados

Retícula Jerárquica ElementosDiagramados

JERARQUIA

JERARQUIA ARRIBA/ABAJO

En general, el concepto de jerarquía designa una forma de organización de diversos elementos de un determinado sistema, en el que cada uno es subordinado del elemento posicionado inmediatamente por encima.

Se manifiesta como la prioridad de lo superior en el espacio o en el plano, que presenta una conexión directa con lo superior en el orden de las ideas o en el orden moral.

JERARQUIA GRANDE/CHICOEn términos generales, abundan las situaciones en las que el valor de las cosas es proporcional a su tamaño físico, respecto de las cosas que hay a su alrededor.

JERARQUIA CENTRADO/PERIFERICOEsta jerarquía visual también es de las más utilizadas y ha sido denominada "fuerza del centro".

Aquello que contrasta salta hacia nosotros sin necesidad de que nosotros vayamos hacia él. Su primitivo fundamento es el de un acto de defensa, ligado a la exploración del medio en que nos movemos.

JERARQUIA SEPARADO FRENTE A LO GRUPALvemos lo separado y después el grupo.

JERARQUIA DE LO BRILLANTEtodo aquello que irradia ha sido valorado por las más diversas culturas: desde el oro hasta los atributos iconográficos de la santidad, con sus aureolas luminiscentes.Toda radiación tiene fuerza visual. Y casi toda fuerza visual puede traducirse en fuerza física.

- 23 -

JERARQUIA DE LO CONTRASTADO

LogotipoEs un elemento lingüísticos que identifica a una persona, empresa, institución o producto. Los logotipos suelen incluir símbolos —normalmente lingüísticos— claramente asociados a quienes representan.

Es un elemento gráfico que identifica a una persona, empresa, institución o producto. Los Isotipos son parte gráfica, es eldiseño grafico de la marca.

Es una organizacion en un espacio, contenido escritos, visuales y en algunos casos audiovisuales (multimedia) en medios impresos y electrónicos,como libros, diarios y revistas.

También llamado esbozo o borrador, es un dibujo realizado de forma esquemática y sin preocuparse de los detalles o terminaciones para representar ideas, lugares, personas u objetos.

Es un “método” creado, para elbaorar una actividadbajo ciertos pasos estipulados, referente a que se quierellegar.En el diseño existen 4 pasos: Observar y Analizar, Evaluar,Planear y Proyectar, Construir y Ejecutar.

Se define como la diferencia relativa en intensidad entre un punto de una imagen y sus alrededores.

Es una letra, ideograma, número u otros símbolos.Que en un lenguaje representan algo.

Espacio que rodea a un Objeto, el espacio que estaalrededor de un punto focal, es decir del centro del objetoprincipal.

Isotipo

Diagramación

Bocetos

Proceso

Contraste

Caracteres

Periferia

- 24 -

Términos para el Lector

POR David Mosquera Angarita

EditadoCreado