SlideShare une entreprise Scribd logo
1  sur  31
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
USUARI
O
Estilo de aprendizaje
Preferencias de herramientasEdad
Experiencia y familiaridad
Limitaciones físicas
cultura
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
ColorColor
1 2 3 4 5 6 7 8 9 10 11 12
1
2
3
4
5
6
7
8
9
10
11
12
13
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 puntos
Texto en 44 puntos
Texto en 48 puntos
Texto en 72 puntos
Tipografía: espacio entre líneasTipografía: espacio entre líneas
Tipografía: espacio entre líneasTipografía: espacio entre líneas
Tipografía : alineación del textoTipografía : alineación del texto
 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

Contenu connexe

Similaire à 2. elem graficos 2003

Cuadro dialogo fuente y parrafo
Cuadro dialogo fuente y parrafoCuadro dialogo fuente y parrafo
Cuadro dialogo fuente y parrafo
Edgar Wilson
 
reglas para hacer una presentacion en power poit
reglas para hacer una presentacion en power poitreglas para hacer una presentacion en power poit
reglas para hacer una presentacion en power poit
AstridIsoCastro
 
Recomendaciones
RecomendacionesRecomendaciones
Recomendaciones
ofeliac
 
Presentaciones Electronicas Peniche
Presentaciones Electronicas  PenichePresentaciones Electronicas  Peniche
Presentaciones Electronicas Peniche
Angelica Garcia
 
Recomendaciones
RecomendacionesRecomendaciones
Recomendaciones
ahida
 
Recomendaciones[1][1]
Recomendaciones[1][1]Recomendaciones[1][1]
Recomendaciones[1][1]
lumipehe
 
Recomendaciones
RecomendacionesRecomendaciones
Recomendaciones
estorre27
 

Similaire à 2. elem graficos 2003 (20)

Tipografia y maquetacion5
Tipografia y maquetacion5Tipografia y maquetacion5
Tipografia y maquetacion5
 
Corel Draw x5 - Diseño Grafico
Corel Draw x5 - Diseño GraficoCorel Draw x5 - Diseño Grafico
Corel Draw x5 - Diseño Grafico
 
Eq4 tipografia
Eq4 tipografiaEq4 tipografia
Eq4 tipografia
 
Cómo realizar presentaciones didácticas
Cómo realizar presentaciones didácticasCómo realizar presentaciones didácticas
Cómo realizar presentaciones didácticas
 
¿Cómo realizar presentaciones didácticas en diapositivas?
¿Cómo realizar presentaciones didácticas en diapositivas?¿Cómo realizar presentaciones didácticas en diapositivas?
¿Cómo realizar presentaciones didácticas en diapositivas?
 
Cuadro dialogo fuente y parrafo
Cuadro dialogo fuente y parrafoCuadro dialogo fuente y parrafo
Cuadro dialogo fuente y parrafo
 
¡Encuentra rápido la tipografía que va con tu marca!
¡Encuentra rápido la tipografía que va con tu marca!¡Encuentra rápido la tipografía que va con tu marca!
¡Encuentra rápido la tipografía que va con tu marca!
 
Principios de diseño y aplicaciones en la web
Principios de diseño y aplicaciones en la webPrincipios de diseño y aplicaciones en la web
Principios de diseño y aplicaciones en la web
 
T4 pa2yarannabeldisenografico
T4 pa2yarannabeldisenograficoT4 pa2yarannabeldisenografico
T4 pa2yarannabeldisenografico
 
reglas para hacer una presentacion en power poit
reglas para hacer una presentacion en power poitreglas para hacer una presentacion en power poit
reglas para hacer una presentacion en power poit
 
Consejos para desarrollar presentaciones
Consejos para desarrollar presentacionesConsejos para desarrollar presentaciones
Consejos para desarrollar presentaciones
 
Recomendaciones
RecomendacionesRecomendaciones
Recomendaciones
 
Practica Del Sabado7
Practica Del Sabado7Practica Del Sabado7
Practica Del Sabado7
 
Presentaciones Electronicas Peniche
Presentaciones Electronicas  PenichePresentaciones Electronicas  Peniche
Presentaciones Electronicas Peniche
 
Recomendaciones
RecomendacionesRecomendaciones
Recomendaciones
 
Recomendaciones
RecomendacionesRecomendaciones
Recomendaciones
 
Recomendaciones[1][1]
Recomendaciones[1][1]Recomendaciones[1][1]
Recomendaciones[1][1]
 
Recomendaciones
RecomendacionesRecomendaciones
Recomendaciones
 
Recomendaciones
RecomendacionesRecomendaciones
Recomendaciones
 
Recomendaciones
RecomendacionesRecomendaciones
Recomendaciones
 

Dernier

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Dernier (11)

Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 

2. elem graficos 2003

  • 1. GUÍAS DE DISEÑOGUÍAS DE DISEÑO Cleopatra Garza R.
  • 2. IndiceIndice  Aspectos a considerar  Audiencia  Contenido  Uso del color  Tipografía  Imágenes o gráficas  Navegación  Consistencia
  • 3. Aspectos a considerarAspectos a considerar  Propósito  Audiencia  Tiempo  Tamaño de la sala  Iluminación  Cultura
  • 5. AudienciaAudiencia USUARI O Estilo de aprendizaje Preferencias de herramientasEdad Experiencia y familiaridad Limitaciones físicas cultura
  • 6. 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
  • 7. 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
  • 8.  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
  • 9.  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
  • 10.  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
  • 11. 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
  • 12.  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
  • 13.  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
  • 14.  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
  • 15. 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
  • 17. ColorColor 1 2 3 4 5 6 7 8 9 10 11 12 1 2 3 4 5 6 7 8 9 10 11 12 13 Chapter 9: Color monocromático
  • 19. 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
  • 20. 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
  • 21. 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
  • 22. 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 puntos Texto en 44 puntos Texto en 48 puntos Texto en 72 puntos
  • 23. Tipografía: espacio entre líneasTipografía: espacio entre líneas
  • 24. Tipografía: espacio entre líneasTipografía: espacio entre líneas
  • 25. Tipografía : alineación del textoTipografía : alineación del texto  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
  • 26. 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
  • 30. NavegaciónNavegación  Crear navegación para llevar el orden de la presentación  Ejemplo de botón
  • 31. 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