tips para una efectiva comunicación visual
TRANSCRIPT
![Page 1: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/1.jpg)
Taller deComunicación Visual
![Page 2: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/2.jpg)
Una comunicación visual bien realizada
• atrae de inmediato al público• está en armonía con lo que la rodea• tiene un equilibrio entre los diferentes
elementosque conforman el diseño de una pieza.
![Page 3: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/3.jpg)
Color
• Debe tener una justificación de identificación (actividad, hora, contexto, etc).
• En mejor no usar más de cinco colores para un solo diseño y usarlo moderadamente
• El color se puede usar para resaltar información importante.
![Page 4: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/4.jpg)
![Page 5: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/5.jpg)
![Page 6: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/6.jpg)
![Page 7: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/7.jpg)
Tipografía
• Todas las tipografías seleccionadas deben ser legibles, aplicables sobre diversos medios impresos y digitales
• Los tipos de fuente deben de ser sencillos, sin serif ayudan a la lectura
• Las tipografías transmiten un estilo único de comunicación
• Los tamaños dependen de la importancia del mensaje a comunicar
![Page 8: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/8.jpg)
![Page 9: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/9.jpg)
![Page 10: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/10.jpg)
Tipografía
El tipo de letra sugerido para las piezas de MinCultura es Futura.Una fuente sencilla, sin serif o terminaciones complicadas.
Con sus diferentes estilos (book, heavy, oblique, entre otras) a lectura se hace de una forma fácil y rápida.
![Page 11: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/11.jpg)
Composición
• Depende de la pieza a realizar, el formato se debe ser apropiado para su uso (vertical, horizontal, cuadrado, rectangular, etc)
• De acuerdo al formato el manejo del espacio es diferente
• Los eventos que conformen el diseño se presentan de una manera jerarquizada y lógica, de una manera que se mantenga una consistencia general
• Se pueden usar cuadros de texto solo para presentar información clave, en caso de que no lo sea, es mejor limitarse a colocarlos
• Dejar espacios libres siempre ayuda a que la lectura tenga orden y a que cada elemento tenga una lectura independiente.
![Page 12: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/12.jpg)
El espacio
• Mantener el espacio negativo en orden ayuda a que la pieza sea llamativa
• Cuando un diseño se satura de información se debe colocar de manera equilibrada que no se note desorganizada y tampoco incoherente en relación con el diseño en general.
![Page 13: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/13.jpg)
JERARQUÍA 1
Jerarquía 2Jerarquía 3Ratis nis autemquia nes ant.Arupti blaccullabo. Et officiae veribus, venis sime et hit lautem anditaquam, cullant.Ducimporitat ius consequid molupta conse vel ide rerum et adi net dis as demod quiduci iscienis erae omnim veruntias re.
MAÑANA5 PM
![Page 14: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/14.jpg)
JERARQUÍA 1
Jerarquía 2
Jerarquía 3Ratis nis autemquia nes ant.Arupti blaccullabo. Et officiae veribus, venis sime et hit lautem anditaquam, cullant.Ducimporitat ius consequid molupta conse vel ide rerum et adi net dis as demod quiduci iscienis erae omnim veruntias re.
MAÑANA5 PM
![Page 15: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/15.jpg)
Las imágenes
• Las ilustraciones o fotografías deben ser atractivas e ir en relación con el concepto del diseño
• La elección de las imágenes va de acuerdo con la armonía de la pieza
• Las fotografías con personas que reflejen la identidad, cultura y contexto de la realidad ayudan a la credibilidad
• No siempre es necesario usarlas para hacer énfasis sobre algún elemento
• Las imágenes dan guía sobre la paleta de color que podemos aplicar.
![Page 16: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/16.jpg)
![Page 17: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/17.jpg)
![Page 18: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/18.jpg)
![Page 19: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/19.jpg)
![Page 20: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/20.jpg)
![Page 21: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/21.jpg)
![Page 22: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/22.jpg)
Ratis nis autemquia nes ant.Arupti blaccullabo. Et officiae veribus, venis sime et hit lautem anditaquam, cullant.Ducimporitat ius consequid molupta conse vel ide rerum et adi net dis as demod quiduci iscienis erae omnim veruntias re.
TÍTULO
Ratis nis autemquia nes ant.Arupti blaccullabo. Et officiae veribus, venis sime et hit lautem anditaquam, cullant.Ducimporitat ius consequid molupta conse vel ide rerum et adi net dis as demod quiduci iscienis erae omnim veruntias re.
Ratis nis autemquia nes ant.Arupti blaccullabo.
Ratis nis
Arupti blaccullabo
![Page 23: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/23.jpg)
Ratis nis autemquia nes ant.Arupti blaccullabo. Et officiae veribus, venis sime et hit lautem anditaquam, cullant.Ducimporitat ius consequid molupta conse vel ide rerum et adi net dis as demod quiduci iscienis erae omnim veruntias re.
TÍTULO
Ratis nis autemquia nes ant.Arupti blaccullabo. Et officiae veribus, venis sime et hit lautem anditaquam, cullant.Ducimporitat ius consequid molupta conse vel ide rerum et adi net dis as demod quiduci iscienis erae omnim veruntias re.
Ratis nis autemquia nes ant.Arupti blaccullabo.
Ratis nis
Arupti blaccullabo
![Page 24: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/24.jpg)
Ratis nis autemquia nes ant.Arupti blaccullabo. Et officiae veribus, venis sime et hit lautem anditaquam, cullant.Ducimporitat ius consequid molupta conse vel ide rerum et adi net dis as demod quiduci iscienis erae omnim veruntias re.
Arupti blaccullabo
TÍTULORatis nis
autemquia nes ant.
Arupti blaccullabo.
Ratis nis Ratis nis autemquia nes.
![Page 25: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/25.jpg)
Los íconos
• Los íconos a utilizar deben ser universales, simples y fácil de entender, son para una mayor compresión y no para la distracción.
• La simplicidad de un ícono ayuda a que el diseño sea claro y equilibrado.
![Page 26: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/26.jpg)
![Page 27: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/27.jpg)
Los logos
• Los logos relacionan la información publicada con las instituciones que crean, apoyan, promueven y respaldan el evento
• Los logos deben tener un espacio de soporte, que les dé lectura
• Los fondos en donde estén aplicados los logos deben ser planos (preferiblemente blanco o negro)
• Mantener la proporción original del logo (usar shift ayuda a la hora de elaborar el diseño)
• Darle un espacio de “respeto” a cada logo es indispensable para que los logos tengan buena lectura y legibilidad.
![Page 28: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/28.jpg)
![Page 29: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/29.jpg)
![Page 30: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/30.jpg)
![Page 31: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/31.jpg)
La simplicidad
• Evitar incluir elementos de más• No mezclar estilos como el 3D, las
ilustraciones o elementos poco agradablesy extraños
• Imágenes, tipografías, degradés, muchas texturas dificultan la claridad de la información
• Menos es más
![Page 32: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/32.jpg)
![Page 33: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/33.jpg)
Empatía
• Saber escuchar al bibliotecario, comprenderlo y adaptar sus necesidades
• La empatía ayuda a recoger la información necesaria para el desarrollo de la pieza
• Es una gran habilidad para motivar y encausar positivamente la tarea de comunicar
![Page 34: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/34.jpg)
Planeación
• Tener clara la información básica siempre ayuda a que la pieza gráfica sea efectiva
– ¿Qué pieza voy a realizar?– ¿Cuál es el objetivo de la comunicación?– ¿A quién va dirigida?– ¿Qué respuesta debe generar?– ¿Qué requisitos ejecucionales?
![Page 35: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/35.jpg)
• Tener claro el objetivo de la comunicación• Usar textos breves y directos• Redactar mensajes positivos• Usar imágenes que reflejen la vida de la biblioteca• Usar una paleta de colores acorde a la
institucional o relacionada a la misma• Dar protagonismo a la biblioteca o a la actividad
que se quiere promocionar• Referenciar el origen de las citas, fotografías e
ilustraciones si es necesario• Guardar la limpieza / simplicidad • Usar una tipografía que de prioridad a la facilidad
de lectura• Usar apropiadamente los logos• Incluir la información de contacto
Aspectos clave
![Page 36: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/36.jpg)
Banco de herramientas
• Fuentes:– http://www.dafont.com/– http://www.1001freefonts.com/
• Paletas de color:– http://design-seeds.com/– http://palettab.com/
• Imágenes de libre uso:– https://pixabay.com– http://www.freeimages.com/– http://www.textures.com/
• Íconos:– http://www.flaticon.es
![Page 37: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/37.jpg)
Pantalla Informadora
• Plantilla del Proyecto• Plantillas diseñadas
para cada biblioteca
![Page 38: Tips para una efectiva comunicación visual](https://reader035.vdocuments.co/reader035/viewer/2022081515/5873f54a1a28abb1528b5f8d/html5/thumbnails/38.jpg)
Andrea Descans CastroComunicadora Gráfica y Digital
Proyecto Uso y apropiación de TIC en bibliotecas pú[email protected]
http://www.bibliotecanacional.gov.co/rnbp/proyecto-tic