Upload
sebastian-teran
View
225
Download
4
Embed Size (px)
DESCRIPTION
Proyecto final de Diagramación y Tipografía DMI - ICESI
Citation preview
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
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.