GUÍAS DE DISEÑOGUÍAS DE DISEÑO
Cleopatra Garza R.
IndiceIndice
Aspectos a considerar Audiencia Contenido Uso del color Tipografía Imágenes o gráficas Navegación Consistencia
Aspectos a considerarAspectos a considerar
Propósito Audiencia Tiempo Tamaño de la sala Iluminación Cultura
AudienciaAudiencia
Edad Background Tamaño del grupo Tema
AudienciaAudiencia
USUARIO
Estilo de aprendizaje
Preferencias de herramientasEdad
Experiencia y familiaridad
Limitaciones físicascultura
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
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
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
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
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
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
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
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
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
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
ColorColor
triádico
{análogo
complementario
ColorColor1 2 3 4 5 6 7 8 9 10 11 12
12345678910111213
Chapter 9: Color
monocromático
TipografíaTipografía
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
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
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
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
Tipografía: espacio entre Tipografía: espacio entre líneaslíneas
Tipografía: espacio entre Tipografía: espacio entre líneaslíneas
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
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
Imágenes o gráficasImágenes o gráficas
Imágenes o gráficasImágenes o gráficas
Imágenes o gráficasImágenes o gráficas
NavegaciónNavegación
Crear navegación para llevar el orden de la presentación
Ejemplo de botón
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