MonsterFont • Manual de Diagramación y Tipografía

16
12 6 3 9

description

Proyecto final de Diagramación y Tipografía DMI - ICESI

Transcript of MonsterFont • Manual de Diagramación y Tipografía

126

39

dejar que pequeños monstruos expliquen los conceptos básicos de diagramación y diseño tipográfico sea la manera más

efectiva, rápida y entretenida que haya.

Quizás...

Tipografía

Teoría de diseño tipográfico

Construcción de una fuente

Construcción de tipografíaDistribución de una fuente

Diagramación

Teoría de diagramación

Otros datos

1, 2, 3 del Diseño Tipográfico

1. Documéntese después pienseEnterarse del trabajo de otros diseñadores y tener claro lo que se quiere lograr con el diseño propio.

2. Bocete... MuchoSe deben sembrar semillas en orden de tener plantas. Se deben hacer rayones en rodeen de tener fuentes tipográficas.

3. Limítese pero libéreseNo retenga su creatividad pero siempre tenga presente que ante todo, una fuente está creada para poder comunicar.

Yo soy el Rey Fuentes, estaré ocupado gobernando así que no me verás muy seguido.

1

¿Qué es Tipografía?

¿Familias Tipográficas?

¿Qué es unaFuente?

2

La tipografía es el oficio que trata el tema de las letras, números y símbolos de un texto (ya sea sobre un medio físico o electromagnético), tales como su diseño, su forma, su tamaño y las relaciones visuales que se establecen entre ellos.

* Romanas * Palo Seco

* Decorativas* Rotuladas

Se define como estilo o apariencia de un grupo completo de carácteres, números y signos, regidos por unas características comunes.

La famosa Arial, la polémica Comic Sans, la enredada Tagettes, la i n c o m p r e n d i d a y esta que estas viendo llamada Ubunto son fuentes tipográficas.

Abc Abc

Abc A b c

Construcción de una fuente tipográfica

3

Brazo Contrapunzón Remates Panza

Ascendente

DescendenteHombro AstaAltura de X

GanchoContraste

* Serif * Sans Serif

Abc Abc

* Cajas bajas * Cajas Altas

abc ABC

T h e x r a p

¡Miau!¿Miau?

Contrastes

Tracking

Alineación de un Texto

* Dimensiones

Espacio existente entre cada caracter que influye directamente

* Tipo de letra

Manualde Tipografía

4

monsterfont* Color * Mayúsculas

Hola y adios los MONSTRUOS

Hola | Hola | H o l a

¡Hola!Mucho gusto

¡Hola!Mucho gusto

¡Hola!Mucho gusto

¡ H o l a ! Mucho gusto

5

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

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

6

Construcción de un

7

8

La diagramación nos permite organizar todos los insumos gráficos y de texto necesarios para realizar una propuesta gráfica. Es importante saber que el formato es definido por la cantidad de información a utilizar.

- Son guías para la alineación y distribución de los elementos en un formato.- O r g a n i z a t o d o s l o s elementos y jerarquiza.- Crea un orden intangible que p u e d e s e r c o m p r e n d i d o y repetido por otras personas.

E s t a m o s h a b l a n d o d e l a p r i m e r a p á g i n a , d o n d e aparece el estilo y todas las c a r a c t e r í s t i c a s i d e a d a s p a r a toda la publicación. De esta forma, todas las páginas que forman una revista, catálogo o bien un libro, tendrán siempre e l m i s m o e s t i l o y presentación.

¿Qué es?

Reticulas

Página Maestra

9

MárgenesEspacio vacío que se deja entre el borde del formato y los bloques de columnas

Líneas de flujoPermiten una división horizontal del espacio para evitar columnas demasiado extensas.

MódulosU n i d a d e s m á s p e q u e ñ a s d e o r g a n i z a c i ó n q u e d i v i d e n e l formato

ColumnasU n i d a d e s m á s p e q u e ñ a s d e o r g a n i z a c i ó n q u e d i v i d e n e l formato

Zonas espacialesZ o n a s q u e a g r u p a n v a r i o s m ó d u l o s p a r a p o d e r c o n t e n e r i n f o r m a c i ó n q u e n o e n c a j e e n u n o s o l o .

MarcadoresS o n l o s ú n i c o s i n s u m o s q u e p u e d e n i r e n l a m a r g e n . P r o p o r c i o n a n i n f o r m a c i ó n c o m o e l n ú m e r o d e p á g i n a y e l t í t u l o d e l a r t í c u l o .

Página Maestra

10

En principio se debe tener claro cuál es el espíritu de la publicación. Los criterios de l e g i b i l i d a d s o n r e l a t i v o s puesto que dependen de otros factores que se producen en el proceso del diseño como la asignación de atributos al tipo c o m o e l t a m a ñ o , c o l o r , textura, profundidad, etc. Por e s o q u e e s n e c e s a r i o proyectarse a sus posibles modificaciones de acuerdo al plan general de diseño que se está pensando desarrollar.

Este criterio es fundamental para la organización de los elementos visuales. Se trata de asignar valores a cada uno de ellos y hacer que en varios niveles se vayan organizando de acuerdo con la necesidad de enfatizar jerárquicamente los distintos elementos que componen el mensaje.

Tipografía en la diagramación

¿Cómo escoger una fuente?

Jerarquia

11

La estructura es el esqueleto que soporta los elementos básicos de la energía visual; s i n e s t r u c t u r a n o h a y i m á g e n e s , t a n s ó l o u n conjunto amorfo de elementos amorfo de elementos visuales sin conexión

En la composición gráfica también hay que organizar los e l e m e n t o s i n d e p e n d i e n t e m e n t e p e r o c o n s i d e r a n d o s u s r e l a c i o n e s con los otros. Los conceptos de r e p e t i c i ó n , a l t e r n a n c i a , s i m e t r í a , c o m p r e s i ó n , expansión, reflejo, rotación y traslación componen el ritmo de una pieza gráfica

Debemos asignarle un valor visual al vacío y considerarlo como objeto equilibrante. Las áreas «blancas» que aparecen en las páginas no son sobrantes, están llenas de aire y ayudan a ventilar las páginas. Evidenciamos que el vacío también hay que diagramarlo.

Estructura

Ritmo

Contragrafismo

FONDUE

Juan Sebastián Terán11112011

Universidad [email protected]

En principio se debe tener claro cuál es el espíritu de la publicación. Los criterios de l e g i b i l i d a d s o n r e l a t i v o s puesto que dependen de otros factores que se producen en el proceso del diseño como la asignación de atributos al tipo c o m o e l t a m a ñ o , c o l o r , textura, profundidad, etc. Por e s o q u e e s n e c e s a r i o proyectarse a sus posibles modificaciones de acuerdo al plan general de diseño que se está pensando desarrollar.