2. elem graficos 2003

31
GUÍAS DE DISEÑO GUÍAS DE DISEÑO Cleopatra Garza R.

description

 

Transcript of 2. elem graficos 2003

Page 1: 2. elem graficos 2003

GUÍAS DE DISEÑOGUÍAS DE DISEÑO

Cleopatra Garza R.

Page 2: 2. elem graficos 2003

IndiceIndice

Aspectos a considerar Audiencia Contenido Uso del color Tipografía Imágenes o gráficas Navegación Consistencia

Page 3: 2. elem graficos 2003

Aspectos a considerarAspectos a considerar

Propósito Audiencia Tiempo Tamaño de la sala Iluminación Cultura

Page 4: 2. elem graficos 2003

AudienciaAudiencia

Edad Background Tamaño del grupo Tema

Page 5: 2. elem graficos 2003

AudienciaAudiencia

USUARIO

Estilo de aprendizaje

Preferencias de herramientasEdad

Experiencia y familiaridad

Limitaciones físicascultura

Page 6: 2. elem graficos 2003

ContenidoContenido

Síntesis del documento de word, nunca copia

En promedio 7 slides En promedio 7

puntos en cada una 7 palabras por línea

7+/- 2

Page 7: 2. elem graficos 2003

Uso del ColorUso del Color

Usar contrastes adecuados: Fondo claro, letra oscura

Fondo blanco y letra negra Nunca usar color de letra claro sobre

fondo oscuro No usar letra clara , sobre fondo claro No más de 4 colores

Page 8: 2. elem graficos 2003

Este texto puede ser más o menos legible, dependiendo de la combinación del color del fondo y el color de la letra.

Como podrá verse, hay combinaciones que incluso pueden llegar a lastimar o que a una cierta distancia no se aprecian igual que al leerse en la pantalla de la computadora

ColorColor

Page 9: 2. elem graficos 2003

Este texto puede ser más o menos legible, dependiendo de la combinación del color del fondo y el color de la letra.

Como podrá verse, hay combinaciones que incluso pueden llegar a lastimar o que a una cierta distancia no se aprecian igual que al leerse en la pantalla de la computadora

ColorColor

Page 10: 2. elem graficos 2003

Este texto puede ser más o menos legible, dependiendo de la combinación del color del fondo y el color de la letra.

Como podrá verse, hay combinaciones que incluso pueden llegar a lastimar o que a una cierta distancia no se aprecian igual que al leerse en la pantalla de la computadora

ColorColor

Page 11: 2. elem graficos 2003

ColorColor

Este texto puede ser más o menos legible, dependiendo de la combinación del color del fondo y el color de la letra.

Como podrá verse, hay combinaciones que incluso pueden llegar a lastimar o que a una cierta distancia no se aprecian igual que al leerse en la pantalla de la computadora

Page 12: 2. elem graficos 2003

Este texto puede ser más o menos legible, dependiendo de la combinación del color del fondo y el color de la letra.

Como podrá verse, hay combinaciones que incluso pueden llegar a lastimar o que a una cierta distancia no se aprecian igual que al leerse en la pantalla de la computadora

ColorColor

Page 13: 2. elem graficos 2003

Este texto puede ser más o menos legible, dependiendo de la combinación del color del fondo y el color de la letra.

Como podrá verse, hay combinaciones que incluso pueden llegar a lastimar o que a una cierta distancia no se aprecian igual que al leerse en la pantalla de la computadora

ColorColor

Page 14: 2. elem graficos 2003

Este texto puede ser más o menos legible, dependiendo de la combinación del color del fondo y el color de la letra.

Como podrá verse, hay combinaciones que incluso pueden llegar a lastimar o que a una cierta distancia no se aprecian igual que al leerse en la pantalla de la computadora

ColorColor

Page 15: 2. elem graficos 2003

ColorColor

Esquemas de color Monocromático: El mismo color en varios

tonos o grados del color Complementario: Uso de dos colores

opuestos en la ruedita del color Análogo: 2 o más colores juntos en la

rueda de color Triádico: 3 colores espaciados igual en la

rueda de color

Page 16: 2. elem graficos 2003

ColorColor

triádico

{análogo

complementario

Page 17: 2. elem graficos 2003

ColorColor1 2 3 4 5 6 7 8 9 10 11 12

12345678910111213

Chapter 9: Color

monocromático

Page 18: 2. elem graficos 2003

TipografíaTipografía

Page 19: 2. elem graficos 2003

Tipografía : serif o sin serifTipografía : serif o sin serif

No usar letra con serif Times o Georgia Courier

Es preferible una tipografía sin serif Helvetica Arial Verdana

Page 20: 2. elem graficos 2003

Tipografía: guías de usoTipografía: guías de uso

Evitar palabras completas o textos completos en mayúscula

Evitar el Bold, italic o subrayados en textos, sólo usar para dar énfasis

Evitar textos centrados, sólo usar para títulos

No usar varios tipos de letra diferentes Evitar los tipos “adornados”: Algerian,

Broadway, Brush script. Chiller, Gigi, Comic

Page 21: 2. elem graficos 2003

Tipografía: TamañoTipografía: Tamaño

Para leer en pantalla se recomienda Arial, Helvética o Verdana tamaño 12

Para una presentación, puede ser mayor de 28 puntos y depende del contenido

Para lograr un texto legible, hacer la prueba de los dos metros

Los títulos pueden ser más grandes y con efecto en la letra

Page 22: 2. elem graficos 2003

Tipografía: tamañoTipografía: tamaño Texto en 12 puntos Texto en 14 puntos

Texto en 18 puntos Texto en 24 puntos Texto en 32 puntos Texto en 36 puntos Texto en 40 puntosTexto en 44 puntosTexto en 48 puntosTexto en 72 puntos

Page 23: 2. elem graficos 2003

Tipografía: espacio entre Tipografía: espacio entre líneaslíneas

Page 24: 2. elem graficos 2003

Tipografía: espacio entre Tipografía: espacio entre líneaslíneas

Page 25: 2. elem graficos 2003

Tipografía : alineación del Tipografía : alineación del textotexto El mismo texto puede apreciarse

diferente en función de la alineación El mismo texto puede apreciarse diferente en función de la alineación

El mismo texto puede apreciarse diferente en función de la alineación

El mismo texto puede apreciarse diferente en función de la alineación

Page 26: 2. elem graficos 2003

Imágenes o gráficasImágenes o gráficas

Cuidar la nitidez de la imagen Revisar la calidad al aumentar el tamaño Hacer la prueba de los 2 metros

Page 27: 2. elem graficos 2003

Imágenes o gráficasImágenes o gráficas

Page 28: 2. elem graficos 2003

Imágenes o gráficasImágenes o gráficas

Page 29: 2. elem graficos 2003

Imágenes o gráficasImágenes o gráficas

Page 30: 2. elem graficos 2003

NavegaciónNavegación

Crear navegación para llevar el orden de la presentación

Ejemplo de botón

Page 31: 2. elem graficos 2003

ConsistenciaConsistencia

La presentación debe tener el mismo aspecto en: Tipo de letra Tamaño del texto Color (texto, fondo) Distribución de la información Alineación