2. elem graficos 2003

Post on 08-Dec-2014

449 views 2 download

description

 

Transcript of 2. elem graficos 2003

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