DISENO DIGITAL

DISEÑO DIGITAL

2025-A

START

PRESENTACIÓN

El diseño digital como materia es un área de estudio que abarca diversos aspectos relacionados con la creación y manipulación de contenido digital.En un curso de diseño digital,se verá conceptos fundamentales de diseño, principios de diseño visual, teoría del color, tipografía, así como también el uso de herramientas y software especializado

CONTENTS

[SubTITLE 0X]

11.

06.

01.

Audio

Graphic + text

Introducción

Tipo de gráficos

12.

07.

02.

Embedded content

Table + text

13.

08.

03.

Interactive question

List / process

Section Break

14.

09.

04.

Conclusions

Video

Relevant data

15.

10.

05.

End

Text + icons

Timeline

CONCEPTO

DISEÑO DIGITAL

El diseño digital se refiere a la creación y manipulación de contenido visual utilizando herramientas digitales y tecnología informática. Incluye la aplicación de principios de diseño para producir gráficos, interfaces de usuario, animaciones, y otros tipos de contenido visual.

+INFO

Historia y evolución del diseño digital: El diseño digital tiene sus raíces en el desarrollo de la informática y la tecnología digital en el siglo XX. A medida que las computadoras se volvieron más accesibles y poderosas, los diseñadores comenzaron a utilizarlas para crear y manipular imágenes y gráficos

En la década de 1980, con la introducción de las computadoras personales y el software de diseño gráfico como Adobe Photoshop, el diseño digital comenzó a expandirse rápidamente.

+ INFO

[SubtITLE 0X]

IMPORTANCIA

El diseño digital desempeña un papel crucial en la comunicación visual y la experiencia del usuario en la era digital.

+ INFO

Tipo de gráficos

mapa bits

También conocidos como imágenes de mapa de bits o imágenes rasterizadas, representan gráficos compuestos por una cuadrícula de píxeles, donde cada píxel tiene un valor de color específico.

Es un formato de imagen de mapa de bits que admite compresión sin pérdida y transparencia. Es ampliamente utilizado en la web para imágenes con fondos transparentes.

Este es uno de los formatos de imagen más básicos en el que cada píxel se almacena en un formato de mapa de bits sin comprimir.

JPEG (Joint Photographic Experts Group)

BMP (Bitmap)

PNG (Portable Network Graphics)

Es un formato de compresión con pérdida utilizado para imágenes fotográficas. Es popular debido a su capacidad para comprimir imágenes con pérdida mínima de calidad visual.

GIF (Graphics Interchange Format)

Aunque es más conocido por su capacidad para admitir animaciones, el formato GIF también se utiliza para imágenes estáticas. Utiliza compresión sin pérdida y admite transparencia, pero tiene una paleta de colores limitada en comparación con otros formatos.

TIFF (Tagged Image File Format):

Es un formato de archivo de imagen versátil que admite varios métodos de compresión y profundidades de color. Se utiliza comúnmente en la industria gráfica y de impresión.

ACTIVIDAD

Realizar un cuadro sinoptico sobre las diferencias entre gráficos de mapa de bits y gráficos vectoriales. Presentar las ventajas y desventajas de cada tipo y proporcionar ejemplos.

GIMP,

significa GNU Image Manipulation Program

Es un editor de gráficos rasterizados gratuito y de código abierto utilizado para tareas como retoque fotográfico, edición de imágenes y composición de imágenes. A menudo se considera una potente alternativa a software comercial como Adobe Photoshop.

Caracteristicas

Herramientas de edición de imágenes: GIMP ofrece una amplia gama de herramientas para tareas como recorte, cambio de tamaño, selección, pintura y más. Capas y máscaras: Al igual que Photoshop, GIMP admite capas y máscaras de capa, lo que permite una edición no destructiva y composiciones complejas.

Filtros y efectos: GIMP incluye una variedad de filtros y efectos para aplicar a imágenes, como desenfoque, enfoque, reducción de ruido y efectos artísticos. Personalización: GIMP es altamente personalizable, con soporte para complementos y scripts para extender su funcionalidad. Soporte de formatos de archivo: Admite una amplia gama de formatos de archivo, incluidos los populares como JPEG, PNG, GIF, TIFF y PSD (con limitaciones). Multiplataforma: GIMP está disponible para múltiples sistemas operativos, incluidos Windows, macOS y Linux

actividad

Crear los siguientes logos en GIMP con transparencia

ACTIVIDAD

Actividad: Crea un diseño para una aplicación móvil, eligiendo una temática (salud, educación, entretenimiento, etc.). Define los colores, tipografía, iconos y la disposición de los elementos en la pantalla.

Software para la edición de gráficos vectoriales

2024-A

START

ACTIVIDAD

Crear una presentación utilizando herramientas como GENEALLY o Canva para explicar conceptos básicos de diseño digital, incluyendo CONCEPTO, ELEMENTOS, la importancia del equilibrio, la proporción, la tipografía y el color en el diseño.

actividad 2

Crear un logo o imagen en gimp aplicando los conceptos básicos de diseño digital, ELEMENTOS, equilibrio, la proporción, la tipografía y el color en el diseño. Subir en classroom :) Clase: diseño digital nombre del trabajo: diseño aplicado

proyecto

Crear una revista digital simple utilizando canva o Adobe InDesign . deberán aplicar herramientas básicas de diseño, como selección de fuentes, ajustes de color y diseño de páginas. criterios a evaluar diseno ortografia imagenes editadas por el estudiante en gimp formato

SEGUNDO parcial

DISEÑO DIGITAL

ANIMACIONES MULTIMEDIA

Son secuencias de imágenes en movimiento que se crean mediante el uso de tecnología digital. Estas pueden incluir gráficos, ilustraciones, texto, audio y video, combinados de manera dinámica para producir una experiencia visual y auditiva atractiva.

HISTORIA

IMPORTANCIA

Schedules

1918

1888

1906

XXI

IMPORTANCIA

Las animaciones multimedia tienen un impacto significativo en una amplia gama de campos, incluyendo el cine, la televisión, la publicidad, los videojuegos, la educación y las artes visuales.

Son una forma poderosa de comunicar ideas, emociones y narrativas de una manera altamente visual y atractiva. Desde largometrajes de animación galardonados hasta anuncios publicitarios creativos y juegos interactivos innovadores, las animaciones multimedia son una herramienta versátil y poderosa para contar historias, educar al público y entretener a las audiencias de todo el mundo.

actividad

• investigar los conceptos básicos de animaciones multimedia.
• tipos de animaciones
• keyframes
• easing
• transiciones

• La presentación puede incluir ejemplos visuales.

ANIMACIONES EN POWER POINT

ACTIVIDAD

Crear un tutorial animado utilizando software de animación como Adobe After Effects o animaciones en PowerPoint. Explicar paso a paso cómo realizar una tarea específica.

Content by area

Name subject

Name subject

Name subject

Name Subject

Name subject

Name Subject

Daily tasks

Example: 20, 21 & 22. Page: 118 & 119

Example: 20, 21 & 22. Page: 118 & 119

Give visual weight to key points and main highlights.

Planning the structure ofyour content.

Example: 20, 21 & 22. Page: 118 & 119

Example: 20, 21 & 22. Page: 118 & 119

Set a flow throughthe content.

Defining secondary messages with interactivity.

Classroom

Interactive step-by-step visual communication:

An amazing presentation...

• Improve understanding on any subject.
• Engage the whole class...
• And keep their attention until the end.
• Include visual elements appropriate to the topic.
• Present data and information visually.
• Use interactivity to delve into concepts.

• Plan the structure of your content.
• Give visual weight to key and main points.
• Define secondary messages with interactivity.
• Establish a flow through the content.
• Measure the results.

Complementary activities

Date 00

Date 00

Date 00

Show enthusiasm! Take a deep breath and start your presentationon the topic.

With tranquility and concision. Synthesize the content.

Through a schema, to count everything in an organized way.

10

Communications

Show enthusiasm! Take a deep breath and start your presentation on the topic.

With calmness and conciseness. Synthesize the content.

Through a schema, to count everythingin an orderly way.

After practicing a lot. The best improvisation is the one that is worked on!

1ER Quarter

4th Grade

Don’t forget to publish!

I’m an awesome subtitle, ideal for giving more context about the topic at hand

Walt Disney estrena "Steamboat Willie", la primera aparición de Mickey Mouse y la primera animación sonora sincronizada con la música y los efectos de sonido.

J. Stuart Blackton crea "Humorous Phases of Funny Faces", considerada la primera película de animación. Utilizó la técnica de dibujar y borrar en una pizarra.

La animación por computadora se ha convertido en una parte integral de la industria del entretenimiento, utilizada en películas, series de televisión, videojuegos, publicidad y más, con tecnologías cada vez más avanzadas y una creatividad sin límites.

Name Subject

Our brain is prepared to consume visual content. And it makes sense: 90% of the information we process comes to us through sight. That's why visual content helps with faster learning in many cases.

With this function...You can add additional content that excites the brains of your students: videos, images, links, interactivity... Whatever you want!

Name Subject

Pose a question or problem that makes the class think; it is the essential ingredient to keep their attention. It is often posed at the beginning of the topic to encourage critical thinkingand participation.

Subtítulo

En un mundo cada vez más orientado a lo digital, el diseño efectivo se ha vuelto fundamental para el éxito de cualquier producto, servicio o plataforma en línea.

Here you can putan important title

Contextualize your topic with a subtitle

Name subject

We don't like to bore in our classes or work with flat content. It's time to bet on dynamic and interactive learning experiences that stimulate the thinking and creativity of each student.

Name Subject

Our brain is biologically wired to learn through visual content. Almost 50% of our brain is involved in processing visual stimuli.

Nombre asignatura

Captamos mejor el contenido visual. Este tipo de contenido está asociado a mecanismos cognitivos y psicológicos. Las cosas entran por los ojos, la primera imagen es la que cuenta. Asociamos el contenido visual con emociones.

La evolución del diseño digital ha sido impulsada por avances tecnológicos como el desarrollo de software especializado, la mejora en la capacidad de procesamiento de las computadoras, y la proliferación de internet y dispositivos móviles. Esto ha llevado a una expansión significativa en las posibilidades creativas y las aplicaciones del diseño digital en campos como publicidad, marketing, entretenimiento, educación, y más.

Did you know that... In Genially, you will find over 1,000 ready-to-use and 100% customizable templates to pour your content into, which will help you in your classes?

Thomas Edison patenta el kinetoscopio, un dispositivo precursor de la proyección de películas, que permitía la visualización de imágenes en movimiento a través de una ranura.

Did you know... The window allows you to add more extensive content? You can enrich your genially by incorporating PDFs, videos, text... The content of the window will appear when clicking on the interactive element.

Did you know... We retain 42% more information when the content moves? It is perhaps the most effective resource to capture the attention of your students.

Did you know... The window allows you to add more extensive content? You can enhance your genially by incorporating PDFs, videos, text... The content of the window will appear when you click on the interactive element.

Name Subject

Visual content is a cross-cutting and universal language, like music. We are able to understand images from millions of years ago, even from other cultures.

With this function... You can add additional content that excites the brains of your students: videos, images, links, interactivity...Whatever you want!