SENSIBILIZACIÓN

Diseño y Técnicas de
composición
Fundamentos de diseño

Técnicas de composición

Taller de fotografía
Diseñar con Identidad
El diseño como concepto básico fue concebido y desarrollado por el ser humano
como respuesta a sus necesidades materiales y espirituales.

A través de la historia cada cultura ha desarrollado una manera distinta de adaptar

la materia prima, la tecnología y las formas para cumplir con una función
específica, creando objetos con diseños singulares y únicos.

El diseño y la identidad

El diseño = pasado, presente y futuro.

¿Que es el diseño?
El diseño es un proceso de creación visual con un propósito.
A diferencia de la pintura o la escultura un artista plasma visiones
personales, gustos o sueños, el diseño cubre necesidades
prácticas.
El diseño gráfico es el arte de la comunicación visual a través de
elementos como son la forma, la imagen, símbolos, textos,
ilustraciones y color. Tiene como función identificar una marca,
una pieza gráfica de un mensaje, un servicio, una multimedia,
busca también comunicar gráficamente ideas, hechos, valores
culturales, entre otros.
Elementos
del diseño
Elementos conceptuales
o El Punto
o La línea
o El plano
o El volumen
EL PUNTO
Indica una posición en el espacio
es estático, central, y no direccional.

El punto abandona el
centro y genera un punto
de tensión visual entre el
punto y el campo.
 LA LINEA
La línea es la sucesión de puntos, tiene
longitud pero no ancho, aunque puede
cambiar su grosor hasta llegar al punto de
convertirse en un plano. Se conecta con
dos puntos o es la propia trayectoria que
hace uno a otro.

No tiene ser solo recta, puede ser curva,

continua o a trozos.
EL PLANO
El plano es una superficie plana con largo y
ancho, posición, dirección y está limitado por
líneas, las cuales lo forman. Un plano puede
ser paralelo a la superficie, puede ser sólido,
transparente, texturizado, geométrico,
irregular o accidental, etc.
El VOLUMEN
El volumen es un objeto gráfico
que crea un espacio
tridimensional con sus
características de ancho, altura y
profundidad. Se crea por medio
de planos en movimiento y
también perspectivas variando el
tamaño, todo ello de manera
ilusoria.
Elementos
visuales Son Cuando los elementos
conceptuales se hacen visibles.
Forma
Formas regulares: Formas irregulares:
Las formas regulares son las Las formas irregulares son
formas que son simétricas, tienen las formas que son asimétricas,
un eje en común. y no tienen un eje en común.
• Tamaño:
• Textura: puede ser plana,
decorada suave o rugosa
entre otros.

• Color: tonos neutros, variaciones

cromáticas y tonales.
 Elementos Este grupo de elementos trata de la ubicación,
de relación: dirección y posición de las formas.

• Dirección
• Posición: la posición esta relacionada según a la estructura.
• Espacio: las formas ocupan un espacio o vacío.
• Gravedad: se refiere a la estabilidad o inestabilidad, pesadez
o liviandad de las formas o de un grupo de formas.
 Elementos
prácticos:

El alcance de un diseño De representación

• Representación: Cuando una forma es
derivada de la naturaleza, es
representativa, realista, estilizada o
semiabstracta.
• Significado: Cuando el diseño transporta un
mensaje
• Función: Cuando el diseño debe servir o
funcionar, con un determinado propósito.

Evoca a la naturaleza, es
como sentirte parte de una Bastón y muleta
flor.
de Phillipe Starck
Formas positivas y negativas
Formas positivas es cuando se percibe como ocupante de un espacio se
llama positiva. Cuando se percibe un espacio en blanco rodeado de un
espacio ocupado se llama negativa.

Blanco es vacío= positivo

Negro es ocupado= negativo
Módulos y submódulos

Módulos: Cantidad de
formas similares. Unifican el
diseño
Repetición de módulos
Tipos de repetición:

• De figura
• De tamaño
• De color
• De Textura
• De Dirección
• De posición
Variaciones direccionales

• Direcciones repetidas
• Direcciones indefinidas
• Direcciones alternadas
• Direcciones en gradación
• Direcciones similares
Submódulos:
Varios módulos en repetición
que forman un módulo mayor.
• Disposición lineal
• Disposición cuadrada
• Disposición en rombo
• Disposición triangular
• Disposición circular
• Reflexión: es una forma espejada, es el resultado de una simetría
bilateral, las formas pueden someterse, traslación y rotación.
Estructura
Por lo general todos los diseños tienen una estructura, la
estructura se refiere como un elemento que funciona para
organizar un diseño, es un marco de referencia.
Tipos de estructura
formal.
Similitud

Las formas pueden parecerse entre si y sin embargo no ser idénticas.

La similitud de módulos: se refiere a la similitud de las figuras de esos
módulos, en una estructura, el tamaño de los módulos pueden ser
similares.

Similitud asociativa Similitud de imperfección

Similitud de unión y sustracción Similitud de tensión y
compresión
 Gradación
Se refieren a un cambio que
tiene la figura de manera gradual
en sensación de progresión.
En una estructura de módulos los
módulos pueden tener una
gradación que puede ser de
figura, de tamaño, de color, de
textura, de dirección de posición
en el espacio de gravedad.
Radiación
Los módulos giran alrededor del centro
común produce un efecto de radiación.
La radiación es un fenómeno común de
la naturaleza.
Hay tres clases de estructura de
radiación: centrifuga, concéntrica, y
centrípeta.

Efecto de la radiación
Estructura centrifuga

Las líneas estructurales,

quebradas, o curvadas se
irradian desde el centro.
Estructura concéntrica
Estructura centrípeta
Anomalía
Se refiere a la presencia de irregularidad de un diseño, en el cual
prevalece regularidad, el uso de la anomalía debe responder a una
necesidad:
• Atraer la atención.
• Aliviar la monotonía.
• Transformar la regularidad.
• Aliviar la regularidad.
Anomalía
dentro de
estructuras
Contraste
El contraste ocurre cuando hay una diferencia o una comparación.

Contraste de figura

Contraste de tamaño
 Contraste de color

Contraste de
textura
Concentración
Se refiere a la distribución de los módulos que pueden ser reunidos o repartidos
de una forma leve o apretados, que se convierte en un centro de interés. Es una
organización cuantitativa- es un contraste entre menos y mas.
Textura
Se refiere a las características de la superficie de la
figura, toda figura tiene una superficie, poder ser
suave, rugosa, lisa o decorada, opaca o brillante,
blanda o dura.
Textura visual: la textura visual es bidimensional, que
puede ser vista por el ojo, aunque puede evocar
sensaciones táctiles.
Textura táctil
Fotografía móvil
• Puedes hacer fotos muy buenas con solamente tu teléfono. Recuerda,
“La cámara no hace al fotógrafo” es solamente un recurso para
empezara contar historias.
• Lo primero que debes hacer es “ver”.
• Busca inspiración en cada oportunidad que puedas.
• También, ten en cuenta que cada uno decide como quiere transmitir su
mensaje, la fotografía es subjetiva a excepción del fotoperiodismo
donde debes mostrar la foto tal cual fue tomada.
Importancia de la composición
• Componer es distribuir los elementos dentro del encuadre de una fotografía
de forma que el resultado sea estético y equilibrado para la mente del
observador.
• Es determinar cuál es el objeto o el personaje principal de tu fotografía, los
secundarios, elementos complementarios, tonos, luces, colores, formas,
sombras, ángulos de toma, etc. Se trata de cómo vas a ordenar todo eso
dentro de la foto y con qué sentido, para qué, qué quieres lograr, qué quieres
mostrar. Componer es una habilidad.
TECNICAS DE COMPOSICIÓN
 Punto de interés principal:
crea un foco visual
• El diseño es en parte comunicación. La mejor forma de
comunicar es contar una historia, pero ¿Cómo podemos
conseguir que se fijen en nuestra historia? Un paso que Punto
facilitará el proceso es decidir cual va a ser su foco visual, clave
su elemento clave, eso que llamará la atención del espectador
a primera vista y hará que continúe la lectura. Elige esa
imagen, ese titular para empezar a comunicar, sitúalo y, a
partir de él, todo lo demás. Recuerda las zonas donde esos
puntos lucen más: diagonal de izquierda a derecha o eje Punto
central, por ejemplo.
clave
• Ejemplos
Perspectiva

https://www.youtube.com/watch?v=9LU2wUoYhlg
Dirección y movimiento
 Línea de horizonte

https://www.youtube.com/watch?v=TyCTeYeIJkw
https://jaimeavila.com/deconstructed
Líneas Curvas
Si existe un tipo de líneas que transmiten armonía por naturaleza, son las
líneas curvas. Aportan suavidad, sensualidad, fluidez a la toma.
Saber utilizarlas te permite llevar la mirada de la persona que observa la
foto hacia el motivo que quieras de forma más natural que las líneas rectas.
En muchas ocasiones no se utilizan para llevar la mirada hacia alguna zona
de la imagen sino que pueden ser ellas, las líneas curvas, el motivo mismo
de la fotografía. La naturaleza está llena de este tipo de líneas, vale la pena
salir a fotografiarlas y aprovechar sus amplias posibilidades creativas.
Enmarcados
Los enmarcados nos permiten encuadrar la imagen resaltando al elemento principal y
ayudan a mantener la mirada dentro de la foto. Evitan que la atención del observador se
escape de la escena enmarcada manteniéndola durante más tiempo en el motivo
principal.
Podemos encontrar enmarcados en cualquier lado, tanto en las edificaciones de las
ciudades como en la naturaleza. Además de ayudarnos a encuadrar dan sensación de
cercanía, intimidad con la escena.
Grupos De Tres
Existe un factor de belleza asociado a los elementos impares que atraea nuestro
cerebro.
El tres es un número que gusta, llena la foto sin ser gran cantidad. No
necesariamente deben ser tres elementos iguales, ni estar exactamente
a la misma distancia uno del otro. Pueden variar su posición, tamaño, color, etc.
pero sí deben ser tres elementos que tengan alguna relación entre sí.
Puedes combinarlos con otras reglas de composición y podrás crear tomas muy
interesantes.
 La importancia de la información: Jerarquía

• Para jerarquizar la información le recomendamos que juegue con los tamaños de

los elementos, crear títulos subtítulos, negritas… Toda diferenciación le dará una
importancia distinta a cada parte del contenido y eso hará que se genere un sentido
de la lectura.
• Selección de tipo de letra.
• Tamaño
• Grosor
• Letras mayúsculas y minúsculas: 
• Negritas
• Cursivas
• Orientación
• Color
 Crea un sentido de la lectura

• Existen varios métodos para conectar la información, aunque eso

siempre dependerá de los elementos que compongan nuestro
diseño pero las formas más intuitivas suelen ser: guiar a través del
texto, de imágenes, de colores o de líneas.
 Equilibrar la balanza: el peso de los elementos

• Todos los elementos son pesos en

una balanza. Hay que buscar el foco
visual que atraerá la atención.

•  Equilibrar nuestro diseño hará

que visualmente sea agradable,
estable y nos permitirá seguir el
sentido de la lectura que hemos
creado intencionadamente.

Simetrico : Visualmente igual Asimétrico : Ilusion de igualdad

 El aire también pesa: espacios en
blanco
• Los espacios en blanco son tanto o más importantes que la
información en sí, porque sin ellos la información 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, y así apoyaremos esos focos visuales al
igual que el sentido de la lectura por el que estamos trabajando quedará
mucho más definido.
 Llena el marco
•  Ocupar toda el área de tu fotografía es otra técnica que da un toque
especial a tus imágenes. Uno de sus efectos inmediatos es que ofrece
detalle de algo que usualmente no miramos así: un rostro, la nariz de
tu perro, la estructura de una hoja, etc. Puede resaltar texturas, revelar
la emotividad de algo cotidiano, suscitar cierto contraste (entre lo
mínimo y lo mayúsculo, por ejemplo) o hacer énfasis en algo de por sí
grandioso
 La regla de los tercios
• La regla de los tercios trata de dividir el campo de tu fotografía en tres
partes horizontales y tres partes verticales, con lo cual se tendrá nueve
secciones (algunas cámaras ya tienen integrada esta función). El
objetivo de esta técnica es evitar a toda costa situar lo más importante
de nuestra foto en el centro del área; usualmente las composiciones
más atractivas se logran extendiendo esos elementos relevantes a lo
largo de dos o más secciones, o situándonos donde los puntos se
cruzan.
 Aprovecha el espacio negativo
• El espacio negativo es una de las nociones más interesantes tanto de la
fotografía como de la pintura y algunas otras artes visuales.  Consiste
en eso que aparece en una imagen pero que, en cierta forma, no
contiene nada. La pared detrás de dos personas, por ejemplo, el cielo,
el piso. Lo curioso es que el espacio negativo puede ser un gran
elemento de expresividad, contraste, geometría y más. ¡Úsalo con
imaginación!
 Piensa en global: el conjunto de los elementos
• Los elementos en nuestro diseño también deben ser
complementarios entre sí: las fotografías, iconos, textos… Cada
pieza importante. Por ello, será necesario que te crees una paleta
de color, trabajes con fotografías homogéneas (sobre todo si estás
haciendo una revista, libro o catálogo) y
tipografías que se lleven bien entre sí. Cuida de todos los
elementos porque eso será la clave de tu diseño, esa será la única
forma de que tu pieza sea atractivo y tenga total coherencia.

• Limita el uso de familias tipográficas. Mientras menos familias

uses en un diseño, mucho mejor. Si necesitas mucha variedad en tu
diseño, puedes usar una familia que tenga muchas variables.
GRACIAS
Conceptos básicos para realizar
composiciones
Punto de inspiración Módulo

Referente
Composiciones
Repetición
Reflexión
Repetición Repetición
Radiación Reflexión

Repetición
Radiación
Bibliografía
• Diseño gráfico: 8 trucos de composición. Recuperado de : https://www.sleepydays.es/2016/04/como-componer-
diseno-grafico.htmlCurso Diseño Gráfico - Cap.5 Diseño y Composición (2015). Recuperado
de:  https://www.youtube.com/watch?v=cLVVV_f7LcQ
• 20 TÉCNICAS DE COMPOSICIÓN QUE MEJORARÁN SUSTANCIALMENTE TODAS TUS FOTOGRAFÍAS.
(2016).  Recuperado de :
https://pijamasurf.com/2016/09/20_tecnicas_de_composicion_que_mejoraran_sustancialmente_todas_tus_foto
grafia
• Recuperado de : https://www.staffdigital.pe/blog/diseno-niveles-jerarquia-tipografica/
• Artesanías de Colombia, Taller 2. Diseño y determinación de referentes para aplicaciones del color. Cali 2016

• UPTC, Museo arqueológico Eliecer Silva Celis, Volantes de huso arte y simbología muisca
• Wong Wicis, Fundamentos del diseño bi-tridimensional, Editorial
• Gustavo Gili, S.A