conceptos de diseño - moveframe.com · asistente de diseño gráfico 30,0 i 0 animador 2d e...
TRANSCRIPT
![Page 1: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/1.jpg)
Proceso y Elementos de Diseño
Diseñador Javier Reina http://multimediayanimacion3d.blogspot.com/
![Page 2: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/2.jpg)
El proceso de diseño
• La Necesidad (problema)
Identificación del problema a investigar
proceso de solución de problemas o necesidades, "pre-figuración", que
requiere creatividad e innovación
![Page 3: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/3.jpg)
El proceso de diseño
• La Necesidad (problema)
Identificación del problema a investigar
proceso de solución de problemas o necesidades, "pre-figuración", que
requiere creatividad e innovación
![Page 4: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/4.jpg)
• Observar y analizar (Overview)
Proceso investigativo que hay y con que se cuenta
- Nombre del Proyecto
- Información de Cliente
- Información de Contactos
- Experiencia en producción de multimedios
- Descripción experiencia (análisis)
- Qué quiere el cliente?
- Tipo de proyecto
- Segmento del mercado
- Overview (de la empresa)
- Beneficios esperados (Empresa)
- Beneficios esperados (Usuarios)
- Acceso y uso (tipología usuarios)
- Tiempo de desarrollo
- Presupuesto
El proceso de diseño
![Page 5: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/5.jpg)
El proceso de diseñoFormato Presupuesto Proyecto Interactivo
Proyecto: Fecha:
Datos Básicos
Porcentaje de imprevistos 10%
Impuestos 16%
Ganancia 15%
Código o Nombre Recurso Presupuesto
unidadsonal Días Int/Ext? Base Multi ValorArtista
Administrador de Proyecto/Director 30,0 I 0
Productor 30,0 I 0
Asesores 30,0 E 0
Especialistas en Software 30,0 I 0
Especialistas en redes 30,0 E 0
Especialista en hardware 30,0 E 0
Programadores 30,0 E 0
Programadores Internet 30,0 I 0
Diseñadores Gráficos 30,0 I 0
Asistente de diseño gráfico 30,0 I 0
Animador 2D e integrador 30,0 I 5.000.000
Animador 3D 30,0 E 4.800.000
Autor HTML 30,0 I
Especialista en contenido 30,0 I 0
Asistente para pruebas 30,0 E 0
Indexador 30,0 E 0
Fotografo 30,0 E 0
Especialista en video 30,0 I 0
Guionista y corrector de estilo 30,0 E
30,0 E 0
TOTAL unidadSONAL
(unidadson/días)
![Page 6: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/6.jpg)
El proceso de diseño
Costos de producción Tiempo Costo/unidad ValorLicencias de información
Librerías de video 0Minutos 125 0
Librerías de música 0Minutos 100 30.000
Derechos de autor audio 0Minutos 250 0
Otros derechos de autor
Música compuesta
Librerías de imágenes (Blanco/Negro) 0unidad 100 0
Stills Library Licences (Color) 0unidad 150 0
Equipo de video 0días 800 0
Voces Normales 0horas 150 0
Voces artistas especiales
Codificación y Compresión de audio 0Minutos 15 0
Cintas de audio 0unidad 5 0
Copiado video/audio 0horas 50 0
Material fotografico 0rollos 7 0
Fotografias (Desarrollo/Impresión) 0rollos 10 40.000
Fotografias (Digitalización) 0imagenes 10 0
Software 500.000
CDROMs grabables 0unidad 2 0
CDROMs reescribibles 0unidad 2 15.000
Edición de sonido 0horas 40 0
Trabajos especiales de video 0horas 150 0
Edición de videos 0horas 30 0
Codificaciób y compresión de video 0Mins 50 0
Cintas de video 0unidad 15 0
Grabación de voces 0horas 100 0
Alquiler de equipos 0mes 125 0
Alquiles servidor 0año 3.000 0
Conexión Internet 0Mins 1 40.000
Servicios de telefonía 0mes 15 0
0horas 15 0
Transcripciones
Gastos generales
Gastosr representación
Seguros
Costos legales
Publicidad
Libros
Papeleria
Traducciones
Transportes
Viaticos y Viajes
Material Impreso
Misceláneos
![Page 7: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/7.jpg)
El Guión
• Es una estructura altamente útil para desarrollar una aplicación de forma óptica ya que permite estimar recursos técnicos y humanos.
• Es un documento o documentos que orquestan, organizan y dirigen la estructura y los contenidos de una aplicación interactiva multimedia con la finalidad de llevar a buen fin el desarrollo de esta aplicación.
• Al igual que en el guión "clásico", el guión para una aplicación multimedia interactiva es un documento clave para su producción.
El proceso de diseño
http://beta.toonboom.com/
![Page 8: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/8.jpg)
El Guión
• Es un elemento clave en el proceso de producción:
1. Es jerárquicamente el elemento inicial de la producción.
2. Es la herramienta directriz para la dirección técnica.
3. Es una guía para los desarrolladores.
4. Es una fuente para la previsión del presupuesto.
El proceso de diseño
![Page 9: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/9.jpg)
1. Idea
2. Sinopsis
3. Presentación
4. Storyboard:
El proceso de diseño
El Guión
![Page 10: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/10.jpg)
La idea es el motivo principal para la realización de la aplicación. Es
recomendable que se pueda escribir, describir y concretar en un
máximo de dos líneas. Debe ser sencilla y de rápida comprensión.
– Ejemplos:
-En Age of Empires, el usuario es el guía de una tribu en la edad de
piedra y su misión es dominar el mundo creando y conquistando
imperios.
-Crear una pagina que permita aprender a escribir cartas originales,
diseñar felicitaciones y continuar cuentos de forma muy imaginativa.
El proceso de diseño
El Guión
![Page 11: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/11.jpg)
• La sinopsis es el desarrollo más amplio de la idea inicial, una
especie de resumen que debe dejar claro el resumen general de la
aplicación, la idea general.
En la sinopsis se deben establecer los puntos más destacables de la
aplicación. Se debe destacar lo esencial, y ofrecer una idea clara
del contenido de la aplicación o programa.
El proceso de diseño
El Guión
![Page 12: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/12.jpg)
• La sinopsis
• Hombre – Insecto: En esta área se desarrollaron temas relacionados entre el hombre
y el insecto, tales como aportes a al humanidad en la medicina, tecnología y en la
guerra. También trabajamos insectos comestibles incluyendo sus aportes vitamínicos
y algunas recetas. Adicionalmente mostramos las fobias que existen hacia algunos
insectos.
• Habitad: En esta área mostramos la relación que existe entre insectos, plantas y su
medio ambiente. También se desarrollo el tema de morfología y comunicación de
insectos
• La Idea es: En esta área se realizó una breve descripción del proyecto en general
El proceso de diseño
El Guión
![Page 13: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/13.jpg)
• La presentación
Debido a que las aplicaciones multimedia no suelen tener un flujo lineal, se redacta la presentación, unas páginas explicativas entre la sinopsis y el storyboard.
Se describen con mayor detalle las características del protagonista de la aplicación y el modo de interacción usuario-aplicación.
La misión de estas páginas es presentar al lector la idea de la aplicación, con más detalle del que se proporcionó en la sinopsis, a fin de que se entienda mejor el guión.
Las finalidades de la presentación son didácticas (explican con detalle el contenido) y persuasivas (contribuye a vender la aplicación)
El proceso de diseño
El Guión
![Page 14: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/14.jpg)
• El storyboard
En un entorno clásico cinematográfico, el storyboard es una herramienta visual que constituye el boceto de un guión. Constituye una visualización del guión técnico en forma de cómic y cada viñeta corresponde a un plano. En el mundo multimedia la acción no es lineal. El storyboard es un diagrama de escenas con indicaciones de las posibles rutas que se pueden seguir en la navegación por la aplicación.
• Funciones del storyboard:
1. Plasmar de forma gráfica la estructura de los contenidos y
sus interacciones
2. Servir de guía, punto de referencia para todo el equipo,
incluido el cliente.
El proceso de diseñoEl Guión
![Page 15: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/15.jpg)
• Funciones del storyboard:
• Ayuda a catalizar la idea de cómo será la aplicación, ayuda a visualizarla.
• Fuerza al autor a pensar de forma visual y a desarrollar un documento claro, en
el que se especifiquen los detalles con imágenes y texto
• Permite transcribir acciones, estructuras, interacciones complicadas de explicar
verbalmente y que podrían interpretarse de manera equívoca.
• Constituye un documento que todos pueden utilizar como punto de referencia.
Permite acordar diferentes puntos. Permite comprender y retener mejor la
información visual
• El storyboard es un documento flexible, que permite al autor y a su equipo mover
imágenes, secuencias
• Permite ver los enlaces entre las diferentes partes y discutir las interacciones. El
storyboard debe plasmar todos los enlaces
El proceso de diseño
![Page 16: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/16.jpg)
• Funciones del storyboard:
• El storyboard puede servir para enseñar al cliente y que éste apruebe la línea,
antes de seguir con el desarrollo del proceso.
• La corrección de los problemas en el storyboard es menos costosa que en
estadios más avanzados.
• Un storyboard detallado puede significar un ahorro de tiempo en el proceso de
escritura.
• Ayuda a ver la estructura general del contenido de la aplicación y ver su
magnitud.
• En el caso que el producto multimedia incorpore algún elemento audiovisual,
éste debe guionarse independientemente.
El proceso de diseño
![Page 17: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/17.jpg)
• El Boceto• Un boceto o esbozo es un dibujo hecho de forma esquemática y sin
preocuparse de los detalles o terminaciones para representar una
idea, un lugar, una persona, un aparato o cualquier cosa en general
El proceso de diseño
![Page 18: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/18.jpg)
• El Boceto
El proceso de diseño
![Page 19: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/19.jpg)
• Story board
El proceso de diseñoDescripción: El menú se caracteriza por ser vivo,
es decir, van a pasar cosas, los insectos estarán
en movimiento y algunos tendrán información. El
escorpión se moverá por toda la escena. Habrá
sonido ambiente y de apoyo en los botones. Una
voz dará la introducción al menú principal.
Audio Pantalla Menú Principal
Entra música (4 seg.)y sonido de
ambiente ( loop)
Audio Voz Intro:
Bienvenido a este gran mundo en
miniatura “el mundo de los insectos”!
1 Link Datos asombrosos
Over: sonido de piedras
Audio Voz: Datos Asombrosos
2 Link que es un insecto
Over: sonido de ramas y burbujas
Audio Voz: y que es un insecto...?
3 Link Señales visuales
Over: sonido de ramas y el mismo para el
movimiento Mariquita
Audio Voz: señales visuales
4 Link Señales químicas
Over: mismo hormiguita
Audio Voz: señales químicas
![Page 20: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/20.jpg)
• Story board
El proceso de diseño
![Page 21: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/21.jpg)
• Audio Voz Intro:
• Un sistema de comunicación muy utilizado entre los insectos son
la señales químicas. En este caso veremos algunos ejemplos de
cómo se comunican entre ellos y con las plantas. Da un click en
cada opción y observa que pasa en cada una de ellas.
• Comunicación insecto planta
• Audio: insecto Planta
• Audio Voz
• Secuencia 1 La planta al ser atacada por la oruga emana
feromonas
• Secuencia 2: estas son captadas por una avispa cercana ,
• Secuencia 3: la avispa acude al auxilio del vegetal , ubica al
agresor y deposita en el interior de la oruga un huevo .
• Secuencia 4: la oruga queda inmóvil y con el tiempo muere
dando vida a una nueva avispa.
• De esta forma la planta pidió ayuda al insecto.
• Comunicación Insecto-Insecto
• Audio: insecto - insecto
• Audio Voz
• Secuencia 1: Una abeja encuentra un campo con flores,
• Secuencia 2: al detectar su ubicación se devuelve al panal
• Secuencia 3: Y le comunica a las demás su ubicación mediante
señales químicas y movimientos.
El proceso de diseño
Descripción: Es una pantalla en entorno natural.
En la corteza el árbol aparecerán tres opciones
donde el usuario podrá ver tres tipos de
comunicación entre insectos. (Insecto- Insecto,
Planta – Insecto, Insecto - Planta). Las acciones se
desarrollaran en la parte derecha de la pantalla
Audio Pantalla Señales Químicas
Entra música (4 seg.) y sonido de ambiente
(loop)
![Page 22: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/22.jpg)
El proceso de diseño
![Page 23: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/23.jpg)
El proceso de diseño
![Page 24: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/24.jpg)
Elementos del Diseño
![Page 25: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/25.jpg)
• EL PUNTO:
Es el primer choque del grafo con el plano material. La
forma más usual de representarlo es un círculo simple,
compacto, carente de ángulos y de dirección. Es la
unidad gráfica más pequeña, el átomo, por así decir, de
toda expresión gráfica.
![Page 26: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/26.jpg)
![Page 27: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/27.jpg)
ContinuidadEstímulos similares crean una relación continua.Se relacionan y se organizan direccionalmente
![Page 28: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/28.jpg)
Cierre o Constancia:
Cuando una figura esta abierta, tendemos a cerrarla para
terminar la figura que estamos observando.
![Page 29: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/29.jpg)
Cierre o Constancia:
Cuando una figura esta abierta, tendemos a cerrarla para
terminar la figura que estamos observando.
![Page 30: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/30.jpg)
Cierre o Constancia:
Cuando una figura esta abierta, tendemos a cerrarla para
terminar la figura que estamos observando.
![Page 31: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/31.jpg)
Se da cuando una imagen da la sensación de que esta en movimiento,
pero no lo es.
Movimiento aparente
![Page 32: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/32.jpg)
Se da cuando una imagen da la sensación de que esta en movimiento,
pero no lo es.
Movimiento aparente
![Page 33: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/33.jpg)
Semejanza
Objetos y elementos similares tienden a agruparse por su forma, medida, color o peso.
![Page 34: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/34.jpg)
Semejanza
Objetos y elementos similares tienden a agruparse por su forma, medida, color o peso.
![Page 35: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/35.jpg)
Proximidad
Estímulos tienden a agruparse en bloques por su cercaníaEstimula lo similar vrs lo irregular
![Page 36: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/36.jpg)
Proximidad
Estímulos tienden a agruparse en bloques por su cercaníaEstimula lo similar vrs lo irregular
![Page 37: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/37.jpg)
Contraste
Los estímulos diferentes a su alrededor tienden a sobresalir por su irregularidad
![Page 38: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/38.jpg)
Contraste Forma
Los estímulos diferentes a su alrededor tienden a sobresalir por su irregularidadLuz, color, peso, forma
![Page 39: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/39.jpg)
Contraste Color
Los estímulos diferentes a su alrededor tienden a sobresalir por su irregularidadLuz, color, peso, forma
![Page 40: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/40.jpg)
Contraste de Tamaño
Los estímulos diferentes a su alrededor tienden a sobresalir por su irregularidadLuz, color, peso, forma
![Page 41: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/41.jpg)
Figura Fondo
![Page 42: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/42.jpg)
LA LINEA
Se forma a partir de la unión de varios puntos siguiendo una trayectoria.
![Page 43: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/43.jpg)
LA LINEA
Una misma línea tiene mayor peso si se la ubica en la parte inferior de
nuestra área de diseño que si se sitúa en la parte superior, donde
transmite una mayor sensación de ligereza.
![Page 44: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/44.jpg)
LA LINEA
Podemos conferir dinamismo a nuestra línea variando su posición
espacial, sólo limitado a que en posición vertical se pueden producir
dificultades en la lectura del texto.
![Page 45: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/45.jpg)
LA LINEA
• Peso visual de la Línea
![Page 46: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/46.jpg)
LA LINEA
• Peso visual de la Línea
![Page 47: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/47.jpg)
LA LINEA
![Page 48: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/48.jpg)
LA LINEA
![Page 49: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/49.jpg)
El Ritmo
• Permite tener una secuencia ordenada, repitiendo los elementos, los cuales irán
separados por espacios conocidos como intervalos. Movimiento, proporción y orden
son conceptos básicos del ritmo, pues el ritmo genera Movimiento visual
![Page 50: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/50.jpg)
El Ritmo
• Permite tener una secuencia ordenada, repitiendo los elementos, los cuales irán
separados por espacios conocidos como intervalos. Movimiento, proporción y orden
son conceptos básicos del ritmo, pues el ritmo genera Movimiento visual
![Page 51: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/51.jpg)
El Ritmo
• Permite tener una secuencia ordenada, repitiendo los elementos, los cuales irán
separados por espacios conocidos como intervalos. Movimiento, proporción y orden
son conceptos básicos del ritmo, pues el ritmo genera Movimiento visual
![Page 52: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/52.jpg)
El Ritmo
• Por Color • Por Tamaño
• Por Progresión
• Por Dirección
![Page 53: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/53.jpg)
Traslación
• Se da cuando se mueve una imagen sin cambiar la dirección.
![Page 54: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/54.jpg)
Dilatación
Mediante la dilatación se ve alterado el tamaño de las figuras.
![Page 55: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/55.jpg)
El Color
El color no es una característica de una imagen u objeto, sino que es
más bien una apreciación subjetiva nuestra. Se puede definir como, una
sensación que se produce en respuesta a la estimulación del ojo y de
sus mecanismos nerviosos, por la energía luminosa de ciertas longitudes
de onda.
![Page 56: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/56.jpg)
El Color
Saturación
Cuanto mas saturado un color mas puro es, y menos cantidad de gris
contiene.
![Page 57: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/57.jpg)
El Color
El Tono (Matiz)
Es el matiz del color, es decir el color en sí mismo, supone su cualidad
cromática, es simplemente- un sinónimo de color.
![Page 58: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/58.jpg)
El Color
Valor
Consiste en el mayor grado de claridad o de oscuridad de un color
![Page 59: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/59.jpg)
El Color
Colores primarios o
fundamentales
Colores
secundarios
Colores terciarios
o intermedios
![Page 60: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/60.jpg)
El Color
RGB (Red, Green, Blue), los colores
básicos
CMYK (Cyan, Magenta, Yellow, Key)
![Page 61: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/61.jpg)
Contraste
El contraste es un fenómeno con el que se pueden diferenciar colores
atendiendo a la luminosidad, al color de fondo sobre el que se
proyectan.
Modulación de un tono puro, saturándolo con
blanco, negro o gris
![Page 62: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/62.jpg)
Contraste
Contraste de temperatura
Es el contraste producido al confrontar un color cálido con otro frío.
![Page 63: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/63.jpg)
Contraste
Contraste de complementarios
Dos colores complementarios son los que ofrecen juntos mejores
posibilidades de contraste, aunque resultan muy violentos
visualmente combinar dos colores complementarios intensos.
![Page 64: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/64.jpg)
Contraste
Dos colores claros brillantes puestos uno al lado de otro impactan en
nuestra vista, produciendo un efecto de rechazo, mientras que si
esos dos mismos colores los situamos uno dentro del otro el efecto
cambia por completo, resultando agradable.
![Page 65: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/65.jpg)
Contraste
Un color aparecerá como más claro o más oscuro, según el color
que se encuentre cercano a él, al color con el que esté interactuando
![Page 66: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/66.jpg)
Contraste
![Page 67: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/67.jpg)
Psicología del Color
El color blanco se
asocia a limpieza
y pureza, la
limpieza es
exterior y la
pureza interior.
![Page 68: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/68.jpg)
Psicología del Color
El color blanco se
asocia a limpieza
y pureza, la
limpieza es
exterior y la
pureza interior.
![Page 69: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/69.jpg)
Psicología del Color
El blanco también es frío
![Page 70: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/70.jpg)
Psicología del Color
AmarilloEs el color de la luz
solar, del mediodía, del
oro
Es el color de la
diversión, la amabilidad
y lo positivo, además de
simbolizar acción, poder,
arrogancia, voluntad y
estímulo
El florecer es amarillo, es el color más frecuente entre las flores
![Page 71: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/71.jpg)
Psicología del Color
AmarilloEs el color de la luz
solar, del mediodía, del
oro
Es el color de la
diversión, la amabilidad
y lo positivo, además de
simbolizar acción, poder,
arrogancia, voluntad y
estímulo
![Page 72: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/72.jpg)
Psicología del Color
NaranjaEl naranja significa
entusiasmo y exaltación,
y cuando es muy encendido
o más bien rojizo, denota
ardor y pasión. Kandinsky
afirma que el anaranjado
suscita sentimientos de
fuerza, energía, ambición,
determinación, alegría y
triunfo
![Page 73: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/73.jpg)
Psicología del Color
NaranjaEl naranja significa
entusiasmo y exaltación,
y cuando es muy encendido
o más bien rojizo, denota
ardor y pasión. Kandinsky
afirma que el anaranjado
suscita sentimientos de
fuerza, energía, ambición,
determinación, alegría y
triunfo,
también favorece la
conversación y el sentido
del humor.
Es además un color lleno de sabor, es el color de lo
gustoso y lo aromático
![Page 74: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/74.jpg)
Psicología del Color
El caféLlamado comúnmente
marrón o castaño, es el
color de la tierra.
Corresponde también al
color de una multitud de
materiales naturales, como
la madera, el cuero y la
lana. La mayoría de los
conceptos “típicamente
marrones” tiene un
significado negativo
![Page 75: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/75.jpg)
Psicología del Color
El caféLlamado comúnmente
marrón o castaño, es el
color de la tierra.
Corresponde también al
color de una multitud de
materiales naturales, como
la madera, el cuero y la
lana. La mayoría de los
conceptos “típicamente
marrones” tiene un
significado negativo
![Page 76: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/76.jpg)
Psicología del Color
El verde
Es más que un color,
es la esencia de la
naturaleza; es una
ideología, un estilo de
vida: es conciencia
medioambiental, amor a
la naturaleza y, al mismo
tiempo, rechazo de una
sociedad dominada por
la tecnología
![Page 77: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/77.jpg)
Psicología del Color
El verde
Es más que un color,
es la esencia de la
naturaleza; es una
ideología, un estilo de
vida: es conciencia
medioambiental, amor a
la naturaleza y, al mismo
tiempo, rechazo de una
sociedad dominada por
la tecnología
![Page 78: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/78.jpg)
Psicología del Color
El verde también es el
color de la libertad, la
confianza y la
seguridad
![Page 79: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/79.jpg)
Psicología del Color
El oro Significa dinero, felicidad y
lujo, sentimiento de alegría
y viveza pero también un
aura sombrío y tradicional.
Es el color que más se
asocia a la belleza, pero
también es demasiado
materialista y arrogante
![Page 80: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/80.jpg)
Psicología del Color
El oro Significa dinero, felicidad y
lujo, sentimiento de alegría
y viveza pero también un
aura sombrío y tradicional.
Es el color que más se
asocia a la belleza, pero
también es demasiado
materialista y arrogante
![Page 81: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/81.jpg)
Psicología del Color
El gris es el color sin
fuerzaEl gris es la mediocridad, lo
aburrido, la resignación, la
pasividad y la humildad
![Page 82: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/82.jpg)
Psicología del Color
El negro es la ausencia
de todos los colores
![Page 83: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/83.jpg)
Psicología del Color
El negro también es el
color de lo misterioso, la
magia y la introversión
![Page 84: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/84.jpg)
Psicología del Color
El negro hace referencia a
lo prohibido, el “mercado
negro” y lo ilegal
![Page 85: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/85.jpg)
Psicología del Color
El rosa es el color del
encanto, la cortesía, la
sensibilidad y lo sentimental.
![Page 86: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/86.jpg)
Psicología del Color
El rosa también representa
la infancia, lo manso y lo
pequeñorosa es además, el color de lo
femenino
![Page 87: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/87.jpg)
Psicología del Color
El RojoEs el color del amor y del
odio, el rojo es el color de
todas las pasiones,
![Page 88: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/88.jpg)
Psicología del Color
El RojoEs también el color de la
fuerza, el vigor, el valor y lo
atractivo.
![Page 89: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/89.jpg)
Psicología del Color
El violeta
o púrpura es el color de
los sentimientoses también el color de la
penitencia y la sobriedad, y
uno de los colores de la
devoción y la fe
![Page 90: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/90.jpg)
Psicología del Color
El violeta
o púrpura es el color de
los sentimientos
ambivalenteses también el color de la
penitencia y la sobriedad, y
uno de los colores de la
devoción y la fe
![Page 91: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/91.jpg)
Psicología del Color
El azul
Simboliza, la profundidad
inmaterial y del frío. La
sensación de placidez que
provoca el azul es distinta
al de la calma o del reposo
terrestres propios del
verde
![Page 92: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/92.jpg)
Psicología del Color
El azul:
Simboliza, la profundidad
inmaterial y del frío. La
sensación de placidez que
provoca el azul es distinta
al de la calma o del reposo
terrestres propios del
verdeEl color azul es refrescante y
relajante para nuestro
sistema, aquieta nuestras
energías y tiene efectos
antisépticos
![Page 93: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/93.jpg)
Semiótica
Los signos gráficos, tienen significaciones
de acuerdo a los diversos contextos
donde se apliquen
![Page 94: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/94.jpg)
• Tenemos el caso del objeto (prágmata) denominado HOMBRE. Persona del género
masculino.
![Page 95: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/95.jpg)
• Los signos (semeión) gráficos para representar a ese objeto, son diversos :
• Representación gráfica de una figura humana masculina utilizada para indicar la
presencia de un baño de hombres.
![Page 96: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/96.jpg)
• Dibujo de un hombre, elaborado por un niño mostrando sus referentes y cualidades
gráficas.
![Page 97: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/97.jpg)
• Representación conceptual de las proporciones masculinas. "El Hombre de Vitruvio"
![Page 98: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/98.jpg)
• Pictograma chino que representa "Hombre"
![Page 99: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/99.jpg)
• Logotipo para los juegos olímpicos en Barcelona ´92 representando en abstracción
los elementos esenciales de la figura humana.
• En los ejemplos anteriores, podemos observar cómo los signos gráficos
asumen el significado cultural que les corresponde y que es aprendido en la
(micro o macro) sociedad en la que surgió.
![Page 100: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/100.jpg)
La cinta roja representa la lucha contra el SIDA, la
cinta negra representa la lucha contra la violencia, y
la cinta blanca representa la lucha contra la
violencia contra la mujer.
![Page 101: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/101.jpg)
![Page 102: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/102.jpg)
![Page 103: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/103.jpg)
Una fragancia que se diseña para reflejar
fuertemente la masculinidad
![Page 104: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/104.jpg)
Connotar que el producto ofrecido realmente
seca a una velocidad sin precedente
![Page 105: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/105.jpg)
Publicidad de ATyT
![Page 106: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/106.jpg)
Publicidad de ATyT
![Page 107: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/107.jpg)
Publicidad de ATyT
![Page 108: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/108.jpg)
Publicidad de ATyT
![Page 109: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/109.jpg)
Publicidad de ATyT
![Page 110: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/110.jpg)
Publicidad de ATyT
![Page 111: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/111.jpg)
Publicidad de ATyT
![Page 112: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/112.jpg)
Publicidad de ATyT
![Page 113: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/113.jpg)
Publicidad de ATyT
comunicar que la red de AT&T
tiene la mejor cobertura a lo
largo y ancho del mundo, 200
naciones alrededor del orbe.
![Page 114: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/114.jpg)
http://www.aquafresh.co.uk
![Page 115: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/115.jpg)
¿Se imagina a Cristo
usando Speed Stick?
![Page 116: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/116.jpg)
¿Cómo vender papel de
colgadura de una manera
llamativa?
![Page 117: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/117.jpg)
![Page 118: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/118.jpg)
![Page 119: Conceptos de Diseño - moveframe.com · Asistente de diseño gráfico 30,0 I 0 Animador 2D e integrador 30,0 I 5.000.000 Animador 3D 30,0 E 4.800.000 Autor HTML 30,0 I Especialista](https://reader033.vdocumento.com/reader033/viewer/2022043018/5f3a9c12ee937b627e2c26e1/html5/thumbnails/119.jpg)