2. elem graficos 2003

357 views
295 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
357
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

2. elem graficos 2003

  1. 1. GUÍAS DE DISEÑOGUÍAS DE DISEÑO Cleopatra Garza R.
  2. 2. IndiceIndice  Aspectos a considerar  Audiencia  Contenido  Uso del color  Tipografía  Imágenes o gráficas  Navegación  Consistencia
  3. 3. Aspectos a considerarAspectos a considerar  Propósito  Audiencia  Tiempo  Tamaño de la sala  Iluminación  Cultura
  4. 4. AudienciaAudiencia  Edad  Background  Tamaño del grupo  Tema
  5. 5. AudienciaAudiencia USUARI O Estilo de aprendizaje Preferencias de herramientasEdad Experiencia y familiaridad Limitaciones físicas cultura
  6. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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
  16. 16. ColorColor triádico {análogo complementario
  17. 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
  18. 18. TipografíaTipografía
  19. 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. 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. 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. 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. 23. Tipografía: espacio entre líneasTipografía: espacio entre líneas
  24. 24. Tipografía: espacio entre líneasTipografía: espacio entre líneas
  25. 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. 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
  27. 27. Imágenes o gráficasImágenes o gráficas
  28. 28. Imágenes o gráficasImágenes o gráficas
  29. 29. Imágenes o gráficasImágenes o gráficas
  30. 30. NavegaciónNavegación  Crear navegación para llevar el orden de la presentación  Ejemplo de botón
  31. 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

×