Está en la página 1de 23

PLATAFORMA EDUCATIVA

Ministerio de Educación

Herramientas para Producir


Recursos Multimediales

Composición- Color- Tipografía

FORMACIÓN DOCENTE
PLATAFORMA EDUCATIVA
PLATAFORMA EDUCATIVA
Ministerio de Educación

La composición
en el diseño gráfico
Una de las partes mas complejas del diseño
gráfico es, sin duda, la composición.
Esto se define como una distribución o
disposición de todos los elementos que
incluiremos en un diseño, de una forma
perfecta y equilibrada.
PLATAFORMA EDUCATIVA
Ministerio de Educación

En un diseño, lo primero que se debe


elegir son todos los elementos que
aparecerán en él, luego debemos
distribuirlos para colocarlos con el
espacio disponible. Los elementos
pueden ser tanto imágenes, textos,
formas, espacios en blanco, otros.
Es muy importante tener en cuenta de que
forma situaremos estos elementos en
nuestra composición, para que tengan un
equilibrio formal y un peso igualado.
PLATAFORMA EDUCATIVA
Ministerio de Educación

Contraste Contraste en el diseño es una acentuación de las


diferencias entre elementos. Aplicación de contraste
para un diseño le permite resaltar o destacar
elementos clave.

Aunque el contraste se aplica generalmente con


colores, contraste es en realidad una yuxtaposición
de diferentes elementos de diseño, por lo que incluso
diferencias en texturas (rugosa y liso), formas
(grandes o pequeñas) y líneas (líneas gruesas o finas),
solo para nombrar unos pocos, también crean
contraste. La diferencia entre los elementos es lo que
crea interés visual.
PLATAFORMA EDUCATIVA
Ministerio de Educación

Contraste Color

Forma

Aa Aa Tamaño

Estos principios son equivalentes


cuando trabajamos con textos
(tamaños, tipo de letra, densidad, Orientación
alineación).
PLATAFORMA EDUCATIVA
Ministerio de Educación

Equilibrio Equilibrio es la distribución del peso visual de


objetos, colores y espacio en su diseño. Tener en
cuenta que no es necesario un diseño simétrico para
ser considerado equilibrado, también se puede
balancear un diseño asimétrico. Por ejemplo, con
equilibrio simétrico tienen un elemento en un lado y
el mismo elemento en el otro lado.
En cambio, con equilibrio asimétrico podría tener un
elemento grande en un lado y varios elementos más
pequeños en el otro lado.
PLATAFORMA EDUCATIVA
Ministerio de Educación

Equilibrio Simétrico Equilibrio Asimétrico


PLATAFORMA EDUCATIVA
Ministerio de Educación

Equilibrio
PLATAFORMA EDUCATIVA
Ministerio de Educación

Proximidad Proximidad es la relación de cómo los objetos encajan


en una composición. El propósito principal es agrupar
elementos relacionados para organizar su diseño.
Colocando dos o mas elementos en proximidad cercana
a un otro, agruparlos juntos como un grupo cohesivo,
en lugar de objetos dispersos y no relacionados.
Esto también ayuda en la creación de puntos focales
para los espectadores.
PLATAFORMA EDUCATIVA
Ministerio de Educación

Objetos que se encuentran dispersos Estando en proximidad cercana a un


y no tienen ninguna relación entre sí otro, estos mismos objetos exactos
tienden a crear diseños confusos y crean diseños organizados y limpios
caóticos sin puntos focales que crean formas muy distintas.
PLATAFORMA EDUCATIVA
Ministerio de Educación

Retícula (grilla)
Esquema de base para
nuestro diseño La retícula (Grid en inglés), es una herramienta muy
útil que nos puede asegurar mayor destreza para
lograr equilibrio en nuestra composición al momento
de diseñar.
Es una estructura en hecha de líneas verticales y
horizontales utilizada para estructurar el contenido.
Esto nos sirve como una armazón para organizar
textos, imágenes o videos de una forma racional y fácil
de visualizar.
PLATAFORMA EDUCATIVA
Ministerio de Educación

Bocetar
Usar lápiz y papel
(recomendación) Antes de ponerte a trabajar directamente en la
computadora es recomendable agarrar un papel y
dibujar tu retícula seleccionada . Hacer varios bocetos
situar los elementos, estudiar las distintas
combinaciones, borrarlos, romperlos, hacerlos de
nuevo, mover los elementos, encontrar el equilibrio.
Todo esto puede ayudar a que el trabajo frente a la
pantalla sea más ágil y rápido.
PLATAFORMA EDUCATIVA
Ministerio de Educación

Foco visual
El punto focal o foco visual es aquel que reclama todas
las miradas y jerarquiza la información de forma única
en la comunicación visual, no olvidar nunca que el
diseño es comunicación. Elegir una imagen o titular
para comenzar la comunicación con el espectador
tiene como puntos visuales de referencia: diagonal de
izquierda a derecha o eje central o arriba por ejemplo.
PLATAFORMA EDUCATIVA
Ministerio de Educación

Sigue una
Jerarquía Para jerarquizar la información es recomendable jugar
con los tamaño de los elementos, diseñar títulos,
subtítulos, negritas, agregar fondos, correr fotos, rotar
objetos, etc. Toda diferenciación te dará una importancia
distinta a cada parte del contenido para generar un
sentido a la lectura.
Se puede jugar con el tamaño, contraste, color,
proximidad, alineación y repetición de los elementos.
PLATAFORMA EDUCATIVA
Ministerio de Educación

Sentido de
la lectura A partir de la base que se ha creado continuar siguiendo
el sentido de la lectura para que el usuario no se pierda,
guiarle con los elementos para que complete con éxito su
lectura o compresión del mensaje.
Existen varios métodos para conectar la información
aunque eso siempre dependerá de los elementos que
compongan el diseño, pero las formas mas intuitivas
suelen ser: guiar a través del texto, de imágenes, de
colores o líneas.
PLATAFORMA EDUCATIVA
Ministerio de Educación

No tener
miedo al Los espacios en blanco son tan importantes como la
vacío información, porque sin ellos ésta pierde sentido, la
jerarquía se difumina y el foco visual por el que tanto
estamos trabajando se pierde. Por ello tenemos que
cuidar bien esos espacios, ese "aire" que apodamos los
diseñadores. Así apoyaremos esos focos visuales al igual
que el sentido de la lectura por el que estamos
trabajando quedará mucho mas definido.
PLATAFORMA EDUCATIVA
Ministerio de Educación

Crear un todo
El objetivo final de una pieza de diseño debe ser
conseguir que el diseño sea "un todo". Todos los
elementos, las fotografías, iconos y textos deben encajar
perfectamente, creando esa armonía o equilibrio del
que hablábamos anteriormente.
Debemos cuidar todos los elementos porque será la única
forma de que el diseño sea atractivo y tenga coherencia.
PLATAFORMA EDUCATIVA
Ministerio de Educación

COLOR La teoría del color es un grupo de reglas básicas en la


mezcla de colores para conseguir un efecto deseado
combinándolos.

Los colores también despiertan respuestas


emocionales específicas en las personas. La gama
cromática fría a la que pertenece el azul y sus
derivados son relajantes, tranquilizantes, expresan
soledad y lejanía.

Por otro lado la gama cálida a la que pertenecen el


amarillo, el rojo y sus derivados son colores excitantes,
expresan dinamismos, proximidad, fuerza, alegría y
evocan al fuego y al sol.
PLATAFORMA EDUCATIVA
Ministerio de Educación

Para pantallas Para imprenta


Colores primarios cuando hablamos de luz Colores primarios cuando
hablamos de impresión

RGB CMYK
(Red | Green | Blue) (Cyan | Magenta | Yellow | Key)
COLORES HEXADECIMALES
Es una forma simplificada de expresar
colores concretos que se combinaron
mediante el modo RGB
#ED1C24
PLATAFORMA EDUCATIVA
Ministerio de Educación

Tipografía
Es el arte de jugar con los elementos gráficos del texto
escrito es usar los espacios y definir la forma de las
letras de acuerdo a algún objetivo específico que
puede ir desde optimizar la legibilidad del texto hasta
adecuarlo para que exprese algún concepto como
elegancia, terror, alegría.
PLATAFORMA EDUCATIVA
Ministerio de Educación

Clasificación de familias tipográficas

Aa
Serif o Romanas
Se caracterizan por tener pequeños
Sin Serif o Palo Seco
A diferencia de las Serif éstas no
Aa
Manuscritas
Depende del contexto en que se use
trazos que se extienden en los tienen trazos que sobresalen de sus puede expresar diversión o
extremos de las letras, expresan un extremos, sino cortes limpios y modernidad, sin embargo no son muy
sentido clásico y tradicional precisos, son de mejor legibilidad y se legibles en textos largos, por lo que
las relaciona con modernidad y hay que tener cuidado en su uso.
elegancia.
PLATAFORMA EDUCATIVA
Ministerio de Educación

Tipografía en diseño gráfico


Luego de entender a grandes rasgos cómo funciona la tipografía y qué expresan algunas de
las familias tipográficas es necesario reflexionar sobre las posibilidades y consideraciones
de su uso en diseño gráfico.

Las palabras claves aquí son armonía y coherencia: armonía a nivel de la forma en relación
con los demás elementos y coherencia con el significado, pues la tipografía expresa ideas
o conceptos específicos y éstos deben estar en sincronía con los conceptos que los demás
elementos como el color transmiten.

En otras palabras, la tipografía tiene que ser un elemento que se conjugue


armónicamente con el color, el espacio, la distancia y el isotipo para que visualmente sea
agradable. Pero también debe tener una coherencia con las ideas que se quieran
transmitir. Si el logo es para una empresa que pretende enfatizar su sofisticación, pues
todos los elementos han de estar en coherencia con esa idea, ya que quizás solos no
tengan la fuerza expresiva suficiente, pero en conjuntos transmiten de manera clara el
mensaje.
PLATAFORMA EDUCATIVA
Ministerio de Educación

También podría gustarte