Está en la página 1de 29

Teora y Ciencia

del Diseo
Parte 4
La Composicin

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Presentacin
La Teora y Ciencia del Diseo parte 4 - La composicin, est orientado a
fortalecer el conocimiento compositivo de diseadores principiantes y
profesionales. Es un libro corto que presenta su teora de manera esquemtica y
ms entendible. Muy til para personas que tienen poco tiempo para leer.
Desde la ptica de la Teora General del Diseo la composicin es la suma de
elementos organizativos y estticos del diseo, por tanto, componer es crear y
configurar elementos de manera organizada, con esttica con un fin
determinado.
Existen muchas tcnicas compositivas y no hay regla exacta que diga que los
diseos se deban hacer de una manera particular, excepto aquellos que estn
regulados por normas gubernamentales e internacionales y medidas precisas.
Para mayor facilidad y comodidad de los lectores est obra se ha dividido en
varias partes. Hace parte del Plan Educativo de las Ciencias Grficas que
promueve Noriega y es apoyado por la Fundacin Bits.

Por un mundo
bien educado
La Teora y Ciencia del Diseo, parte 4 - La composicin, ha sido creada segn el plan de su autor Eder Noriega Torres.
Primera edicin 2013. TODOS LOS DERECHOS RESERVADOS.
Ninguna parte de esta obra puede ser reproducida o transmitida mediante sistemas electrnicos o mecnicos
(fotocopiado, reprograbacin o cualquier sistema de recuperacin y almacenamiento de informacin) sin consentimiento
del editor. Esta obra ha sido registrada en la Direccin Nacional de Derecho de Autor, Ministerio del Interior, Repblica de
Colombia y est protegida por derechos de propiedad intelectual. Si tiene conocimiento de un uso contrario a lo
establecido, por favor informar en www.fundacionbits.com

Fundacin

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Contenido
4. Introduccin.
5. Composicin en diseo.
6. Teorema compositivo.
7. Esquema general del teorema.
8. Quiero aprender a componer.
9. Elementos e instrumentos.
10. Tcnica de la bocetacin.
11. Mapas mentales.
12. La buena observacin.
13. La buena organizacin.
14. Cuadrcula y guas imaginarias.
15. Objetividad y calidad por principio.
16. El buen contraste.
17. El buen equilibrio.
18. Tcnica de la adaptacin de las formas.
19. Tcnica del minimalismo o simplicidad.
20. Tcnica de la exageracin.
21. Tcnica del surrealismo.
22. Tcnicas tipogrficas.
24. Composiciones manuales.
25. Composiciones artsticas.
26. Composiciones simblicas.
27. Composiciones icnicas.

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Introduccin
Todo diseo, por principio, es organizado,
esttico y configurado como una composicin.
Organizar es ordenar pero la esttica y la
composicin logran la belleza y la expresividad
que el orden por s mismo no alcanza. Con este
principio logramos diseos expresivos,
persuasivos, uniformes, balanceados,
equilibrados y rtmicos.

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Composicin
en diseo
Es la suma de elementos
organizativos y estticos
del diseo

Recordemos qu es diseo

+
Concepto

Materializacin
del concepto

Diseo

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Teorema compositivo
El teorema compositivo no es un conocimiento particular
o especfico para una determinada disciplina del diseo.
Es un conocimiento global que se puede adaptar a la
actividad de diseo que ms nos convenga. Hay algunas
excepciones como es el caso del diseo de
procedimientos en los cuales muchos de estos temas no
se aplican ya que constituyen disciplinas no tanto
representativas o grficas como el diseo grfico,
industrial, moda, ergonoma y arquitectura. Este
teorema sirve para crear teoras particulares a nuestro
gusto y con la seguridad de que estarn
contextualizadas dentro del gran marco de la Teora
General del Diseo.
El teorema compositivo es tan importante en el
diseo como ser cualquiera de sus principios. Su
fundamento lo constituye uno de los principios
generales del diseo el cual afirma: Todo diseo, por
principio, es organizado, esttico y configurado como
una composicin. Organizar es ordenar pero la esttica
y la composicin logran la belleza y la expresividad que
el orden por s mismo no alcanza. Con este principio
logramos diseos expresivos, persuasivos, uniformes,
balanceados, equilibrados y rtmicos.

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Esquema general del teorema

ORGANIZACIN

ESTTICA

COMPOSICIN

Aspectos
objetivos
del diseo

Aspectos
subjetivos
del diseo

Aspectos organizativos,
subjetivos y
compositivos del diseo

Abstraccin
Amor
Belleza
Creatividad
Emocin
Expresividad
Inspiracion
Sensibilidad
Sentimiento

Diseos
bien
configurados

Anlisis, clculos y costos.


Adaptacin
Armona y Claridad
Color y textura
Contraste
Diagramacin
Equilibrio
Espacios y Formatos
Funcionalidad
Iluminacin.
Interactividad, Investigacin.
Medidas
Orden
Orientacin
Patronaje
Razonamiento
Realismo
Ritmo y movimiento
Simplicidad
Tamao

Teorema compositivo
Composicin en diseo es la
suma de los elementos
organizativos y estticos.

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Quiero aprender
a componer
Entonces debes
aprender a:
Observar mucho, tocar,
escuchar, oler, saborear y
comunicar.

Necesitas
practicar

Y lo ms importante:
Tomar decisiones
sin vacilacin.

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Elementos e instrumentos
Recordemos: Composicin es la suma de elementos organizativos y estticos del
diseo, por tanto, componer es crear y configurar elementos de manera
organizada, con esttica con un fin determinado.

Qu elementos
materiales
necesitamos
para componer?

Los elemen
tos materia
les se elige
funcin del
n en
diseo a rea
li
z
a
r.
Si vamos a
disear una
artesana de
b
a
rr
o entonces
nuestro ma
terial princip
a
l
s
e
r el barro.
Si vamos a d
isear una m
e
s
a
de madera
entonces nu
estro materi
a
l
p
r
i
ncipal ser
la madera.
Si vamos a
d
is
e

a
publicitario
r un aviso
en compu
ta
d
o
r nuestro
material pr
incipal en
e
s
te
c
materiales v
aso sern
irtuales com
o el formato
espacio, fu
o
entes tipog
rficas, col
contornos,
o
re
s,
rellenos, ln
eas y f igu
sombras, efe
ra
s,
ctos especia
les, etc.

Qu instrumentos necesitamos
para componer?
tambin
a composicin
n
u
r
a
liz
a
re
ra
n
tos pa
uien disea co
Q
r.
a
Los instrumen
liz
a
re
a
o
,
ncin del dise
ajo las tijeras
b
a
tr
e
se eligen en fu
d
s
to
n
e
n
como instrum
ujas, etc. Quie
g
a
r,
e
telas elegir
s
co
e
d
a
al
onaje, mquin
nvase industri
e
n
u
reglas de patr
o
o
ic
n
n
no arquitect
computador co
n
u
disea un pla
jo
a
b
a
tr
e
strumentos d
caso de hacer
n
e
iz
elegir como in
p
l
y
l
e
p
programas, pa
e medicin, etc.
d
s
to
unos buenos
ra
a
p
a
,
ra
tes, calculado
bocetos y apun

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

10

Tcnica bsica: la bocetacin


Antes de crear un diseo es recomendable hacer bocetos previos con papel y lpiz. El
boceto es un borrador esquemtico que servir de gua para nuestro trabajo. A veces no es
necesario hacer bocetos, pero si la actividad del diseo as lo requiere es mejor hacerlo.

11

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Tcnica del mapa mental


Esta tcnica la usan los diseadores experimentados que no necesitan crear bocetos todo el
tiempo. El mapa mental es un concepto compositivo mental que tiene como objetivo
imaginar la organizacin de las formas, especialmente los elementos a resaltar y la
orientacin que debe seguir la vista.

Texto
Imagen
Los dems elementos son secundarios

Lo primero que se ve es la foto,


luego los textos y por ltimo
la marca.

12

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Tcnica de la buena observacin


Un buen compositor en diseo tiene por regla general observar mucho los trabajos
profesionales de otros diseadores y no se trata de copiar y plagiar sino de extraer ideas y
luego disearlas a nuestro gusto de tal manera que una cosa no tenga nada que ver con la
otra. Entre ms se observe en esa misma medida el cerebro se saturar de informacin.

En el diseo de estos dos Mouse aparentemente uno parece


copiado del otro pero en realidad no es as. Son dos conceptos
totalmente diferentes.

Milogo

Inicio

Quienes somos

Contctenos

Sports

Mi sitio web

El diseo de esta plantilla es copia del anterior y


no se parece en nada. Simplemente se tom
como ejemplo modelo para sacar un diseo
diferente.

13

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Tcnica de la buena organizacin


Todos los elementos que estn presentes deben organizarse y distribuirse de tal manera
que se ajuste al objetivo que nos hemos propuesto. Nunca demos por hecho el primer
diseo organizado. Tratemos siempre de crear diferentes propuestas y finalmente elegir la
mejor.
Diseo totalmente centrado
donde predomina el ttulo

Diseo donde predomina


la imagen

T E X T O S

T E X T O S

Diseo asimtrico donde


predomina un ttulo y una imagen

T
E
X
T
O
S

Diseo informal
con una organizacin diferente

TEXTOS
Texto auxiliar
O a kasjk ajsdfkasl fsahf hasfjh asjhfj
ashfj hsajfh jsahfj sahfjh sajfh jashfjh
j--L ka asjfkj asdfj asjdfas fhashf ashfj
hasjdfh jashfjsa hfjashj f

T E X T O S

No hay lmites para organizar un diseo.


Como regla general procuremos resaltar un solo texto y una imagen.
Dejemos siempre espacios en blanco para evitar la sobresaturacin.

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

14

Tcnica de la cuadrcula y guas imaginarias


Para tener mayor precisin a la hora de componer, podemos hacer uso de cuadrculas y
guas imaginarias a fin de que nuestros diseos grficos queden perfectamente
equilibrados.

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

15

Objetividad y calidad por principio


Lo ms importante de un diseo no es que sea atractivo, bonito e impactante sino que
realmente sea objetivo, consecuente con sus metas, responsable con su funcionalidad y
calidad. De nada sirve un diseo bonito que no cumpla con su funcin.

Anuncio con una composicin fotogrfica creativa

Mesa expandible

Botas
ergonmicas

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

16

El buen contraste
Un buen diseo siempre lleva implcito un buen contraste que lo hace llamativo y atractivo.
El contraste es la diferencia o condicin opuesta de dos o ms entes al compararlas una con
la otra.

Contraste de color

Contraste de tamao
y color

Contraste de puntos

Contraste de lneas

Contraste de rellenos

Contraste de tamaos

Contraste de cantidad

En resumen,
todo contraste
permite
marcar diferencia.

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

17

El buen equilibrio
Un buen diseo siempre es equilibrado. Presenta un peso visual que agrada y atrae. El
equilibrio puede lograrse teniendo como regla general la tcnica del buen equilibrio
compositivo que consiste en establecer un balance visual entre dos o ms elementos del
diseo.
Cada forma o figura representanda sobre un
papel se comporta como un peso, un peso visual,
porque ejerce una fuerza ptica.
Los elementos de nuestra composicin grfica
pueden ser imaginados como los pesos de una
balanza. Una composicin se encuentra en
equilibrio si los pesos de los distintos elementos
que la forman se compensan entre s

Equilibrio de color
Podemos equilibrar nuestros diseos
con imgenes que tengan tonos
parecidos al fondo y otra pequea
imagen o figura con un color
que resalte y llame la atencin

Equilibrio de formas y colores.


Podemos equilibrar nuestros diseos
de manera inteligente
estableciendo un peso visual
tanto en color y forma.
Un ejemplo es crear imgenes
pequeas llamativas e
imgenes grandes y figuras
un poco tnues

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

18

Tcnica de la adaptacin de las formas


La tcnica compositiva de la adaptacin de las formas es aplicable a casi todos los
procedimientos de diseo y en especial los relacionados con el diseo industrial, mecnico,
manual, ergonmico y arquitectnico. Esta tcnica consiste en adaptar los diseos a las
formas ya existentes. No es obligatorio pero ayuda mucho por organizacin y
funcionabilidad.

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

19

Tcnica del minimalismo o simplicidad


Con esta tcnica compositiva se logran diseos aparentemente simples pero muy
complejos. Son muy agradables a la vista. El minimalismo es lo opuesto a la saturacin de
elementos en un diseo.

S i m p l i c i d ad

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

20

Tcnica de la exageracin
Con esta tcnica compositiva se logran diseos exagerados que impactan y cumplen con su
objetivo. La exageracin debe ser manejada con mucho cuidado y tacto no sea que
produzca un resultado contrario al esperado.

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

21

Tcnica del surrealismo


El surrealismo es una tcnica compositiva que intenta buscar y representar una creacin y
realidad subconsciente, onrica,imaginaria e irracional ms all de la realidad fsica.

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Tcnicas tipogrficas
Son aquellas donde prevalece la tipografa como elemento principal del diseo.

22

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Composiciones manuales

24

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Composiciones artsticas

25

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Composiciones simblicas

26

Teora y Ciencia del Diseo / Parte 4 / La composicin / Noriega

Composiciones icnicas

27

Teora y Ciencia del Diseo / Noriega

Crditos
El uso de imgenes incluidas en esta obra son de uso libre, sin embargo queremos
reconocer sus crditos por tan importante material.
Stock XCHNG: http://www.sxc.hu/
Fotos libres: http://www.morguefile.com/
Free Icons: http://www.iconfinder.com/free_icons
http://www.freepik.com/free-vectors/icons
http://www.widewallpapers.net
Http://openclipart.org
Bancodeimagenesgratis.com

29

Eder Noriega Torres


Eder Noriega Torres naci en el municipio de La Paz (Cesar) Colombia, el 1 de noviembre de
1970. Es publicista, diseador grfico, artista digital del 3D, fotgrafo, diseador infogrfico
desarrollador de interfaces grficas para pginas web, video juegos y software. Es comuniclogo,
investigador, escritor y conferencista. Una de sus obras muy reconocidas a nivel internacional es La
Tcnica Vocal Hablada & Cantada, una obra tcnica dirigida a principiantes y profesionales que
trabajan con la voz. Es autor de varias marcas muy reconocidas en Colombia.
Descubri la Cienciografa como la disciplina cientfica de las ciencias grficas. Entre sus
obras encontramos: Teora de las Formas en el cual se explica en detalle las leyes universales de las
formas y todo lo relacionado con este mundo. Manual Cienciografa, ciencias grficas. Declaracin
de los Principios Generales del Diseo. Teora de la Comunicacin Grfica. Descubri la ley de la
afinidad grfica y eso lo llev a establecer la afinidad grfica o afingrafa del alfabeto espaol.
Finalmente el trabajo de la afingrafa del alfabeto espaol dio origen al fortalecimiento del mtodo
tradicional de enseanza de la lectoescritura con el programa llamado Tico, especialmente para la
educacin bsica primaria. Tico es un programa integral educativo de la lectoescritura que
promueve en Colombia su fundacin y ms concretamente en los departamentos del Cesar y la
Guajira.
Posee ms de 20 aos de experiencia en el campo grfico. Trabaj un tiempo con agencias
de publicidad y diarios regionales de la costa norte de Colombia pero finalmente su corazn le
indic que deba independizarse y trabajar como empresario independiente. Ha trabajado de
manera autodidacta en el campo de la qumica y en la cual ha logrado desarrollar algunas frmulas
de mucha importancia para la industria mdica y cosmetolgica, entre ellas, el descubrimiento de
un medicamento para erradicar el hongo de la onicomicosis que afecta las uas, la formulacin de
un extracto natural para controlar la cada anormal del cabello, la formulacin de un qumico lquido
biolgico para controlar eficazmente la plaga de las termitas.
La dualidad de estos dos conocimientos, el diseo y la qumica, lo llev a crear la Fundacin
Bits en el ao 2012, una ONG de carcter social que promueve la ciencia y la tecnologa en
Colombia. Actualmente es el presidente y representante legal. La Fundacin Bits crece da a da y
extiende sus conocimientos a travs de internet en el mbito nacional e internacional. Uno de sus
proyectos pilares se denomina www.cienciografia.com

www.edernoriega.com

www.fundacionbits.com