03 clase de Rediseño - Principios de diseño

26
Comunicación Social / 10mo Semestre - Corporativa Facilitador: Lic. Erwin García Hasta que llegamos al punto… Principios de Diseño Rediseñoeditorial

Transcript of 03 clase de Rediseño - Principios de diseño

Page 1: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Hasta que llegamos al punto…

Principios de Diseño

Rediseñoeditorial

Page 2: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

Principios de diseño:

Según Daryl Moen son cinco los principios fundamentales del diseño:

BalanceContrasteFocoProporción Unidad.

Page 3: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

Foco: La página exhibe siempre una información más importante que otra. Con el tratamiento. Con el tratamiento tipográfico adecuado, un titular, una gran foto o una infografía, podría ser el foco que capture el interés del lector.

Foco constante o sin foco Foco en Foto

Page 4: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

Foco en Infografía Foco en texto

Page 5: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

Contraste: garantiza el interés de la composición. Este se logra al enfrentar elementos contradictorios: blanco-negro, arriba-abajo, grueso-delgado, grande o pequeño.

Page 6: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

Balance: Permite distribuir el peso de los elementos en la página, pero sin caer un equilibrio simétrico o monótono que reste dinamismo a la composición.

Monotonía Claridad, contraste y foco.

Page 7: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

Unidad: La idea de conjunto es lo que busca preservar el criterio de coherencia y uniformidad en un periódico. Se utiliza para definir la personalidad del diario y lograr que el lector pueda identificarlo.El mantenimiento de una determinada tipografía, forma de titulares y textos, logotipos de secciones, y un estilo general de diseño, permite crear una imagen de unidad que refuerza la personalidad del periódico.

Page 8: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

Proporción: La estructura de toda la página debe guardar relación proporcional entre sus elementos más importantes.

Page 9: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

El diseño es la personalidad gráfica.La personalidad gráfica de un diario es el resultado de un proceso de

diseño que implica toma de decisiones sobre cada uno de los siguientes factores:

Logotipo.Formato / Tamaño.Mancha / Márgenes.Retícula.Tipografía.Diagramación.

Estas elementos van unidos e interrelacionados, nunca pueden estudiarse de manera aislada, pues así conformará su unidad estructural.

Page 10: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

1- Logotipo.Este debe sintetizar el espíritu del

periódico y expresar el estilo de los tiempos. Debe ser una cabecera limpia, muy clara, sencilla y sin adornos. La prensa tradicional ha elaborado sus logotipos de acuerdo a aspectos más cercanos a las costumbres e historia del lugar de origen que a los criterios del diseño moderno. Incluso, la mayoría de estos diarios cuando son rediseñados, mantienen el logotipo de siempre y apenas introducen algunos retoques. El cambio de logotipo es uno de los nudos más difíciles de desatar y su modernización se convierte en una verdadera batalla entre diseñadores y propietarios de medios.

El logotipo de un diario debe tener la virtud de provocar un reconocimiento inequívoco y específico en el lector.

Page 11: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

2-Formatos.Los formatos típicos son Standard y el Tabloide, logrados al doblar el

pliego de papel. El standard o sábana (1/2 pliego) surge al doblar una vez el pliego de papel, al doblarlo de nuevo, a ¼ de pliego surge el tabloide. Un nuevo doblez nos permite un octavo, el formato típico de las revistas. Los europeos utilizan un tercer

formato; intermedio, berlinés o coloquialmente llamado aberración.

Page 12: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

3. Mancha / Márgenes.Definir la mancha es definir, al mismo tiempo, los márgenes de la página. Estas son las 4 franjas que rodean la superficie de tintaje hasta el final del papel. Se parte del margen del doblez (lomo) que es el espacio más pequeño, un centímetro, aproximadamente, hasta la mancha. El mayor espacio se deja en el margen de la foliatura.

Inicio de páginaEspacio entre el bordeDe la hoja y la caja

ManchaSuperficie total impresa de la

página

Caja de composiciónLímite de la mancha

Costado

Pie de página

Page 13: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

La mancha de este formato tabloide está dividida en tres tipos de columnajes:

El tono azul tiene 5 columnas.El tono durazno tiene 4 columnas.El tono magenta tiene 6 columnas.

Mancha / Márgenes.

Page 14: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

La mancha de este formato standard está dividida en tres tipos de columnajes:El tono azul tiene 5 columnas.El tono durazno tiene 6 columnas.El tono magenta tiene 8 columnas.

Mancha / Márgenes.

Page 15: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

4. Retícula.Según Alan Swann es la división geométrica de un área en columnas, espacios y márgenes medidos con precisión.

Columnas falsas: tendencia que busca reducir el número de columnas y, naturalmente, a aumentar la medida de las mismas, con la finalidad de evitar la monotonía en el diseño del diario.

Aquí vemos una información con titular a 5 columnas y texto en cinco bloques de 1 columna.

Luego observamos una información con titular a 5 columnas y texto en dividido en 3 columnas falsas.

Page 16: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

5. Tipografía.El factor de legibilidad por excelencia está constituido por su tipografía. Esta es fundamentalmente, arquitectura bidimensional.

En la composición tipográfica identificamos 4 elementos:Medida.Tipo.Cuerpo.Forma.

Page 17: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

La medida está referida al ancho de la composición y ésta se indica en columnas y/o picas.

El cuerpo es la altura del tipo y se indica en puntos tipográficos.

El tipo se refiere a la tipografía como a la apariencia de las letras.

Page 18: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

La forma es la disposición de las líneas de titulares y textos y puede ser justificada, centrada, alineada a la izquierda o a la derecha.

Texto alineado a la derechaDerecha derecha derechaDerecha derecha derecha

Texto alineado a la izquierdaIzquierda izquierda izquierdaIzquierda izquierda izquierda

Texto centrado centrado

centrado centradocentrado centrado

Texto justificado justificado justificado justificado justificado justificado

Page 19: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

Sistema de medidas. Norteamericanos, franceses e ingleses luego de años de disputas sobre la unificación de un sistema de medidas, aceptaron la unidad angloamericana pica que divide en 6 partes la pulgada y que no tiene equivalente en nuestro sistema métrico decimal. La pulgada tiene 6 picas y cada pica 12 puntos. Para determinar el cuerpo de los tipos se usa una regla especial llamada tipómetro.

Tipómetro antiguo Tipómetro actual

Page 20: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

Clasificación tipográfica.Hace dos mil años se comenzó a utilizar un diseño de letra que originó una clasificación tipográfica constituida actualmente por tres grandes familias:

RomanaEgipciaEtrusca

E

EE

Times Roman (Romana)

Helvética (Etrusca)

Serifa (Egipcia)

Page 21: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

Romana. Entre los tipos que mantienen su vigencia es la familia de raíces más antiguas, y la de mayor aceptación en textos de periódicos, libros y revistas porque su diseño garantiza una mayor legibilidad. Ocupa un espacio rectangular y está constituida por trazos gruesos y finos con terminaciones o serif. De esta letra se derivan diseño de romanas muy evolucionadas como Trajana, Garamond, Calzón, Baskerville, Bodoni y Didot. Sin embargo, la más fuerte exponente es Times Roman, creada por Stanley Morison por encargo del diario The Times, de Londres, a partir de 1931. Este diseño es, en la actualidad uno de los más utilizados por diarios de todo el mundo para componer textos y titulares, aunque ya comienza a perder fuerza entre los diseñadores.

Egipcia. Se caracteriza por usar serif pero del mismo grosor en todos los trazos. Desde sus inicios se utilizó en rótulos de publicidad y titulares de periódicos. Entre las principales egipcias podemos mencionar; Clarendon, Beton, Rockwell, Volta, ITC Lubalin Graf y Serifa.

Etrusca. O grotesca se ha extendido mucho en los últimos 50 años. Estos tipos sans serif, sin serif o “palo seco”, que siempre han estado presente en los titulares de periódicos, comenzaron a ser aceptados en la composición de textos de diarios gracias a moderno diseño de Helvética, de gran legibilidad. El palo seco ha evolucionado desde la Akzidenz Grotesk, modelo artesanal lanzado por la fundación Berthold (Berlín) en 1896, pasando por Futura (su mejor exponente), helvética Neue Haas Grotesk, Univers.

E

E

E

Page 22: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

Variantes. En cada familia reconocemos varios tipos y éstos, a su vez, tienen variantes que conservan el diseño básico del tipo, pero pueden ser inclinadas a la derecha o de mayor grosor. El tipo básico se identifica como redonda o blanca y las variantes son: itálicas, negritas, itálicas negritas, condensadas y expandidas. Con los actuales sistemas de reproducción de tipos de las computadoras se logran variantes denominadas outline o huecas, sombreadas, subrayadas, etc.

TT TTTimes Roman Redonda Times Roman Itálica Times Roman Negra Times Roman Negra Itálica

Page 23: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

Construir una personalidadLa cultura influye desde luego en la elaboración de un determinado producto. Allí sí hay elementos que nos dan pistas para llegar a una buena selección tipográfica, también que tipo de publicación queremos hacer, como será su distribución, como es la utilización del color en la ciudad, como lo usa la gente en su vida diaria, en algunas ocasiones también que tipo de rotativa o papel se utilizarán para la impresión de la publicación, son datos que pueden modificar y hasta condicionar la selección de una tipografía.

Ojo con esto:Muchos editores han cometido el error de utilizar demasiados tipos y variantes sin establecer normas adecuadas de uso y han convertido las páginas del diario en verdaderos catálogos de letras. Lo recomendables es escoger un reducido conjunto de familias con sus respectivas variantes: redonda, negra, itálica e itálica-negra y asignarle a cada tipo un rol específico dentro de un modelo tipográfico determinado.

Page 24: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

RediseñoeditorialUna buena selección tipográfica según Rodrigo FinoTitulares:01- Miller Text 02- Poynter Sans03- Garamond Stempel04- Nimrod05- Corporate06- Scala07- Chronicle08- Gulliver09- Belizio10- Retina11- KnockoutDT: Didot / Baskerville

Suplentes:12- Bohemia13- Solex14- Stainless15- Vendetta16- Rotis

Page 25: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Rediseñoeditorial

Algunos tips (Rodrigo Fino):- Selección: si es para periódico, las serif de ascendentes o descendentes poco exagerados, cortos, permiten hacer un juego de titulación compacto. Mirar las minúsculas y sus ojos internos en un titular de un cuerpo promedio de titulación, es una buena manera de saber si la tipografía funcionará o no.- Contrastes: a veces un serif y una sans serif alcanza, pero en otras se necesita una tercera tipografía para hacer una mejor puesta en página. Si es la mezcla clásica de serif y sans, estas últimas deben tener un buen diseño de mayúscula para poder hacer un juego de contrastes y generar identidad en piezas de menor porte.- Ambigüedad: algunas tipografías tienen en sus formas cierta ambigüedad que las hace funcional y elegantes al mismo tiempo, no son geométricas puras, sino que el diseñador le dio su sello personal, su estilo, dotándola de personalidad, algunos la llaman Neo Humanistas. Aunque muchas veces no son tan versátiles de aplicar y siempre rinden muy bien en detalles de un diseño.

Page 26: 03 clase de Rediseño  - Principios de diseño

Comunicación Social / 10mo Semestre - Corporativa

Facilitador: Lic. Erwin García

Ahora vamos camino a las

Unidades Informativas

Rediseñoeditorial