Issuu on Google+

Manual Tipográfico Luis Felipe Cediel Diseno de Medios Interactivos Universidad Icesi “Las letras son cosas, no dibujos de cosas”. Eric Gill

Cediel productions


Sumario A lo largo de este manual encontrarás de manera precisa y resumida toda la información adquirida a lo largo de un semestre de la materia Diagramación y Tipografía en la Universidad Icesi en la carrera de Diseño de Medios Interactivos.

1


Introducci贸n La tipograf铆a es una disciplina que naci贸 hace muchos a帽os con el fin de comunicar. Era la mejor forma para que las ideas, pensamientos o historias quedaran pasmadas por la eternidad, bien fuera en lienzo, pepel o piedra.

2


3

Conceptos Bรกsicos

c

a

b


Tipo

4

Se refiere al caracter especifico 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 puntuacion con considerados también un caracter en el uso de la escritura corriente. Los símbolos de operaciones matemáticas son incluidos en esta al igual que el caracter “espacio” debido a que en la escritura de la imprenta, se usaban “tipos” fisicos en blanco pero que representaba un caracter “espacio” en la escritura y en su uso.

111 05 010250005 1121112

l uis felipe cediel luis felipe cediel luis felipe cediel lu is felipe cediel diseño luis felipe cediel de medios teractivos diseño de luis fel inipe medios intera cediel ctivos diseño luis dios in c ediel felipe de me teract ivos dis luis eño de medios fel ipe tivos diseñ ediel c interac o de m edios intera 1120 2005 0505 ctivos diseño luis 11 11 20 de m edios int eract ivos diseño de D D med ios DDyDyyTyTT DyDTyyTT DyyTT activ DT y inter TDyT D seño os di de medio s inter acti vos diseño de me


Fuente La fuente o tipo de letra se refiere a la familia de uno o mas conjuntos de modelos de letras, disenadas con un mismo estilo. Cada uno de estos conjuntos está compuesto por grifos o caracteres y se distinguen con un nombre propio que constituye una familia completa. ej: Times New Roman, Arial... En los medios digitales, fuente se refiere al conjunto de caracteres que compone una familia tipografica, incluyendo los signos tipográficos en las mayúsculas y minúsculas.

Champagne & Limous Microsoft New Tai Lue MoolBoran Nueva Std Corbel Comic Sans MS Seg�� S���p� Tahoma CordiaUPC Minion Pro Nyla Tw Cen MT Condensed Extra Bold Leelawadee Arial  AXE FONT Agency FB cediel sans Pristina 3 of 9 Barcode Alba Bebas neue Gigi Gautami Times New Roman Copperplate Gothic Bold Perpetua titling mt Estrangelo Edessa Gabriola

Myriad Pro Consolas Franklin Gothic Book Raavi Eras Bold ITC DaunPenh Museo Papyrus Perpetua

5


Familias Tipográfiacas Una familia tipográfica es un grupo de signos escriturales que comparten rasgos de diseno 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.

clasificación atypl clasificación por familias

romanas

palo seco

rotuladas

decorativas

antiguas transición modernas mecanos incisas

lineales sin modulación grotescas

caligráficas góticas cursivas informales

fantasia época

.. i .. Oo

i

i

D

i

6

D


Anatomia de la Fuente 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.

7


Líneas de Construcción Las líneas de construcción de una letra son “normas” que se han estipulado y se deben seguir para que en la creación de la letra, su altura, ancho y demás medidas sean acordes entre los mismos caracteres de la Tipo y sean funcionales y estéticamente correctas para aquel que desea usarlas como para el lector pueda comprenderlas con facilidad. Los parámetros o medidas que se deben seguir son: - Altura X: altura de las letras de caja baja, tanto ascendentes como descendentes. - Ascendente: altura de la hasta de caja baja que sobre sale la altura X. - Descendente: altura de la hasta de caja baja que está por debajo de la altura X. - Altura Mayúscula: altura de la caja alta. - Línea base: line en la cual se apoya la altura X

8


9

Construcci贸n de una Fuente


Idea

10

Se 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. Podemos basarnos en elementos, color, forma o en una situacion para poder desarrollar una fuente tipogra ca. Un ejemplo claro puede ser la abstraccion de las partes signi cativas de un automovil como el chevy camaro y aplicarlas a la construccion de la tipografia. ES IMPORTANTE - Seleccionar 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?, ¿dónde debe estar el impacto visual?, ¿podría verse de lejos?, ¿es adecuada la isposición y el estilo de los tipos con respecto al idea?

crear innovar

desarrollar pensar vivir diseño


Concepto Es 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 n de imprimirle carácter y expresividad, redundando en las signi caciones de lo que se quiere transmitir.. Con una buena aplicacion del concepto, podremos tener un diseño tipográ co coherente, identi cando las características que estan directamente relacionadas con el elemento en el que nos estamos basando, con el n de que el espectador pueda captar claramente la idea y sentir, casi de manera inmediata lo que se quiere transmitir. Como podemos ver, en este ejemplo de han tomado los aspectos mas representativos del camaro para aplicarlos al diseño de la tipografía.

11


Reticula

12

La cuadrícula tipográ ca, se utiliza para organizar todos los elementos tipográficos y demás ilustraciones que integraran la página. La con guración de la cuadrícula, depende de la información que se ha de transmitir y las propiedades físicas de cada elemento tipográ co. Las cuadrículas tipográ cas de formato estándar, tienen módulos cuadrados, columnas de texto, márgenes, lineas de contorno y medianiles (el espacio que queda en blanco entre dos columnas de texto). 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. Con la retícula, el campo visual dentro de la caja tipográ ca puede subdividirse en campos o espacios más reducidos a modo de reja. Los campos o espacios pueden tener las mismas dimensiones o no. La altura de los campos corresponde a un número determinado de líneas de texto; su ancho estará determinado según el cuerpo de la tipografía. Las dimensiones de altura y ancho se indican con una misma medida tipo-grá ca, ya sea la pica o el cícero. Los campos se separan uno de otro por un espacio intermedio, con el objeto de que las imágenes no se toquen y que se conserve la legibilidad. La cuadrícula tipográ ca, sirve para organizar los elementos tipográ cos y pictóricos de una página y uni car todas las partes del diseño. COMO CONSTRUIR UNA RETICULA - Definir el formato de la pagina - Definir los margenes del documento - Establecer la cantidad y tamaño de las columnas - Establecer el espacio que hay entre las columnas - Establecer la ubicación que hay entre marcadores


Boceto

13

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.


¿Cómo escoger un buen tipo? A la hora de escoger una buena tipografía debemos tener en cuenta estos 15 útiles concejos: 1. La forma. 2. El peso 3. El Contraste 4. El eje 5. Altura 6. Altura de las mayúsculas 7. Terminaciones 8. Gris de texto, o gris de textura. 9. Apertura de la contra forma 10. El efecto pescado 11. Contra forma externa 12. Contra forma interna 13. Comprobar que el set esté completo 14. La familia 15. El interletraje

14


Glosario

15

fuente - diseĂąo - tipografĂ­a - innovar cendente - cola - brazo

- serifa -

caracter - ascendente -

oreja - asta - des-

asta transversal


Manual Tipográfico - Luis Felipe Cediel