consideraciones de forma y fondo: diseño de información diseño editorial

20
Consideraciones de forma y fondo: Diseño de información Diseño editorial

Upload: griffin-gross

Post on 02-Jan-2016

50 views

Category:

Documents


8 download

DESCRIPTION

Consideraciones de forma y fondo: Diseño de información Diseño editorial. Diseño de la información. Arte y ciencia de preparar la información , para ser usada por las personas con eficacia. Según Frascara , el diseño de la información consiste en dos aspectos: - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Consideraciones de forma y fondo:Diseño de informaciónDiseño editorial

Page 2: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Arte y ciencia de preparar la información, para ser usada por las personas con eficacia.

Según Frascara, el diseño de la información consiste en dos aspectos:La organización de la información (contenido) La

planificación de su presentación visual (diagramación).

Diseño de la información

Page 3: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Rama del diseño especializada en los impresos gráficos (libros, revistas, folletos, etc.).

El diseño editorial ordena y construye a partir de imágenes y símbolos (textos).

Mejora, sintetiza y jerarquiza información necesaria.

La presentación visual requiere, de conocimientos de legibilidad de símbolos, letras, palabras, etc; es decir, de un buen diseño de información.

Diseño Editorial

Page 4: Consideraciones de forma y fondo: Diseño de información Diseño editorial

La retícula es un conjunto de relaciones basadas en la alineación, actúan como guías en la distribución en los elementos de todo formato (principio organizador).

El trabajo con retículas significa someterse a leyes de orden, claridad, concentración y objetividad, racionalización.

Cada retícula contiene las mismas partes básicas, con independencia del grado de complejidad que alcance. Cada parte cumple una función determinada.

Y…cómo organizo mi información

Co

lum

na

s

Márgenes

Módulos

Líneas de flujo

Zonas especiales

Page 5: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Tipos de retícula

Retícula de Manuscrito o bloque.Estructura de base rectangular, ocupa la mayor parte de una página.Acoge textos largos y continuos, tiene una estructura principal (margen y texto) y estructuras secundarias que definen otros detalles como folio, título de capítulo, notas de pie, numeración, etc.

Retícula de Columnas.Sirve cuando se presenta información discontinua, así se disponen entre columnas verticales, es de carácter flexible y se utiliza para separar diversostipos información, por ejemplo: columnas para texto y otras para imágenes.

Page 6: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Tipos de retícula

Retícula Modular.Sirve para proyectos complejos. Los módulos pueden ser verticales u horizontales dependiendo de la organización de las imágenes. Retículas que sirven para diagramar periódicos, sistemas de diseño de información tabulada como cuadros, formularios, programaciones, etc.

Retícula Jerárquica.Retícula Jerárquica. Ésta rompe con todos los esquemas anteriores, ya que está basada en suposición intuitiva de alineaciones relacionadas a las proporciones de los elementos.

Page 7: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Retícula de manuscrito o bloque

Page 8: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Retícula de columna

Page 9: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Retícula modular

Page 10: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Retícula jerárquica

Page 11: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Otros ejemplos

Page 12: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Otros ejemplos

Page 13: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Otros ejemplos

Page 14: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Otros ejemplos

Page 15: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Otros ejemplos

Page 16: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Trabajando sin retícula

Page 17: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Construcción de la mancha tipográfica

Mancha tipográfica es el nombre que se le da a la superficie que se ha de destinar al texto. El formato de la página y la amplitud de los márgenes determina la dimensión de la misma.

Page 18: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Caracter, formato y contenido

• Cuando se crean columnas anchas se necesitan interlineados más anchos.

• Las letras pequeñas no son recomendables para usuarios poco entrenados.

• Caracteres recomendados por línea:

Altos lectores Bajos lectores

Mínimo 34 caracteres 45 caracteres

Óptimo 45 caracteres 60 caracteres

Máximo 60 caracteres 80 caracteres

Page 19: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Otras consideraciones

• Los millares que indican el año no deben separarse por un punto (el año 1999, no 1.999)

• Los decimales se separan por una coma.

• La separación de los minutos y las horas se deben hacer con dos puntos (21:30).

• Los meses se escriben con minúsculas.

• Dentro de un texto las cantidades se incluyen como a continuación se ejemplifica: 1 mil 200 pesos y no $1,200, 1 millón 200 mil mexicanos y no 1,200,000 mexicanos.

• Las mayúsculas se acentúan.

Page 20: Consideraciones de forma y fondo: Diseño de información Diseño editorial

Otras consideraciones: Signos de corrección

Letra que no es del cuerpoLetra invertidaSangrar la líneaQuitar la sangríaEspaciarUnirSuprimirCambiar el orden de letras o palabrasAnteponer líneasLimpiar letrasAlinear

Separar líneasJuntar líneasBajar espacioPunto y apartePunto y seguidoQuitar el acentoCursivaVersalitasMayúsculasMayúsculas cursivasNegritasMayúsculas negritas