danielamlopez-blog1
danielamlopez-blog1
Daniela Morales López | Multimedia
10 posts
Álbum de aprendizaje
Don't wanna be here? Send us removal request.
danielamlopez-blog1 · 7 years ago
Text
Retórica visual: Metonimia
Definición: -Cambio de significado  designando una cosa o idea con el  nombre de otra, tambien se le conoce como transnominación. - Existe una relación de contigüidad espacial, temporal o lógica por la que se designa el efecto con el nombre de la causa o viceversa.
Tumblr media
Reflexión: Acá el concepto de transnominación es aplicado a un afiche de aspirina, donde la píldora adapta el concepto y forma del casco, la razón lógica para esto es porque el casco protege la cabeza de golpes, lesiones y dolor y la aspirina es un tratamiento que trata o previene la migraña o dolores de cabeza.
Otros ejemplos gráficos de metonimia:
Tumblr media Tumblr media Tumblr media
todas las imagenes utilizadas en esta entrada son de uso ilustrativo y fueron extraídas de pinterest. link: https://www.pinterest.es/pin/854909941737432710/
0 notes
danielamlopez-blog1 · 7 years ago
Text
Lenguaje visual
6Definición de lenguaje según la RAE: -Facultad del ser humano de expresarse y comunicarse con los  demás a través del sonido articulado o de otros sistemas de signos. -Conjunto de señales que dan a entender algo.
Definicón de lenguaje visual: Sistema de comunicación para transmitir mensajes que utilizan  las imágenes y está constituido por diversos elementos, como la  línea, la forma, el color, la textura, entre otros. Está constituido por elementos básicos para lograr una composición visual con la capacidad de comunicar un mensaje. (punto, línea, plano, volumen, forma, color, textura)
Tumblr media
http://el124.com/lo-mejor-de-la-creatividad-publicitaria-vol-1/
Reflexión: Basandome en todo lo que he aprendido en estos dos cuatrimestres de atelier puedo decir con seguridad algunas razones del porqúe la imagen de arriba encaja con lenguaje visual, para empezar, en esta imagen no se puede distinguir ningún volumen debido a la toma, por lo tanto lo que el ojo percibe es un contorno de una figura conformado por la línea, dicha figura está formando una media luna, esto expresa que el producto está diseñado para su uso nocturno, dado que en la crema ya se indica que es para aplicar en la noche puede parecer que está sucediendo una redundancia, pero la idea de colocar la luna es para que la imagen se impregne en la memoria de posible usuario y así de inmediato, el cerebro cree una asociación; lo mismo sucede con la paleta de color usada, además de representar la identidad de la marca y la oscuridad del crepúsculo, la psicología de este color sugiere serenidad y calma, ¿cómo asocio estos efectos al producto? fácil, algunos beneficios que el producto promete es el poder de regeneración de la piel mientras dormimos la capacidad de sanación es mayor ya que nos encontramos en un estado de CALMA y SERENIDAD.
0 notes
danielamlopez-blog1 · 7 years ago
Text
Guión
Definición: -Documento guía, definida por lineamientos, para desarrollar un producto. -Se puede usar en una producción  literaria, audiovisual, musical o  artística.
Tumblr media
imagen extraída de SlideShare. link: https://es.slideshare.net/catherinerestrepo1/ejemplo-de-guion-teatral
El guión en mi área de estudio Storyboard / guión visual: Es una descripción gráfica del guion literario,  realizada con dibujos consecutivos,  usado como guía para previsualizar la  secuencia del producto antes de ser  realizado. Un storyboard puede contener: -Recuadros para dibujar la escena -Número de escena y toma -Descripción de lo que ocurre en la escena -Audio (Música, efectos de sonido, locuciones o silencios)
Tumblr media Tumblr media Tumblr media
imagenes extraída de Pinterest, contenido gráfico creado por LittleDigits para la serie de Netlfix ‘’Hilda’‘. link: https://www.pinterest.es/pin/315392780151373534/
Reflexión: Ya anteriormente había hablado de la importancia del storyboard en diseño publicitario, entonces voy a explicar un poco la historia de los storyboards de ‘’Hilda’’. Hilda de hecho es una de mis series favoritas animadas ya que representa la vida de una niña y de su madre, a lo largo de la temporada demuestran un mundo lleno de criaturas de fantasía, la cercana de relación madre/hija, la importancia de la amistad y muchos otros temas bastante importantes. Opino que esta serie cumple con las caracteristicas de narrativa de platón ya que para empezar tiene mucho sentimentalismo y es expresado por medio de los visuales y la trama, además de que los personajes y los escenarios se acoplan perfectamente, fundiendose en un solo elemento.
0 notes
danielamlopez-blog1 · 7 years ago
Text
Narrativa o Storytelling
Definición: -Es el proceso de contar una historia. -Desde el momento en el que nacemos nuestro cerebro aprende a reconocer patrones en las historias, así como aprendemos a reconocer patrones en formas y colores. -Historias como un contexto común para entender el mundo.
La narrativa y el cerebro -Una historia promueve la producción de dopamina que está relacionada con el placer. -Se produce oxitocina, relacionada con la formación de relaciones de confianza​ y generosidad entre personas. -También ayuda a la producción de serotonina, ‘’la hormona de la felicidad’’.
Narrativa según Aristoteles -La historia realemente conecta con la audiencia cuando la trama, los personajeso la estructura se funden en un único ítem. -Debe de haber sentimentalismo para que sea convincente.
Tumblr media
imagen extraída de dominicumile.com. link: http://www.dominicumile.com/jon-mcnaught-comics-illustrations/
Tumblr media
imagen extraída de Marketing week. link: https://www.marketingweek.com/2014/07/09/the-top-storytelling-brands/
Reflexión: Considero que la narrativa  es un aspecto muy importante ya que llama mucho la atención debido a la manera en la que se representa la historia para que solo con imágenes (y si hay texto es muy escaso) el público pueda comprender lo que sucede, además para que se impregne en la memoria de todos aquellos que lo observen. En diseño publicitario el storytelling es un método muy conveniente para hacer algunas campañas de advertisement, ya que muchas de las veces para lograr vender un producto es muy eficaz la implementación de los sentimientos y más importante, que las masas logren tambien experimentar esas emociones y por medio de la empatía se identifiquen a ellos con el producto y así termien comprandolo.
0 notes
danielamlopez-blog1 · 7 years ago
Text
Signo
Definición: -Cualquier cosa que pueda ser usada en lugar de cualquier otra. -Si se toma como una unidad de significado, puede llegar a analizarse.
Tumblr media
imagen extraída de Grietas del Kaos. link: http://grietasdelkaos.blogspot.com/2013/04/grietasdelkaaos.html
Componentes: -Significado: lo que se quiere decir (idea contenido). -Significante: imagen o sonido, lo que vemos o escuchamos.
Clasificación: -Iconos: representan objeto por similitud física.
Tumblr media
imagen extraída de 123RF. link: https://es.123rf.com/photo_62467616_guardar-icono-bot%C3%B3n-de-internet-sobre-fondo-blanco-.html
-Índice: muestra una referencia a la presencia del objeto, algo causado por su existencia.
Tumblr media
imagenes extráidas de WBFO 88.7. link: http://news.wbfo.org/post/state-spending-less-smoking-cessation-programs
-Símbolos: no tienen ningún parecido con el objeto pero se asume culturalmente que lo representa.
Tumblr media
imagen extraida de 123RF, link: https://es.123rf.com/photo_79728728_sem%C3%A1foro-signo-vector-dise%C3%B1o-plano.html
Reflexión: La importancia del signo en diseño es bastante grande ya que con estos podemos representar muchas cosas diferentes por un medio simple y sintetizado que añaden riqueza a nuestro vocabulario. A lo largo de nuestras vidas fuimos creciendo observando la señalización de las calles, de los baños, de espacios especiales, sin prestarles realmente atención. Es esencial que la creación de estos iconos sea limpia, libre de cualquier error o ruido en su legibilidad ya que estos deben poder ser entendidos de manera universal, tanto niños, adultos, extranjeros, entre otros individuos, deben de poder captar el significado tras estos, aquí es donde la sintetización de logos o simbolos entra como protagonista ya que las formas simples mejoran el nivel de lectura de estos,también la utilización correcta de colores acordes a lo que se quiera representar para que el cerebro tenga manera de asociar estos con la situación presentada. Por último me gustaria mencionar también la adaptación de alguno de estos a las personas con diferencias cognitivas, ya que el cuatrimestre pasado con el profesor Mariano realizamos un trabajo de investigación en La California, San José en la que teníamos que hayar errores cognitivos en las señalizaciones que puedan poner en riesgo a esta población recientemente mencionada, como diseñadores debemos de ser conscientes e inclusivos para que el bienestar de TODOS esté a un mismo nivel y no solo considerar a aquellas personas que tienen una capacidad de entendimiento más rápida, para facilitarnos trabajo.
Tumblr media
algunos ejemplos de señalización inclusiva y fácil de entender, e l único comentario negativo que tendría que agregar es que la selección de la paleta de colores fue pésima ya que cada área de deporte debería poseer un color característico para su más fácil distinción. imagen extraída de Gráffica. link: https://graffica.info/pictogramas-rio-2016/
0 notes
danielamlopez-blog1 · 7 years ago
Text
Ruido
Definición: es toda perturbación que afecte la transmisión del mensaje, sea de carácter auditivo, físico o de cualquier otro tipo.
Tumblr media
Imagen extraída de la academia coe. link: http://coe.academia.iteso.mx/tag/ruido/
Tipos de ruido: -Externos: Señales, sonidos y otros estímulos que apartan la atención de la gente del mensaje propuesto.  Ej:
Tumblr media
Imagen extraída de womundo. link: http://womundo.co/post/19-imagenes-que-te-romperan-la-cabeza/959
-Internos: Pensamientos, sentimientos que interfieren con el significado. Ej:
Tumblr media
Imagen extraída de El Hispano newspaper. link: http://elhispanonewspaper.com/enojo/
-Semánticos: Significados alternos provocados por los símbolos del emisor. Ej:
Tumblr media
Imagen extraída de BMBreak, link: http://bmbreak.blogspot.com/2016/09/iconografia.html
Reflexión: Es muy importante haber aprendido sobre le ruido en la clase ya que es un concepto del cual no se nos ha hecho más allá de una pequeña mención. Según lo que se vio en la exposición magistral hecha por el profesor pude asociar que el ruido comunicativo que más afecta a mi carrera (todos lo hacen pero este en especial a mi criterio) es el externo, ya que se muestran los ejemplos de una imágen o foto dificil de leer, tipografía mal hecha o un ambiente desastroso; en este caso la imagen poco entendible puede ser creada por cualquier diseñador de comunicación visual si no se es cuidadoso, se puede crear un punto de tensión o anomalía indeseada en una sola sección imposibilitando la legibilidad de esta y su ritmo, lo que puede llevar a arruinar toda una campaña publicitaria. En un lettering mal hecho se puede malinterpretar una palabra y en el caso del video, si no se planifica bien el lugar dónde se quiera proyectar o transmitir esto, el contenido no va a causar atracción a causa del desorden del ambiente. Es por esta razon que a la hora de querer enviar información hay que tener mucho sigilo y cuidado hasta con los mínimos detalles.
Tumblr media
Imagen extraída de Grietas del Kaos. link: http://grietasdelkaos.blogspot.com/2013/04/grietasdelkaaos.html
0 notes
danielamlopez-blog1 · 7 years ago
Text
Comunicación
-Para empezar se va a definir el concepto de comunicar. Comunicar significa hacer a otro participe de lo que uno tiene y viene del latín ´´communicare´´ .
Comunicación: -Acción de comunicarse por el proceso en el que se transmite y se recibe una información. - Es esencial para las relaciones grupales/sociales de los seres vivos por medio del cual éstos obtienen información acerca de su entorno y son capaces de compartirla, incluyendo a otros a ser parte de esa información. -Todo ser humano tiene la capacidad de comunicarse con los demás.
La comunicación: -tiene un componente tanto matemático tanto como social. -es un hecho sociocultural.
Tumblr media
imagen utilizada con fines ilustrativos extraída de pinterest, subida por Alfredo Vela. link: https://www.pinterest.es/pin/136093219968377426/
Tumblr media
Imagen utilizada con fines ilustrativos, extraído de pinterest, subida por Sergio Albors. link: https://www.pinterest.es/pin/434878907739665951/ Reflexión: en el área de diseño la comunicación es un elemento escencial ya que siempre como creadores buscamos expresar nuestras ideas al mundo. En mi caso, la rama por la que opté fue por la comunicación visual entonces el concepto de ‘’comunicar’’ en general me es muy importante ya que el objetivo de mi carrera es el de transmitir uno o varios mensajes a un público meta con la mera diferencia de que dicha información debe ser percibida meramente por la vista, por medio de gráficos, ilustraciones, viñetas etc. Para poder expresar de manera correcta la información se requiere del conocimiento de los fundamentos de diseño de Wong, en los que se habla principalmente de que una imagen debe ser sencilla pero al mismo tiempo lo suficientemente fuerte para crear un impacto con la mínima cantidad de palabras, esto se logra seleccionando las caracteristicas más destacantes ( como se muestra en el ejemplo de arriba con el hombre araña) y sintetizarlas, aplicar una paleta de color acorde a lo que se quiera reflejar (sean sentimientos, colores característicos...) y darle un ritmo a toda la composición para crear puntos de tensión o puntos focales para atraer la atención de las perdonas y reciban el mensaje; así es como básicamente nos comunicamos los diseñadores publicitarios.
Elementos que intervienen la comunicación -Mensaje -Emisor y receptor -Código - Canal - Contexto -Filtros - Feedback
Tumblr media
Reflexión: Análisis de la imagen -Mensaje: El diálogo mata a la guerra. -Emisor: El comunicador visual -Receptor: en este caso sería la humanidad en general. -Código: las imagenes de armas en conjunto a soluciones pacificas para dar a entender el mensaje de que todo lado violento tiene un opción no sanguinaria. -Canal: gráfico / visual
0 notes
danielamlopez-blog1 · 7 years ago
Text
Hipertexto
-Concepto asociado a la posibilidad de “atar” dos textos para vincularlos entre sí. -Conecta dos “nodos” o piezas de información por medio de enlaces. -Permite lecturas no secuenciales o no lineales de la información. -Los usuarios no están obligados a seguir una secuencia establecida, pueden moverse a través de la información y revisar los contenidos siguiendo sus intereses. -Se le da libertad al usuario.
‘’Hipertexto: información interconectada de modo no restrictivo. ‘‘ (-Ted Nelson, circa 1950).
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Reflexión: en las ultimas semanas en taller de diseño ll he aprendido que en publicidad entre más simple el diseño más fácil y rápida su comprensión, esto lo asocio fuertemente con el hipertexto ya que la jerarquización y representación del afiche influye mucho en como el receptor capta el mensaje, en estos caso los diseños son dispuestos de tal manera que el usuario tenga la libertad de decidir si observar primero la gráfica y luego el texto o viceversa, dependiendo de sus intereses, lo importante es que no hay una línea fija a seguir a la hora de leer o procesar el proyecto observado.
Fuente: http://paisajessemioticos.blogspot.com/2014/05/hipertextos-transmedias-charge-forgerie.html http://anunciosantiguos.tumblr.com/
0 notes
danielamlopez-blog1 · 7 years ago
Text
Nuevos medios
Según Lev Manovich(2005) los nuevos medios tienen 5 principios definitorios: 1. Representación Numérica  
-Los objetos se componen de un código numérico (digital). -Pueden ser descritos en términos matemáticos. -Pueden ser sometidos a modificaciones algorítmicas.
Ejemplo: Photoshop
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Reflexión: para representar el ejemplo brindado anteriormente adjunté varias imágenes (ilustraciones y campaña de la JPS) creadas en photoshop, para unificar el concepto del como la imagen que vemos en realidad son series de códigos que hacen posible la visibilización de las imágenes.
 Fuentes: http://luchodisenopublicitariov.tumblr.com/ https://ellievsbear.tumblr.com/
2. Modularidad
-Los objetos son estructuras modulares, se agrupan en objetos mayores pero mantienen su identidad. -Todos los elementos pueden descomponerse en elementos menores (cuadros por segundo, pixeles, bits). -Presencia de elementos hipermediales o hipertextuales.
Ejemplo: Youtube
https://www.youtube.com/playlist?list=PLhtAQEP7Xv2WW63JtanbBJAfz6hdB_nG9
Reflexión: adjunto mi lista de reproduccion de entretenimiento en YouTube ya que en algo tan simple como esto se logra evidenciar el concepto de modularidad ya que a pesar de que son varios vídeos individuales siguen estando agrupados en una lista la cual se mantiene dentro de esta misma plataforma, dandole un desarrollo creciente de unidad (video) a comunidad o grupo (YouTube).
3. Automatización
- Basado en los principios anteriores, pueden establecerse procesos automáticos de creación, manipulación y acceso. -Se suprime parte de la intencionalidad humana.
Reflexión: para explicar mejor el concepto quiero utilizar Facebook como ejemplo, la red social funciona por medio de un sistema de filtrado basandose en la recopilación de nuestros datos personales, es así como gracias a esto vemos sugerencias de personas que agregar porque viven en la misma provincia, trabajan o estudian en el mismo lugar y también por la asociación de gustos entre una persona y la otra, haciendonos así coincidir con contenido de nuestro agrado.
4. Transcodificación
-Consecuencia más importante de la informatización. -Es la transformación en diferentes formatos de manera gradual. -La mezcla de significados humanos e informáticos es el resultado de la influencia mutua entre la capa cultural y la informática. -La modificación de la cultura se representa por medio de las computadoras. -Los nuevos medios son los viejos medios digitalizados.
Ejemplo: correo electrónico
Tumblr media
Reflexión: estoy de acuerdo con la manera en la que Manovich describe la transcodificación, ya que revolucionó el mundo tecnológico y con él el social ya que desde este momento las redes de comunicación en línea entre personas solo fueron evolucionando cada vez más, todo es más rápido e inmediato y marca el cambio a una nueva época en la que la interacción no solo es humano - humano si no que ya se ve comprometida la computadora y la plataforma.
5. Variabilidad
- Pueden existir diferentes versiones, como consecuencia de la representación numérica y la modularidad. - Producción personalizada, adaptada al usuario (postindustrial) -Son creados en conjunto por un ser humano y una computadora. -Hay una expansión infinita.
Ejemplo: Video juegos
youtube
Reflexión: Adjunté un gameplay de un YouTuber famoso que se hace llamar Pewdiepie, el juego de nombre Detroit Become Human ha sido muy exitoso recientemente debido a que pone en práctica el concepto de variabilidad ya que la trama de la historia se rige prácticamente solo en base a las desiciones del jugador cuya característica da una gran gama de posibilidades de múltiples escenarios y finales o cierres.
fuente: https://www.youtube.com/channel/UC-lHJZR3Gqxm24_Vd_AJ5Yw
0 notes
danielamlopez-blog1 · 7 years ago
Text
Multimedia
Conceptos básicos de multimedia
Origen etimológico/ multi: numeroso, y “media” = medios o intermediarios
Multimedia entonces vendría significando ´´varios medios´´
El mensaje multimedia no se alcanza mediante la mera yuxtaposición de códigos textuales y audiovisuales, sino a través de una integración armónica de esos códigos en un mensaje unitario. (-Salaverría, 2001)
“...un producto multimedia no sería tal sin la integración de distintos lenguajes y medios; tampoco podría entenderse sin la participación activa de la persona que descodifica la información recogida en un producto de este tipo” (-Boullosa, 2004)
Multimedia digital: Integración en un sistema informático de texto, gráficos, imágenes, vídeo, animaciones, sonido y cualquier otro medio que pueda ser tratado digitalmente.
Tumblr media Tumblr media
Reflexión: En clase se mencionó que multimedia tambien contaba como texto y algo más, en este ejemplo podemos observar como el emisor hace uso de este concepto al crear dos afiches publicitarios y añade texto para unificar el anuncio y dar a entender que es una campaña que promociona un auto nuevo. fuente de las imagenes: http://gaussmultimedia.tumblr.com/
youtube
Reflexión: en el ejemplo anterior también estamos observando el uso del concepto de multimedia pero en este caso con video y sonido, el sujeto está usando este medio para enseñar como hacer un diseño gráfico fácil y rápido. fuente del video: https://omartlatelpa.tumblr.com/
Otros ejemplos de multimedia:
Tumblr media Tumblr media
Multimedia en diseño publicitario: ilustrativo
‘’’Las imágenes tienen paquetes de información que nos llegan a través de nuestros sentidos, y principalmente a través de la vista y el oído: el campo audiovisual.’’’  Encontré este texto en la pagina linkeada abajo y a mi parecer describe muy bien el concepto de multimedia.
fuente: https://skaraboo.tumblr.com/
Tumblr media Tumblr media
Multimedia en diseño publicitario: ilustrativo con uso de texto
fuente: http://retrocgads.tumblr.com/ http://retrocgads.tumblr.com/image/179350402045
0 notes