Diseño grafico tipos de productos graficos

Empezar

DISEÑO GRAFICOTipos de Productos Graficos

Fernando garcia sernaJuan Antonio Martinez Nuñez.Colegio de Bachilleres 2: Cien MetrosProfesor: Alfredo Mendoza Mendoza

Índice

¿Que es el Diseño Grafico? y Diseño Grafico e identidad visual

Ejemplos de Diseño Grafico de Publicaciones y Ejemplo de Diseño Grafico en Movimiento

Ejemplo de diseño grafico ambiental

Ejemplos de Arte e ilustracion para diseño grafico

Conclusiones de los aprendido

ejemplo de diseño grafico de marketing y Ejemplo de Diseño Grafico de la interfaz de usuario

Tipos de Productos Graficos.

¿Que es el Diseño Grafico?

Introdución

El diseño grafico es una diciplina que comvina el arte y la comunicacion visual para transmitir mensajes de manera efectiva a traves de elementos, como imagenes, tipografias, colores y formas.Su objetivo principal es crear soluyciones visuales que comuniquen ideas o conceptos de manera atractiva y funcional, ya sea, en medios impresos o digitales.

Diseño grafico de identidad visual.

El diseño grafico de identidad visual se enfoca en crear y establecer una repreentacion visual coherente de una marca, empresa, producto o persona.su objetivo es construir una identidad que reflejen los valores, la mision y la escencia de una organizacion o individuo, permitiendo que el publico lo reconosca y lo recuerde de manera clara y efectiva.

Elementos de una identidad visual.

Logotipo.simbolo o diseño que identifica a la marca

Paleta de coloresConjunto de colores que representan y diferencian a la marca

Tipografia e imagineriaSeleccion de fuentes que refuerzan la personalidad de la marca

Estilo VisualDefinicion de como se deben de usar los elementos Graficos (Formas, patrones, texturas)

diseño grafico de marketing

Carteles, banners web o anuncios impresos creados para campañas publicitarias.

Imagenes y Graficos obtimizados para campañas de marketing de plataformas como facebook, twiter, instagram.

Anuncios Publicitarios

Email de marketing

Anuncios en Redes sociales

Diseño de plantillas visuales para campañas de correo electronico

Diseño Grafico de la interfaz de usuario

Botones

Iconos

Navegacion

Sitios web de comercio electronico

Pagina de productos

Paleta de colores

Se centra en crear la apariencia visual de las interfaces con las que interactuan los usuarios en aplicaciones, sitios web y software. Su objetivo principal hace que la experiencia del usuario sea intuitiva, atractiva y coherente asegurando que los elementos visuales sean faciles de usar y comprender.

Diseño grafico de publicaciones

Revistas

Periodicos

Folletos

Ebooks

Catalogos

Libros

Se refiere la creacion de materiales impresos o digitales que se centran en la organizacion visual de texto,imagenes y otros elementos graficos. Su objetivo es mejorar la legibilidad, la estetica y la funcionalidad del contenido, Creando piezas atractivas y coherentes que transmitan informacion de manera clara

Tercer trimestre

Tema 1. Escribe un titular genial

Tema 3. Escribe un titular genial

Tema 4. Escribe un titular genial

Tema 5. Escribe un titular genial

Tema 6. Escribe un titular genial

Tema 2. Escribe un titular genial

A la hora de llevar a cabo una presentación hay que perseguir dos objetivos: transmitir información y evitar bostezos. Para ello puede ser una buena praxis hacer un esquema y utilizar palabras que se graben a fuego en el cerebro de tu audiencia.

Ejemplos de diseño grafico en movimiento

Permite que los elementos visuales cobren vida y generen una experiencia mas inmersiva y memorable para el espectador, siendo especialmente efectivo en medios digitales, cine, television y redes sociales

Anuncios en Redes sociales

Animaciones de logotipo

Titulos y graficos en programas de television

Interfaces animadas

Presentacion de datos animados

Videos explicativos

Diseño grafico ambiental

Es una diciplina que integra el diseño grafico con el espacio fisico, para crear entornos que sean funcionales, atractivos, que comuniquyen mensajes claros. Este tipo de diseño se utiliza principalmente para guiar orientar, informar o mejorar la experiencia de los usuarios.

Señalizaciones de HopitalesEs crucial para guiar a los visitantes de manera clara y efectiva

Graficos en un museoIncluye paneles informativos, señalizaciones y elementos visuales que guian a los visitantes

Señalizacion en aeropuertosPara dirigir a los pasajeros a las areas correctas, como las puertas de embarque

Graficos en tiendasPara mejorar la experiencia de compra dirigiendo a los clientes a diferentes secciones

Arte e ilustraciones en el diseño grafico

Se utiliza para agregar elementos visuales personalizados y unicos a proyectos graficos, aportando un estilo distinto y expresivo que no se puede lograr con imagenes estandar o fotografias

Portadas de Libros.a menudo presentan ilustraiones personalizadas que capturan la escencia

Posteres de Peliculas.Incluyen ilustraciones creativas que reflejan el genero y trama

Diseño de empaques.incluyen ilustraciones unicas que ayudan a diferenciar el producto

Infografias.Son una Forma Efectiva de presentar informacon compleja de manera visual y atractiva

Stickers.Tienen ilustraciones personalizadas, es popular en la moda y el branding

Productos textiles.son ampliamente utilizadas en el diseño de camisetas, bolsos y otros productos

Albumes de musicaLas portadas de discos o albumes de musica presentan ilustraciones que reflejan al artista

Info

APRENDIZAJES

juan antonio mtz. nuñez

yo aprendi: Que los diseñadores graficos sirven para guiar a la gente, hacer interacciones virtuales mas inmersivas asi como guiar a una persona ya sea por medio de un juego, opciones, ajustes o configuracion avanzada haciendolo instintivamente.FERNANDO GARCIA SERNAYo aprendi:Que el diseño grafico es una disciplina amplia y versatil, que se aplica en diversas areas, cada una con su proposito especifico y su propio enfoque visual.

Mayo

Habilidades Profesionales

Escribe un titular genial

Escribe un titular genial

Escribe un titular genial

Escribe un titular genial

Disciplinas como el Visual Thinking facilitan la toma de notas visualmente ricas gracias al uso de imágenes, gráficas, infografías y dibujos sencillos. ¡Dale caña!

¿Sientes que a tu texto todavía le falta algo? Dale animación para atrapar tu audiencia.

Dales vida a los elementos de tu creación con animación. ¡Es imposible no prestar atención al contenido que se mueve!

Escribe un texto genial, haciendo clic en Texto, en la barra lateral izquierda. Ojo: las fuentes, el tamaño y el color deben adecuarse al tema que estés tratando.

Conceptos Básicos

• Somos seres visuales. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
• Seres narrativos. Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.
• Seres sociales.Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.
• Seres digitales.Evitamos formar parte de la saturación de contenido en el mundo digital.
• Seres creativos. Hace falta diversión para la creatividad, creatividad para innovar, innovar para tener éxito... Diversión es éxito.

• Seres exploradores. Convertimos a la comunicación visual en una experiencia cuando añadimos interactividad, animación y storytelling.

Seres digitales. Evitamos formar parte de la saturación de contenido en el mundo digital.

Seres sociales. Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.

Somos seres visuales. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.

Escribe untitular genial

Conceptos Básicos

• Somos seres visuales. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
• Seres narrativos. Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.
• Seres sociales.Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.
• Seres digitales.Evitamos formar parte de la saturación de contenido en el mundo digital.
• Seres creativos. Hace falta diversión para la creatividad, creatividad para innovar, innovar para tener éxito... Diversión es éxito.

• Seres exploradores. Convertimos a la comunicación visual en una experiencia cuando añadimos interactividad, animación y storytelling.

Escribe untitular genial

Somos seres visuales. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.

Seres sociales. Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.

Seres digitales. Evitamos formar parte de la saturación de contenido en el mundo digital.

Escribe untitular genial

• Somos seres visuales. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
• Seres narrativos. Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.
• Seres sociales.Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.
• Seres digitales.Evitamos formar parte de la saturación de contenido en el mundo digital.
• Seres creativos. Hace falta diversión para la creatividad, creatividad para innovar, innovar para tener éxito... Diversión es éxito.

Escribe untitular genial

• Somos seres visuales. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
• Seres narrativos. Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.
• Seres sociales.Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.
• Seres digitales.Evitamos formar parte de la saturación de contenido en el mundo digital.
• Seres creativos. Hace falta diversión para la creatividad, creatividad para innovar, innovar para tener éxito... Diversión es éxito.

Habilidades Profesionales

Escribe un titular genial

Escribe un titular genial

Escribe un titular genial

Escribe un titular genial

Disciplinas como el Visual Thinking facilitan la toma de notas visualmente ricas gracias al uso de imágenes, gráficas, infografías y dibujos sencillos. ¡Dale caña!

¿Sientes que a tu texto todavía le falta algo? Dale animación para atrapar tu audiencia.

Dales vida a los elementos de tu creación con animación. ¡Es imposible no prestar atención al contenido que se mueve!

Escribe un texto genial, haciendo clic en Texto, en la barra lateral izquierda. Ojo: las fuentes, el tamaño y el color deben adecuarse al tema que estés tratando.

¿Sabías que... Retenemos un 42% más de información cuando el contenido se mueve? Es quizá el recurso más efectivo para captar la atención de tu audiencia.

Con esta función... Puedes añadir un contenido adicional que emocione al cerebro de tu audiencia: vídeos, imágenes, enlaces, interactividad... ¡Lo que tú quieras!

• Planificar la estructura de tu comunicación.
• Jerarquizarla y darle peso visual a lo principal.
• Definir mensajes secundarios con interactividad.
• Establecer un flujo a través del contenido.
• Medir los resultados.

Con esta función... Puedes añadir un contenido adicional que emocione al cerebro de tu audiencia: vídeos, imágenes, enlaces, interactividad... ¡Lo que tú quieras!

¿Sabías que... Retenemos un 42% más de información cuando el contenido se mueve? Es quizá el recurso más efectivo para captar la atención de tu audiencia.

• Mejora la comunicación sobre cualquier tema.
• Hace 'match' con tu audiencia...
• Y les hace formar parte del mensaje.
• Tiene un color adecuado a su tema.
• Representa datos con gráficos.
• Utiliza timelines para contar historias.

Habilidades Profesionales

Escribe un titular genial

Escribe un titular genial

Escribe un titular genial

Escribe un titular genial

Disciplinas como el Visual Thinking facilitan la toma de notas visualmente ricas gracias al uso de imágenes, gráficas, infografías y dibujos sencillos. ¡Dale caña!

¿Sientes que a tu texto todavía le falta algo? Dale animación para atrapar tu audiencia.

Dales vida a los elementos de tu creación con animación. ¡Es imposible no prestar atención al contenido que se mueve!

Escribe un texto genial, haciendo clic en Texto, en la barra lateral izquierda. Ojo: las fuentes, el tamaño y el color deben adecuarse al tema que estés tratando.

Agosto

Herramientas y Recursos

¿Sabías que...El 90% de la información que asimilamos nos llega a través de la vista? Los recursos visuales son de gran ayuda para reforzar tu mensaje: imágenes, ilustraciones, gifs, vídeos… No solo porque permanecen en la memoria, sino también porque son más atractivos y más fáciles de comprender.

• Es clara y estructurada
• Cuenta historias jerárquicamente.
• Hace 'match' con tu audiencia.
• Adecúa las fuentes y el color al tema.
• Incluye imágenes y entretiene.
• Representa datos con gráficos.
• Utiliza líneas de tiempo.
• Es animada e interactiva.
• Emociona al cerebro, a través de elementos multimedia.
• NO se excede con los bullet points 🙃​.

Info

Octubre

Herramientas y Recursos

¿Sabías que...El 90% de la información que asimilamos nos llega a través de la vista? Los recursos visuales son de gran ayuda para reforzar tu mensaje: imágenes, ilustraciones, gifs, vídeos… No solo porque permanecen en la memoria, sino también porque son más atractivos y más fáciles de comprender.

• Es clara y estructurada
• Cuenta historias jerárquicamente.
• Hace 'match' con tu audiencia.
• Adecúa las fuentes y el color al tema.
• Incluye imágenes y entretiene.
• Representa datos con gráficos.
• Utiliza líneas de tiempo.
• Es animada e interactiva.
• Emociona al cerebro, a través de elementos multimedia.
• NO se excede con los bullet points 🙃​.

Info

Ejemplos Prácticos

Tus contenidos gustan, pero solo enganchan si son interactivos. Capta la atención de tu público con una fotografía o ilustración interactiva.

Somos seres visuales.Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.

Seres narrativos.Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.

Seres sociales.Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.

Seres digitales.Evitamos formar parte de la saturación de contenido en el mundo digital.

Con esta función... Puedes añadir un contenido adicional que emocione al cerebro de tu audiencia: vídeos, imágenes, enlaces, interactividad... ¡Lo que tú quieras!

¿Sabías que... La ventana permite añadir contenido más amplio. Puedes enriquecer tu genially incorporando PDFs, vídeos, texto… El contenido de la ventana aparecerá al hacer clic en el elemento interactivo.

Escribe untitular genial

Somos seres visuales. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.

Seres sociales. Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.

Seres digitales. Evitamos formar parte de la saturación de contenido en el mundo digital.

Julio

Ejemplos Prácticos

Tus contenidos gustan, pero solo enganchan si son interactivos. Capta la atención de tu público con una fotografía o ilustración interactiva.

Somos seres visuales.Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.

Seres narrativos.Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.

Seres sociales.Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.

Seres digitales.Evitamos formar parte de la saturación de contenido en el mundo digital.

Con esta función... Puedes añadir un contenido adicional que emocione al cerebro de tu audiencia: vídeos, imágenes, enlaces, interactividad... ¡Lo que tú quieras!

¿Sabías que... La ventana permite añadir contenido más amplio. Puedes enriquecer tu genially incorporando PDFs, vídeos, texto… El contenido de la ventana aparecerá al hacer clic en el elemento interactivo.

¿Sabías que... En Genially encontrarás más de 1.000 plantillas listas para volcar tu contenido y 100% personalizables, que te ayudarán a narrar tus historias?

• Mejora la comunicación sobre cualquier tema.
• Hace 'match' con tu audiencia...
• Y les hace formar parte del mensaje.
• Tiene un color adecuado a su tema.
• Representa datos con gráficos.
• Utiliza timelines para contar historias.

Ejemplos Prácticos

Tus contenidos gustan, pero solo enganchan si son interactivos. Capta la atención de tu público con una fotografía o ilustración interactiva.

Somos seres visuales.Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.

Seres narrativos.Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.

Seres sociales.Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.

Seres digitales.Evitamos formar parte de la saturación de contenido en el mundo digital.

Con esta función... Puedes añadir un contenido adicional que emocione al cerebro de tu audiencia: vídeos, imágenes, enlaces, interactividad... ¡Lo que tú quieras!

¿Sabías que... La ventana permite añadir contenido más amplio. Puedes enriquecer tu genially incorporando PDFs, vídeos, texto… El contenido de la ventana aparecerá al hacer clic en el elemento interactivo.

Escribe untitular genial

• Somos seres visuales. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
• Seres narrativos. Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.
• Seres sociales.Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.
• Seres digitales.Evitamos formar parte de la saturación de contenido en el mundo digital.
• Seres creativos. Hace falta diversión para la creatividad, creatividad para innovar, innovar para tener éxito... Diversión es éxito.

¿Sabías que... La ventana permite añadir contenido más amplio. Puedes enriquecer tu genially incorporando PDFs, vídeos, texto… El contenido de la ventana aparecerá al hacer clic en elelemento interactivo.

Con esta función... Puedes añadir un contenido adicional que emocione al cerebro de tu audiencia: vídeos, imágenes, enlaces, interactividad... ¡Lo que tú quieras!

• Planificar la estructura de tu comunicación.
• Jerarquizarla y darle peso visual a lo principal.
• Definir mensajes secundarios con interactividad.
• Establecer un flujo a través del contenido.
• Medir los resultados.

Herramientas y Recursos

¿Sabías que...El 90% de la información que asimilamos nos llega a través de la vista? Los recursos visuales son de gran ayuda para reforzar tu mensaje: imágenes, ilustraciones, gifs, vídeos… No solo porque permanecen en la memoria, sino también porque son más atractivos y más fáciles de comprender.

• Es clara y estructurada
• Cuenta historias jerárquicamente.
• Hace 'match' con tu audiencia.
• Adecúa las fuentes y el color al tema.
• Incluye imágenes y entretiene.
• Representa datos con gráficos.
• Utiliza líneas de tiempo.
• Es animada e interactiva.
• Emociona al cerebro, a través de elementos multimedia.
• NO se excede con los bullet points 🙃​.

Info

Truquito: La interactividad es la pieza clave para captar el interés y la atención de tu audiencia. Un genially es interactivo porque tu público explora y se relaciona con él.

Conceptos Básicos

• Somos seres visuales. Somos capaces de entender imágenes de hace millones de años, incluso de otras culturas.
• Seres narrativos. Contamos miles y miles de historias. ⅔ de nuestras conversaciones son historias.
• Seres sociales.Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.
• Seres digitales.Evitamos formar parte de la saturación de contenido en el mundo digital.
• Seres creativos. Hace falta diversión para la creatividad, creatividad para innovar, innovar para tener éxito... Diversión es éxito.

• Seres exploradores. Convertimos a la comunicación visual en una experiencia cuando añadimos interactividad, animación y storytelling.

Septiembre

Junio

La comunicación visual interactiva paso a paso:

• Planificar la estructura de tu comunicación.
• Jerarquizarla y darle peso visual a lo principal.
• Definir mensajes secundarios con interactividad.
• Establecer un flujo a través del contenido.
• Medir los resultados.