DISEÑO GRÁFICO

ÍNDICE

 DISEÑO GRÁFICO………………………………………………..……………...CALDERÓN LEZAMA, PAZ

 MATERIALES DIDÁCTICOS……...……………..…………………..…........BAUTISTA INGA, MICELL

C

 MULTIMEDIA………………………………………………………….………...HUAMANÍ CRUZ, ANDREA

 PROCESO DE DISEÑO…………………………………....................….CARBAJAL ALGUÍAR, ZAIDA

 PROGRAMAS DE DISEÑO……………......………………..………VERÁSTEGUI VALDIVIA, ÁLVARO

DISEÑO GRÁFICO:

SU OBJETIVO ES SATISFACER

C
ORGANIZA IMÁGENES Y TEXTOS

COMUNICAR UN MENSAJE
ESPECIFICO
ROL DEL DISEÑADOR:

C
LOS PRINCIPIOS DEL DISEÑO GRÁFICO

Proximidad
Los elementos que se utilizan
en el diseño deben estar
relacionados y estar C

agrupados para formar una

unidad o totalidad coherente
Repetición
texturas colores formas

listas de marcas líneas

Alineación
Los elementos se relaciona
entre sí para una lectura fácil y
fluida
C
Contraste

Es hacer sobre salir el

mensaje con los
elementos C
LA COMUNICACIÓN VISUAL

C
Puede ser
Comunicación visual
Comunicación visual intencional
causal

C
Interferencias y filtros

Personalidad
del receptor

Carácter sensorial
Cultura
C
LA DIDÁCTICA:

C
LOS MATERIALES DIDÁCTCOS:

C
FUNCIONES:
PROPORCIONAR INFORMACIÓN CUMPLIR UN OBJETIVO
PROPORCIONAR INFORMACIÓN CUMPLIR UN OBJETIVO

GUIAR EL PROCESO DE E-A CONTEXTUALIZAR A LOS ESTUDIANTES

GUIAR EL PROCESO DE E-A CONTEXTUALIZAR A LOS ESTUDIANTES
FUNCIONES:

FACTIBILIZAR LA COMUNICACIÓN D-E

ACERCAR LAS IDEAS A LOS SENTIDOS

MOTIVAR A LOS ESTUDIANTES

PRINCIPIOS:
INDIVIDUALIZARSE: SOCIALIZACIÓN:
CENTRADO EN EL EN, POR Y PARA LA
ALUMNO SOCIEDAD

AUTONOMÍA:
C
RESPONSABILIDAD
PROGRESIVA

CREATIVIDAD: SISTEMATICIDAD:
NACE DE LA ORDENAMIENTO,
ORIGINALIDAD OBEJTIVO Y EFICACIA
APORTES DEL DISEÑO GRÁFICO

Objetivos de aprendizaje

Ergonomía cognitiva

Público estudiantil
APORTES DEL DISEÑO GRÁFICO

COLOR: Permite
diferenciar y organizar TIPOGRAFÍA: Es el
tipo de letra que se IMÁGENES: facilita la
la información entre
usa para captar la comprensión de los
cada una de las
atención de los contenidos.
categorías.
estudiantes.
C

SIMETRÍA: Para evitar UNIDAD: El material

SIMPLICIDAD: brindado es un todo
la fatiga del lector, el
Organización de los que está conformado
texto es separado en
conceptos de manera por partes pero que
columnas de tamaño
simple. no deja ser una
simétrico.
unidad.
VENTAJAS DEL DISEÑO GRÁFICO

Facilitaelelaprendizaje
Facilita aprendizajededelos
los
estudiantes que obtienen
estudiantes que obtienen Despiertaelelinterés
Despierta interésdede
conocimientosa apartir
conocimientos partirdedelos
los losestudiantes
los estudiantes
visual,auditivo
visual, auditivoookinestésico.
kinestésico. C

Ayudaa acomunicar
Ayuda comunicarelel
contenidoque
contenido quesese
enseñaradedemanera
enseñara manera
comprensibley y
comprensible
ordenada.
ordenada.
LÍMITES DEL USO DE DISEÑO

Se requiere programas
especializados y, por
consiguiente, inversión

Capacitación por parteC de los

docentes ya que manejar
programas para elaborar
materiales didácticos no es
una tarea sencilla.
No hay un equipo dedicado al
diseño de materiales.
MATERIAL DIDÁCTICO IMPRESO

Es todo aquello
que se presenta
C
en físico que tiene
como objetivo
llamar la atención
de los estudiantes
MATERIAL DIDÁCTICO IMPRESO
Proporciona información
relevante sobre un tema Conduce el aprendizaje
determinado
C

Evalúa los conocimientos Ayuda a organizar la

y habilidades información
PROGRAMAS PARA DISEÑAR

C
MATERIALES MULTIMEDIA

• Flexibilidad: permiten abordar la información desde

diferentes perspectivas.
• Funcionalidad: se adaptan a los contenidos y niveles
de los estudiantes.
• Multidimensionalidad: permiten la creatividad
C y una
actitud activa del estudiante.
• Dinamismo: los estudiantes abordan la información
según sus estilos de aprendizaje.
• Interactividad: los estudiantes establecen una
relación activa con el multimedia.
• Acceso multiuso: el multimedia puede usarse y
volverse a usar casi indefinidamente.
PODCASTS

c o q u e su p oene
n
d io d i d áticctio que sup o
Un m e id á c ivo
Un medeixoisdtenciadedeununaracrhcihvo
a laexistencia nt en i d os
l n o r n co
ococno contenido reado s
s o
sonoroos y que hasisdiodocrceado
e d uactiavtiovs y que ha oceso de C
educ partir de nunprporceso de
a eu tiac.a.
a partinrid c i ó n d
fiaccaión didáctiid á c c
p la fic etnata
plani n a h e r
s nua herramie ón ra m in
Elpopdocdacsatset seu la e d u ca cóin
El e x i b l e r a
praa la educac r i
m uy fl
e xi b l e p a e la b o rra
m u y fl o s prem m i te
r ite elabor a
o r q
prque nosu e n p e e s tra
p o o s a
patdaods a nuestrn u a
gu i on e s a d pa t
guionerseaadliadad eudcuactiavtiav.a.
realidad ed
E-BOOKS

Es un archivo de formato digital

especialmente maquetado para ser
leído
C e interpretado por dispositivos
electrónicos. Puede leerse en
prácticamente todos los dispositivos
que existen: ordenadores,
Smartphones, tablets, etc.
LABORATIOS VIRTUALES

Se representa a modo de espacio

Se representa a modo de espacio
virtual en el cual se utiliza la
virtual en el cual se utiliza la
C tecnología con el objetivo de
tecnología con el objetivo de
proporcionar un alto nivel de
proporcionar un alto nivel de
interacción entre los estudiantes, el
interacción entre los estudiantes, el
temario y los recursos pedagógicos
temario y los recursos pedagógicos
de los que dispone cada centro.
de los que dispone cada centro.
SITIOS WEB

Páginas en la web que

Páginas en la web que
C ofrecen información,
ofrecen información,
recursos o materiales
recursos o materiales
relacionados con el
relacionados con el
campo de la
campo de la
educación.
educación.
PLATAFORMAS VIRTUALES

Son programas que

Son programas que
permiten organizar
permiten organizar
contenidos y actividades
contenidos y actividades
dentro de un curso online,
dentro de un curso online, C
tener un seguimiento de
tener un seguimiento de
trabajo durante el curso,
trabajo durante el curso,
resolver dudas y crear
resolver dudas y crear
espacios de comunicación
espacios de comunicación
interactiva, evaluar los
interactiva, evaluar los
progresos de los alumnos,
progresos de los alumnos,
etc.
etc.
PLATAFORMAS VIRTUALES

C
PROCESO DE DISEÑO
PSICOLOGÍA
Principios de Gestalt
HUMANA

Principios de Mayer
CONTENIDO -significado
C

Principios de usabilidad
PUBLICO OBJETIVO – propósito
Colores
ESTRUCTURA O Tipografía
DIAGRAMACIÓN
Imágenes
PRINCIPIO DE USABILIDAD
Metodología del diseño
Metodología del diseño

Calidad
Calidad

Variar según la subjetividad C

Fáciles de interpretar y comprender

Fácil de aprender y recordar

EFICIENCIA EFICACIA SATISFACCION

Objetivos cumplidos Tiempo menor Objetivos cumplidos
PRINCIPIO DE MAYER
El aprendizaje
multimedia ocurre
cuando los estudiantes
construyen
representaciones
C
mentales a partir de
palabras e imágenes
que son presentados
ante ellos
PERCEPCION
ASIMILACION
AUDITIVO Y VISUAL RETENCION
AUDITIVO Y VISUAL
PRINCIPIO DE MAYER
PRINCIPIO DE SEÑLIZACIÓN PRINCIPIO DE CONTIGUIDAD
ESPACIAL
Organización Proximidad

PRINCIPIO DE MODALIDAD CPRINCIPIO DE MULTIMEDIA

AUDIO Organización

Lenguaje de los Usuarios Flexibilidad

Minimizar la carga de memoria Diseño minimalista

EL COLOR
simplicidad Nos provocan Genera atracción o
reacciones y rechazo
equilibrio emociones

C Contraste de colores
armonía
distintivos
Saturación de brillo y tono

DIFERENCIAR Significado de los colores

DIFERENCIAR
Limite de los colores
ORGANIZAR
ORGANIZAR
El color es complementario
EL TEXTO
LEGIBILIDAD CARACTERISTICAS DE UN BUEN
TEXTO
Estar bien estructurado Buen contraste con el
El diseñador no debe fondo
interrumpir la lectura Conciso y claros No deben competir con el
C
gráfico
FONDO
DISTORSIONADO

TEXTO NO ESTE
CENTRADO

Información relevante Complementan una

TEXTO PEQUEÑO
imagen
Usar una tipografía Tamaños diferenciados
PROGRAMAS DE DISEÑO GRÁFICO:
CONTRIBUYEN A
CONTRIBUYEN A
LA EDUCACIÓN LOS
LA EDUCACIÓN LOS
SIGUIENTES
SIGUIENTES
PROGRAMAS:
PROGRAMAS:
C

EDUCACIÓN A DISTANCIA

MEJOR CALIDAD EDUCATIVA

INNOVACIONES
ADOBE ILLUSTRATOR

 EDITOR DE GRÁFICOS
VECTORIALES
 DESTIANDO A LA CREACIÓN
ARTÍSTICA
 CONTIENE DIVERSAS OPCIONES
PRINCIPALES FUNCIONES:
CONTROLES SOFISTICADOS DE DIBUJO
VECTORIAL

DIBUJOS CON NITIDEZ DE

PERSPECTIVA GRÁFICOS
TIPOGRAFÍA
AVANZADA
ADOBE INDESIGN:

o APLICACIÓN Nº 1 A NIVEL
MUNDIAL
o SE PUEDEN CREAR DESDE FLAYERS
HASTA REVISTAS, ETC
PRINCIPALES FUNCIONES:

CREAR UNA PÁG. CREAR BOTONES

MAESTRA INTERACTIVOS

CEÑIR, SALTAR,
ADAPTARSE A UN
OBJETO
COREL DRAW:

* USA FÓRMULAS MATEMÁSTICAS

EN
C SU CONTENIDO

* OFRECE CARACTERÍSTICAS

POTENTES DE DIBUJO, MANEJO DE

TEXTO, ETC
PRINCIPALES FUNCIONES:
TRANSFORMACIÓN SUAVIZAR, MEJOR
LIBRE ACABADO

DIBUJO TRANSPARENCIA,
INTELIGENTE LOGRA RESALTAR
DREAMWEAVER:

 EDITOR DE PÁGINAS WEB

 FACIL Y SENCILLO

 AUMENTA LA

PRODUCTIVIDAD
PRINCIPALES FUNCIONES:

 DISEÑO DE PÁGINAS  INTEGRACIÓN CON

WEB CON UNA MICROSOFT, FLASH,
C
INTERFAZ PHOTOSHOP Y OTRAS
COMPLETAMENTE  OPTIMIZA LAS PÁGINAS
GRÁFICA PARA DIVERSOS
 COMPARAR ARCHIVOS NAVEGADORES
ADOBE PHOTOSHOP:

 EDITOR GRÁFICO
 PARA RECORTE DE FOTOGRAFÍAS
 TALLER DE FOTOS
 DOMINA EL MERCADO
PRINCIPALES FUNCIONES:

AGREGARFILTROS
AGREGAR FILTROS

C LUCESY YEFECTOS
LUCES EFECTOSESPECIALES
ESPECIALES

EFECTOSDE
EFECTOS DETEXTURA
TEXTURA

ILUSTRACIONES3D
ILUSTRACIONES 3D
C