SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Ähnlich wie 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
 

Ähnlich wie 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
 

Kürzlich hochgeladen

QUINTA SEXTA GENERACION de COMPUTADORAS
QUINTA  SEXTA GENERACION de COMPUTADORASQUINTA  SEXTA GENERACION de COMPUTADORAS
QUINTA SEXTA GENERACION de COMPUTADORAS
Marc Liust
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdf
Yanitza28
 
microsoft word manuales para todos tipos de estudiamte
microsoft word manuales para todos tipos de estudiamtemicrosoft word manuales para todos tipos de estudiamte
microsoft word manuales para todos tipos de estudiamte
2024020140
 

Kürzlich hochgeladen (16)

Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptxTarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
 
herramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el temaherramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el tema
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdf
 
QUINTA SEXTA GENERACION de COMPUTADORAS
QUINTA  SEXTA GENERACION de COMPUTADORASQUINTA  SEXTA GENERACION de COMPUTADORAS
QUINTA SEXTA GENERACION de COMPUTADORAS
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdf
 
microsoft word manuales para todos tipos de estudiamte
microsoft word manuales para todos tipos de estudiamtemicrosoft word manuales para todos tipos de estudiamte
microsoft word manuales para todos tipos de estudiamte
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacion
 
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdfRedes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
 
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
 

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