DISEÑO BÁSICO

ELEMENTOS DEL DISEÑO

CLASE4-11NOV2015 Universidad Técnica de Cotopaxi

Objetivos de la clase
 Entender los elementos que forman parte de la
experiencia visual tanto del diseñador como del
espectador.
 Analizar cada elemento por separado para
entenderlos en su todo posteriormente.
 ELEMENTOS CONCEPTUALES

No existen de hecho, sino que sólo parece

que están visibles (Wong, 2002: 42).

PUNTO: Posición, no tiene volumen, ni

dirección.
LÍNEA: Recorrido entre dos puntos, tiene
dirección, sentido y medida.
PLANO: Recorrido de una línea en
movimiento. Tiene ancho y alto, posición y
dirección.
VOLUMEN: Es la percepción, en diseño
bidimensional, de tres dimensiones,
formada por planos en movimiento. Tiene
ancho, alto y profundidad (ilusoria).

FUENTE: Fundamentos del diseño

ELEMENTOS CONCEPTUALES

Diseño: Ottavio
Cautilli.
Fuente:
www.graficoydiseno
.com
ELEMENTOS VISUALES

 Cuando los elementos

conceptuales del diseño
toman forma, son
visibles, tienen color,
medida y textura
(Wong, 2002: 43).

FUENTE: Fundamentos del diseño

ELEMENTOS VISUALES

 FORMA: Identificación de la
percepción.
 MEDIDA: Tamaño,
dimensiones.
 COLOR: Percepción visual que
distingue un matiz de otro.
 TEXTURA: Elemento de
cualidades ópticas que evoca
sensaciones táctiles.
FUENTE: Devian Art
Diseño: Cocacolagirlie
 ELEMENTOS DE RELACIÓN

 Ubicación de las formas en

un diseño.
 Se PERCIBEN: Ubicación y
dirección.
 Se SIENTEN: Espacio y
gravedad
 (Wong, 2002: 44)

FUENTE: Elementos del diseño

ELEMENTOS DE RELACIÓN
 DIRECCIÓN: En relación con
el observador y la línea de
horizonte.
 POSICIÓN: En relación con
el cuadro o el artboard
(espacio de trabajo).
 ESPACIO: Ocupado o vacío,
liso o ilusorio. Sugiere
profundidad.
 GRAVEDAD: Percepción
psicológica (pesado o
liviano, estable o inestable,
etc.)
FUENTE: Paperblog.com (carteles asombrosos
– inspiración)
 ELEMENTOS PRÁCTICOS

 REPRESENTACIÓN: Derivación de la “realidad”

(realista, estilizada, semiabstracta) (Wong, 2002).

FUENTE: Inspirational
web design
 ELEMENTOS PRÁCTICOS

 SIGNIFICADO: El diseño transporta un mensaje (Wong,

2002).

FUENTE:
streetmkt.com
 ELEMENTOS PRÁCTICOS

 FUNCIÓN:
Cuando el
diseño sirve
a un
determinado
propósito
(Wong,
2002).

FUENTE: eltornilloquefalta
 EL MARCO DE REFERENCIA
 Son los límites –
físicos o visuales
del diseño,
dentro de los
que vamos a
trabajar.

FUENTE: eltornilloquefalta
 EL PLANO DE LA IMAGEN
 Superficie en la que ha sido creado el diseño. A través del diseño se
puede crear distintas ilusiones y efectos visuales (Wong, 2002).

FUENTE: eltornilloquefalta
FORMA Y ESTRUCTURA
 FORMA: Figura de tamaño, color y textura
determinados (Wong, 2002).
 ESTRUCTURA: La manera en que ésta es creada,
organizada y construida en relación con otros
elementos (Wong, 2002).

FUENTE: Graphein
 FORMA Y ESTRUCTURA
 Al ser visibles, los puntos, líneas, planos y
volúmenes también son considerados formas.

 La Forma como
Punto:
 Su tamaño debe ser
relativamente
pequeño.
 Su forma debe ser
relativamente
simple. FUENTE: Fundamentos del Diseño Gráfico
 FORMA Y ESTRUCTURA
 La Línea como Forma: ancho estrecho – longitud
prominente. Delgadez relativa.

FUENTE: Fundamentos del Diseño Gráfico

 Aspectos de la línea:
 Forma: Recta, curva, quebrada, regular, irregular, etc.
 Cuerpo: Formas de los bordes y su relación entre ellos, cuerpo
regular, irregular, liso, nudoso, etc.
 Extremidades: Bordes cuadrados, redondos, etc.
 Líneas conceptuales.
 FORMA Y ESTRUCTURA
 El plano como forma: Toda forma bidimensional que no
se reconoce como línea o plano. Limitadas por líneas
conceptuales que son sus bordes. Tienen varias figuras:
a. Geométricas.
(matemáticamente).
b. Orgánicas: Fluidez.
c. Rectilíneas.
d. Irregulares (rectas y
curvas).
e. Caligráficas: a mano
alzada.
f. Accidentales: procesos
al azar o su simulación.

FUENTE: Fundamentos del Diseño Gráfico

FORMA Y ESTRUCTURA
 El volumen como
forma: Es ilusorio.
Sólo remite o evoca
la sensación visual
y sensorial de
volúmen, sin serlo
en realidad.

FUENTE: Pluncher design

FORMA Y ESTRUCTURA

FUENTE: designbeep.com
 FORMA Y ESTRUCTURA

FORMAS POSITIVAS Y
NEGATIVAS

Positivas: Ocupan un
espacio.
Negativas: Espacio en
blanco, rodeado por un
espacio ocupado (Wong,
2002).

Relación Fondo y Figura FUENTE: Universidad San Judas Tadeo – Carrera

de Arte
 FORMA Y DISTRIBUCIÓN DE COLOR

Ofrece múltiples
variedades y
combinaciones, a partir
de formas simples.

Ejercicio en formatos A4,

papel bond o cartulina
(bristol o marfil lisa) con
lápiz 2B, borrador de
queso, sin regla (a mano
alzada).
FUENTE: Fundamentos del Diseño Gráfico
FORMA Y DISTRIBUCIÓN DE COLOR

FUENTE: Pinterest.com-posters
FORMA Y DISTRIBUCIÓN DE COLOR

FUENTE: www.bwilhelmdesign.com
 INTERRELACIÓN DE FORMAS
Son las diferentes posibilidades entre las que dos formas pueden
relacionarse entre sí.

FUENTE: Fundamentos del Diseño Gráfico

 A. Distanciamiento  A. Unión
 B. Toque  B. Sustracción
 C. Superposición  C. Intersección
 D. Penetración  D. Coincidencia
 INTERRELACIÓN DE FORMAS
Son las diferentes posibilidades entre
las que dos formas pueden
relacionarse entre sí.

FUENTE: Pinterest
 INTERRELACIÓN DE FORMAS
Ejercicio de interrelación de elementos
simples.
Círculo, cuadrado,
rectángulo.

Formato A4, cartulina

bristol o marfilisa, lápiz
y rotulador negro.
Compás y reglas
(escuadras). Cinta para
fijar el papel en la
mesa.

FUENTE: Pinterest
 INTERRELACIÓN DE FORMAS
Ejercicio de interrelación de elementos (aplicación).

Formas figurativas simples.

Formato A4, cartulina bristol

o marfilisa, lápiz y rotulador
negro. Compás y reglas
(escuadras). Cinta para fijar
el papel en la mesa.

FUENTE: Pinterest
 BIBLIOGRAFÍA

Wong, Wucius (2002). Fundamentos del Diseño. Barcelona:

Editorial Gustavo Gili.

Diseño Básico
GRACIAS