SlideShare uma empresa Scribd logo
1 de 26
Diseñar con tipo en dos dimensiones
• Al diseñar una página el diseñador debe tomar 8
  decisiones:
   •   Tipo
   •   Cuerpo de letra
   •   Color
   •   Longitud de línea y blancos horizontales
   •   Blanco vertical entre las líneas (interlineado)
   •   Alineación de texto
   •   Articulación del párrafo
   •   Anchura de columna
   •   Posición del texto en la página
   •   Formato
1. Tipo

• La elección del tipo puede estar
  influida por la legibilidad, por la
  disponibilidad en el ordenador y
  por la naturaleza del texto.
• La tipografía que tiene una altura de
  x generosa , da lugar a una masa
  mas oscura sobre la página.
• Si se ve la tipografía antes de ver las
  palabras, hay que cambiar de
  tipografía.
1. Tipo
• El cuerpo de la tipografía debería ser lo
  suficientemente grande como para que pueda ser
  leída sin dificultad a la distancia de un brazo.
• Los tipos para texto (los menores de 14 pts) deben
  ser bastante discretos. La idea es leer palabras, mas
  que fijarse en el tipo.
• La legibilidad se refiere a la forma del tipo, la
  facilidad a la forma como a su organización. Hay una
  gran diferencia entre teclear y componer
  tipográficamente.
2. Cuerpo
• El tamaño de un tipo no es lo mismo
  que su cuerpo. El factor que debe
  guiarnos es su altura x del tipo.
• Los libros y revistas suelen
  componer normalmente con un tipo
  comprendido entre 8.5 y 10 puntos,
  pero en publicaciones para niños y
  ancianos se suele utilizar un tipo
  algo mayor.
3. Color
• Se refiere al matiz o valor tonal relativo de
  una tipografía.
• Se escoge la tipografía por su color o
  intensidad de trazo sobre la página. En ello
  puede influir las proporciones generales del
  tipo, la disposición relativa de los rasgos
  gruesos o finos, la existencia de remates.
• Un texto compuesto con un tipo de letra
  con remates, tiene una textura visual más
  interesante que uno compuesto con tipos
  sin remates.
• Los tipos con fuertes contrastes entre
  rasgos gruesos y finos acaba cansando la
  vista.
4. Espacio horizontal
• Para una lectura óptima se suele considerar como óptima la
  cifra de unos 65 caracteres por línea.
• Ajuste del espacio entre letras y palabras
   • Kerning: modificación del blanco entre pares de caracteres. Es la
     expansión o compresión selectiva de los espacios individuales entre los
     caracteres y entre las palabras. En la mayoría de las veces estos
     espacios han sido determinados previamente por el diseñador de tipos.

   • Tracking: alteración del blanco entre caracteres aplicado a líneas o
     párrafos completos. Cuando se aprietan o se abren a la vez todos los
     espacios entre los caracteres de una palabra, linea, párrafo o página
     entera. El lector debe permanecer ajeno a estos ajustes, por eso deben
     ser discretos
• Cuando el tipógrafo ajusta los espacios lo único que pretende
  es fluidez, ritmo y claridad. El lector siempre debe permanecer
  ajeno a estos ajustes.
**// Sin kerning   **// Con kerning




                                      **// Tracking normal




                                      **// Tracking abierto




                                      **// Tracking apretado
4. Espacio horizontal
• Leer una línea en mayúsculas es, inevitablemente un
  proceso mas lento.
• La función de los numerales es transmitir números.
  Los numerales acostumbran a necesitar ajustes de
  kerning cuando se escriben en un texto lineal.
5. Espacio vertical. Interlineado
• La medida del espacio entre palabras viene
  determinada por el diseñador del tipo y
  generalmente es un cuarto del cuerpo, o sea, similar
  al ancho de la letra i.
• Se llama interlínea a la zona no impresa entre dos
  líneas seguidas de un texto.
• Para texto corrido, rara vez se recomienda componer
  un texto macizo (el interlineado tiene el mismo valor
  que el cuerpo), a menos que el tipo elegido tenga una
  altura x pequeña.
6. Alineación del texto
• Existen cuatro maneras principales de alinear el texto:
  por la izquierda, por la derecha, centrado y
  justificado.
   • Alineado por la izquierda: refleja la experiencia asimétrica
     de la escritura. Los espacios entre las palabras son
     uniformes , lo que provoca un gris uniforme.
   • Alineado por la derecha: el comienzo de cada línea es
     variable y, por lo tanto, potencialmente difícil de localizar
     para la vista, entorpece el proceso de lectura. Se reserva
     para pies o pasajes de texto corto.
6. Alineación del texto
• Alineación centrada: se usa principalmente para rótulos.
  Rechazada por los modernos en su afán por parecer
  “diferentes”. Impone simetría. Es importante retocar los
  saltos de línea para que el texto no resulte demasiado
  dentado.
• Texto justificado: impone una forma simétrica al texto. Se
  consigue expandiendo o reduciendo los espacios entre
  palabras y en ocasiones entre letras. A veces la apertura
  resultante de las líneas puede producir “rios” de espacio
  blanco, generando unos antiestéticos huecos verticales. Para
  salvar este problema, se requiere una atención cuidadosa a
  los saltos de línea y a la aparición de guiones.
6. Alineación del texto
• Siempre es preferible que sea el propio diseñador
  quien edite esas instrucciones
• El objetivo básico del espaciado es crear un “color”
  uniforme para todo el texto.
• Son preferibles las columnas anchas , pues
  necesitan menos ajustes que las estrechas.
7. Articulación del párrafo
• La manera mas limpia de indicar el principio de un párrafo es
  la sangría.
• Si el párrafo comienza a caja puede confundirse con el párrafo
  anterior.
7. Articulación del párrafo
• En la composición tipográfica tradicional hay dos errores
  imperdonables: las líneas viudas y las huérfanas
• Una línea viuda es una línea corta de texto que queda sola al
  final de una columna de texto.
• Una línea huérfana es una línea corta de texto que queda sola
  al principio de una nueva columna de texto.
7. Articulación del párrafo
8. Formato
• La primera consideración que debe estudiar un
  diseñador es el tamaño y la forma de la página.
  Aunque las limitaciones prácticas, en especial el
  ahorro del papel suelen limitar las opciones de
  diseño.
• Un aspecto básico al iniciar el diseño de un mensaje
  gráfico y su posterior producción es el estudio de su
  formato. Que se entiende como las dimensiones y la
  forma del soporte
8. Formato
• La elección del formato no es una cuestión arbitraria.
  Se basa en cuestiones creativas condicionadas por
  los formatos existentes en el mercado.
• En el momento de decidir el formato de un impreso
  se debe realizar respecto al número de ejemplares
  que saldrán del formato de fabricación del papel.
• La elección del formato para el impreso debe tener
  en cuenta los formatos de papel existentes en el
  mercado.
**// Formatos existentes en el mercado
8. Formato
• Además de los formatos básicos existen los formatos
  normalizados , de uso general en los formatos
  terminales de los impresos.
• Los formatos normalizados se obtienen a partir del
  formato base A0, que mide 84,1 x 118,9 cms y se
  basan en lo que se conoce como sistema ISO
  (International Organization for standarization u
  Organización internacional para la estandarización)
  que se usa en Europa y en muchas otras partes del
  mundo.
8. Formato
• El sistema ISO nació a principios del siglo XX, creado
  por Wilhelm Ostwald
8. Formato
• Tamaños de papel estándar norteamericanos.
• La mayoría de papeles se basan en un tamaño de
  página de 216 x 279 mm. Estos tamaños derivan de
  la hoja tradicional aunque han sido modificados para
  economizar la hoja de impresión estándar en la
  actualidad
• Cualquiera que sea el formato elegido, hay que
  tener en cuenta que pueden ser interpretados como
  estáticos o dinámicos
8. Formato
• Las formas expresan aspectos cognitivos:
   •   Cuadrado: robustez, solidez, fuerza, resistencia
   •   Rombo: lo contrario al cuadrado
   •   Rectángulo: acción, estabilidad.
   •   Triángulo: estabilidad.
        • Equilátero: estabilidad
        • Isósceles: movimiento
        • Invertido: inestabilidad
   •   Pentágono: Caprichoso
   •   Hexágono: metodológico
   •   Circulo: perfecto, preciso, dinámico, estabilidad dinámica
   •   Óvalo: distinción
Buscar 5 ejemplos de:
•   Formato                        •   Mala partición de palabras
•   Sangría                        •   Viudas
•   Sangría Francesa               •   Huérfanas
•   Folio – diseño de paginación   •   VERSALITAS
•                                  •   Ríos o calles
    Jerarquización de textos
                                   •   Calaveriados
•   Capitulares
                                   •   Titulares
•   Sangrados                      •   Cuerpo de texto
•   Perfilados                     •   Pie de foto
•   Alineación centrada,           •   Comillas volantas y chungas
    justificada, izquierda y       •   Filetes
    derecha

Mais conteúdo relacionado

Destaque

Clase Libro 2.0
Clase Libro 2.0Clase Libro 2.0
Clase Libro 2.0kmiranda29
 
Clase El Libro
Clase El  LibroClase El  Libro
Clase El Librokmiranda29
 
Periodicos Presentacion
Periodicos PresentacionPeriodicos Presentacion
Periodicos Presentacionkmiranda29
 
Unidad 2 - Tipografia
Unidad 2  - TipografiaUnidad 2  - Tipografia
Unidad 2 - TipografiaFidel Romero
 
La importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráficoLa importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráficoAzury Moya
 

Destaque (7)

Clase Libro 2.0
Clase Libro 2.0Clase Libro 2.0
Clase Libro 2.0
 
Clase El Libro
Clase El  LibroClase El  Libro
Clase El Libro
 
Periodicos Presentacion
Periodicos PresentacionPeriodicos Presentacion
Periodicos Presentacion
 
Manual tipografico
Manual tipograficoManual tipografico
Manual tipografico
 
El Libro 2.0
El Libro 2.0El Libro 2.0
El Libro 2.0
 
Unidad 2 - Tipografia
Unidad 2  - TipografiaUnidad 2  - Tipografia
Unidad 2 - Tipografia
 
La importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráficoLa importancia de la tipografía en el diseño gráfico
La importancia de la tipografía en el diseño gráfico
 

Semelhante a Clase n2

Paleta tipográfica
Paleta tipográficaPaleta tipográfica
Paleta tipográficaAlberto Vega
 
Consideraciones en el diseño de revistas
Consideraciones en el diseño de revistasConsideraciones en el diseño de revistas
Consideraciones en el diseño de revistasoscar hernandez
 
Para presentar un trabajo con normas apa
Para presentar un trabajo con normas apaPara presentar un trabajo con normas apa
Para presentar un trabajo con normas apaCristo Rey
 
Pme periodicosdiagramacion 2017 parte 2
Pme periodicosdiagramacion 2017 parte 2Pme periodicosdiagramacion 2017 parte 2
Pme periodicosdiagramacion 2017 parte 2mariafuentes2017
 
Cap.2 preparación de documentos internos en la oficina
Cap.2 preparación de documentos internos en la oficinaCap.2 preparación de documentos internos en la oficina
Cap.2 preparación de documentos internos en la oficinaadamaryshdz
 
PRESENTACIÓN DE UN TRABAJO ESCRITO
PRESENTACIÓN DE UN TRABAJO ESCRITOPRESENTACIÓN DE UN TRABAJO ESCRITO
PRESENTACIÓN DE UN TRABAJO ESCRITOperest9
 
PRESENTACIÓN DE UN TRABAJO ESCRITO
PRESENTACIÓN DE UN TRABAJO ESCRITOPRESENTACIÓN DE UN TRABAJO ESCRITO
PRESENTACIÓN DE UN TRABAJO ESCRITOperest9
 
El reporte de investigación
El reporte de investigaciónEl reporte de investigación
El reporte de investigaciónrenecvd1
 
El reporte de investigación
El reporte de investigaciónEl reporte de investigación
El reporte de investigaciónrenecvd1
 

Semelhante a Clase n2 (20)

Paleta tipográfica
Paleta tipográficaPaleta tipográfica
Paleta tipográfica
 
Piensa en tipos como en imágenes
Piensa en tipos como en imágenesPiensa en tipos como en imágenes
Piensa en tipos como en imágenes
 
Diseño grafico
Diseño grafico Diseño grafico
Diseño grafico
 
Consideraciones en el diseño de revistas
Consideraciones en el diseño de revistasConsideraciones en el diseño de revistas
Consideraciones en el diseño de revistas
 
Normas apa
Normas apaNormas apa
Normas apa
 
Normas apa
Normas apaNormas apa
Normas apa
 
Fundamentos de la tipografía
Fundamentos de la tipografíaFundamentos de la tipografía
Fundamentos de la tipografía
 
Maquetacion de documentos
Maquetacion de documentosMaquetacion de documentos
Maquetacion de documentos
 
Para presentar un trabajo con normas apa
Para presentar un trabajo con normas apaPara presentar un trabajo con normas apa
Para presentar un trabajo con normas apa
 
Pme periodicosdiagramacion 2017 parte 2
Pme periodicosdiagramacion 2017 parte 2Pme periodicosdiagramacion 2017 parte 2
Pme periodicosdiagramacion 2017 parte 2
 
Normas Apa.pptx
Normas Apa.pptxNormas Apa.pptx
Normas Apa.pptx
 
Cap.2 preparación de documentos internos en la oficina
Cap.2 preparación de documentos internos en la oficinaCap.2 preparación de documentos internos en la oficina
Cap.2 preparación de documentos internos en la oficina
 
Procesador de textos
Procesador de textosProcesador de textos
Procesador de textos
 
Normas apa
Normas apaNormas apa
Normas apa
 
Normas APA
Normas APANormas APA
Normas APA
 
Tipografia
TipografiaTipografia
Tipografia
 
PRESENTACIÓN DE UN TRABAJO ESCRITO
PRESENTACIÓN DE UN TRABAJO ESCRITOPRESENTACIÓN DE UN TRABAJO ESCRITO
PRESENTACIÓN DE UN TRABAJO ESCRITO
 
PRESENTACIÓN DE UN TRABAJO ESCRITO
PRESENTACIÓN DE UN TRABAJO ESCRITOPRESENTACIÓN DE UN TRABAJO ESCRITO
PRESENTACIÓN DE UN TRABAJO ESCRITO
 
El reporte de investigación
El reporte de investigaciónEl reporte de investigación
El reporte de investigación
 
El reporte de investigación
El reporte de investigaciónEl reporte de investigación
El reporte de investigación
 

Clase n2

  • 1. Diseñar con tipo en dos dimensiones • Al diseñar una página el diseñador debe tomar 8 decisiones: • Tipo • Cuerpo de letra • Color • Longitud de línea y blancos horizontales • Blanco vertical entre las líneas (interlineado) • Alineación de texto • Articulación del párrafo • Anchura de columna • Posición del texto en la página • Formato
  • 2. 1. Tipo • La elección del tipo puede estar influida por la legibilidad, por la disponibilidad en el ordenador y por la naturaleza del texto. • La tipografía que tiene una altura de x generosa , da lugar a una masa mas oscura sobre la página. • Si se ve la tipografía antes de ver las palabras, hay que cambiar de tipografía.
  • 3. 1. Tipo • El cuerpo de la tipografía debería ser lo suficientemente grande como para que pueda ser leída sin dificultad a la distancia de un brazo. • Los tipos para texto (los menores de 14 pts) deben ser bastante discretos. La idea es leer palabras, mas que fijarse en el tipo. • La legibilidad se refiere a la forma del tipo, la facilidad a la forma como a su organización. Hay una gran diferencia entre teclear y componer tipográficamente.
  • 4. 2. Cuerpo • El tamaño de un tipo no es lo mismo que su cuerpo. El factor que debe guiarnos es su altura x del tipo. • Los libros y revistas suelen componer normalmente con un tipo comprendido entre 8.5 y 10 puntos, pero en publicaciones para niños y ancianos se suele utilizar un tipo algo mayor.
  • 5. 3. Color • Se refiere al matiz o valor tonal relativo de una tipografía. • Se escoge la tipografía por su color o intensidad de trazo sobre la página. En ello puede influir las proporciones generales del tipo, la disposición relativa de los rasgos gruesos o finos, la existencia de remates. • Un texto compuesto con un tipo de letra con remates, tiene una textura visual más interesante que uno compuesto con tipos sin remates. • Los tipos con fuertes contrastes entre rasgos gruesos y finos acaba cansando la vista.
  • 6.
  • 7. 4. Espacio horizontal • Para una lectura óptima se suele considerar como óptima la cifra de unos 65 caracteres por línea. • Ajuste del espacio entre letras y palabras • Kerning: modificación del blanco entre pares de caracteres. Es la expansión o compresión selectiva de los espacios individuales entre los caracteres y entre las palabras. En la mayoría de las veces estos espacios han sido determinados previamente por el diseñador de tipos. • Tracking: alteración del blanco entre caracteres aplicado a líneas o párrafos completos. Cuando se aprietan o se abren a la vez todos los espacios entre los caracteres de una palabra, linea, párrafo o página entera. El lector debe permanecer ajeno a estos ajustes, por eso deben ser discretos • Cuando el tipógrafo ajusta los espacios lo único que pretende es fluidez, ritmo y claridad. El lector siempre debe permanecer ajeno a estos ajustes.
  • 8. **// Sin kerning **// Con kerning **// Tracking normal **// Tracking abierto **// Tracking apretado
  • 9. 4. Espacio horizontal • Leer una línea en mayúsculas es, inevitablemente un proceso mas lento. • La función de los numerales es transmitir números. Los numerales acostumbran a necesitar ajustes de kerning cuando se escriben en un texto lineal.
  • 10. 5. Espacio vertical. Interlineado • La medida del espacio entre palabras viene determinada por el diseñador del tipo y generalmente es un cuarto del cuerpo, o sea, similar al ancho de la letra i. • Se llama interlínea a la zona no impresa entre dos líneas seguidas de un texto. • Para texto corrido, rara vez se recomienda componer un texto macizo (el interlineado tiene el mismo valor que el cuerpo), a menos que el tipo elegido tenga una altura x pequeña.
  • 11.
  • 12. 6. Alineación del texto • Existen cuatro maneras principales de alinear el texto: por la izquierda, por la derecha, centrado y justificado. • Alineado por la izquierda: refleja la experiencia asimétrica de la escritura. Los espacios entre las palabras son uniformes , lo que provoca un gris uniforme. • Alineado por la derecha: el comienzo de cada línea es variable y, por lo tanto, potencialmente difícil de localizar para la vista, entorpece el proceso de lectura. Se reserva para pies o pasajes de texto corto.
  • 13. 6. Alineación del texto • Alineación centrada: se usa principalmente para rótulos. Rechazada por los modernos en su afán por parecer “diferentes”. Impone simetría. Es importante retocar los saltos de línea para que el texto no resulte demasiado dentado. • Texto justificado: impone una forma simétrica al texto. Se consigue expandiendo o reduciendo los espacios entre palabras y en ocasiones entre letras. A veces la apertura resultante de las líneas puede producir “rios” de espacio blanco, generando unos antiestéticos huecos verticales. Para salvar este problema, se requiere una atención cuidadosa a los saltos de línea y a la aparición de guiones.
  • 14.
  • 15. 6. Alineación del texto • Siempre es preferible que sea el propio diseñador quien edite esas instrucciones • El objetivo básico del espaciado es crear un “color” uniforme para todo el texto. • Son preferibles las columnas anchas , pues necesitan menos ajustes que las estrechas.
  • 16. 7. Articulación del párrafo • La manera mas limpia de indicar el principio de un párrafo es la sangría. • Si el párrafo comienza a caja puede confundirse con el párrafo anterior.
  • 17. 7. Articulación del párrafo • En la composición tipográfica tradicional hay dos errores imperdonables: las líneas viudas y las huérfanas • Una línea viuda es una línea corta de texto que queda sola al final de una columna de texto. • Una línea huérfana es una línea corta de texto que queda sola al principio de una nueva columna de texto.
  • 19. 8. Formato • La primera consideración que debe estudiar un diseñador es el tamaño y la forma de la página. Aunque las limitaciones prácticas, en especial el ahorro del papel suelen limitar las opciones de diseño. • Un aspecto básico al iniciar el diseño de un mensaje gráfico y su posterior producción es el estudio de su formato. Que se entiende como las dimensiones y la forma del soporte
  • 20. 8. Formato • La elección del formato no es una cuestión arbitraria. Se basa en cuestiones creativas condicionadas por los formatos existentes en el mercado. • En el momento de decidir el formato de un impreso se debe realizar respecto al número de ejemplares que saldrán del formato de fabricación del papel. • La elección del formato para el impreso debe tener en cuenta los formatos de papel existentes en el mercado.
  • 21. **// Formatos existentes en el mercado
  • 22. 8. Formato • Además de los formatos básicos existen los formatos normalizados , de uso general en los formatos terminales de los impresos. • Los formatos normalizados se obtienen a partir del formato base A0, que mide 84,1 x 118,9 cms y se basan en lo que se conoce como sistema ISO (International Organization for standarization u Organización internacional para la estandarización) que se usa en Europa y en muchas otras partes del mundo.
  • 23. 8. Formato • El sistema ISO nació a principios del siglo XX, creado por Wilhelm Ostwald
  • 24. 8. Formato • Tamaños de papel estándar norteamericanos. • La mayoría de papeles se basan en un tamaño de página de 216 x 279 mm. Estos tamaños derivan de la hoja tradicional aunque han sido modificados para economizar la hoja de impresión estándar en la actualidad • Cualquiera que sea el formato elegido, hay que tener en cuenta que pueden ser interpretados como estáticos o dinámicos
  • 25. 8. Formato • Las formas expresan aspectos cognitivos: • Cuadrado: robustez, solidez, fuerza, resistencia • Rombo: lo contrario al cuadrado • Rectángulo: acción, estabilidad. • Triángulo: estabilidad. • Equilátero: estabilidad • Isósceles: movimiento • Invertido: inestabilidad • Pentágono: Caprichoso • Hexágono: metodológico • Circulo: perfecto, preciso, dinámico, estabilidad dinámica • Óvalo: distinción
  • 26. Buscar 5 ejemplos de: • Formato • Mala partición de palabras • Sangría • Viudas • Sangría Francesa • Huérfanas • Folio – diseño de paginación • VERSALITAS • • Ríos o calles Jerarquización de textos • Calaveriados • Capitulares • Titulares • Sangrados • Cuerpo de texto • Perfilados • Pie de foto • Alineación centrada, • Comillas volantas y chungas justificada, izquierda y • Filetes derecha