Los Elementos Del Diseño
Los Elementos Del Diseño
• . #'fI
e Iseno
Manual .e es ¡lo
para diseñadores gráf (OS
Timothy Samara
Prefacio o • • • Capítuc -
Qué es el diseño La fo
gráfico y el UlIIaCIi.
Introducción 008
Veinte reglas para crear
an 'bue. diseiio
Cómo __
el espa::-~
Una 02.:=
el sigr ':
.:.apítulo 2. al! Capítulo 3 1101 Capítulo 4 1 4 Capítulo S 196
Los faadamentos meglr y atilizar ID m1Uldo La orgaaizacto.D
del color los tipos de la imageD del COlQlIDto
lO
,-
declor y la
.I!!l::==-.- ';l-"'_;'IOfóonan las
,=;='7-:;~;3-V. -i;c-üa!es para.
_- ~e sobre la
....,,--..::.. ""_- o<,íetKa
-==¡;¡:-;... .csdementos
_ ~ _. e abstractos,
Hay que [Link]:ar
DO decorar.
"¡Oh. es precioso t Pero ¿qué es ?".
Relacionada con la número 1, es,a regla
trata de cómo apoyar ese vital concepto.
L;¡ fonna expresa un significado, no importa
lo sencilla o abstracta que sea, y una forma
,
, ,- que no sea apropiada para un mensaje
. , determinado comunicará mensajes que
I . -
no pretendías comunicar (además del
I " ~ ,
mensaje de que no sabes escoger formas
I '
significativas para tu público o que te da
igual! que ésta significa para ellos). Está
?ollow effective muy bien experimentar con figuras.
, rtion with quiet detalle' y erectos "alucinantes", pero si
sólo los pegas por todas partes sin
~on. From the
considerar su significado y cómo subrayan
~ •..ñet reflection will
•
I .;. o ebilirall el mensaje, acabarás con una
, :nrrle even more mezcolanza de cosas raras que Y3 no se
, ~ective action. puede llamar diseño.
Haz que todas las partes e hablen entre
sí. .. y en el mismo idioma. Contempla
oda, desde 1plan general hasta el
más mínlll10 detalle, y pregúntate:
"¿Se relaciona todo con todo de farola
armonio ?". Un buen diseño resuelve
el lenguaje visuaJ de la pieza. su lógica
intern;¡, d tal modo que 'odas sus partes
se refuerzan, se acentúan y establecen
relación entre sí en cuanto t\ su forma.
eso, sítllación y concepto. Desde el
momento en qlle un elemento queda
fuera de lugar o no se le pre tA la debida
atención, se descone ta de lo demás
yel mensaje se debiJita.
012
ol)
~(I~r,'H.'"
w!',~w'4
"'.I.e.t'>I'-~
.. ·.~ .... t
'iqr rtll~"'J,li' '~""
ol'óh~t."Ij.'n""(liritU
,..
".
oge los
res con un
....~..ó.ito.
'~es los colores que primero se te
Ha de tener presente qué hacen
~. es cuando los combinas y, lo que
- - unponante, qué pueden ev car en
•'0. El color comporta toda una
s'gnificados psicológicos y
~-ri -m.:IIt!S. y é tos pueden variar
~--#r.\ente de unos grupos culturales
~ in Juro enire individuos. Los
- •«tan a la jerarquía visua 1, a la
- - d del tipo ya cómo las personas
-----."n..,bjetos dispares entre sí, así qu
s:i-;;.aas con cuidado. Tampoco supongas
_"rermin;¡do color o combinación
-... ,,.,..l,..,-_,>;:- son adecuados para un encargo
---e por convencionalismos. El azul
: nicios fInancieros. por ejemplo,
o Boticário oBotídn
"2.:".,_;;0 ópico del color de los
- .: . cu mOl años. Elige color s por !oom'
5:i;~¡¡fC:ual¡¡" no porque sean los
Ésta I:f :.lna . di 'ac:6n del adagio moderno: El verdadero arte radica ellla convergencia
-Menos c.; [Link]~. Ahora no se trata tanto ;,mnóllica de [Link] y reflexión
de • .1C{lP:'.3. estético como de sentido aplicadas a lo mínimo. Si el concepto y la
éúmun. '<LilltiJS m.á.s elementos se forma son bellos, habrá muy, muy poco
....Jl:!Cel Uf en un espacio determinado, qu.e mirar sin obtener una valía a
ma" :iifí:il es para un espectador medio expericncÍ<!. Piensa en cuánta basura Un exquisito y decisivo control
de los dementos y alineaciones
~ :c que se supone qlle debe ver. Además, visual cae cada día sobre cualquiera que minimalistas y de los espacios
s ::la horterada: cualquiera puede juntar pase por la calle y pregúntate si no tendría entre y alrededor de ambos elea
un. uñada de COS;L.• añadir un mensaje. mucho más sentido librarse de parte de e e un espacio dinámico y (asi
arquitectónico que result.a
ul~o } considerarlo una obra de arte batiburrillo y sustituirlo por algo elegante, actillo y tridimensional. Yes
:ürnpleja. pero hay una gran diferencia claro )' que llame la atención. Realza el todo lo que ~a,e falta en un
~ITe ~ mplicado" y "complejo". significado de lo que ya tienes, no lo llene folleto dª un eSludio de
arq uite<:Wra. (onte mporánea.
L" complejo a menudo es producto de porquería. Si la idea está clara sin
~e un contexto sencillo. necesid,ld de :l,i'íadir nada, es innecesario LSO EI¡mñn
<' 016
o Oli
Si puedes
hacerlo coa
lDeDOS, adelaate.
British RedCross
When it comes to
first aid training
for the workplace
be sure you're in
safe hands.
i 1 • lo 0870170$110
." .~, I ....... -!""i'"
wvr. :.tcdcro~.o!~v:klf;NI
---
ascendente procedente de los
demás elementos y a<i:iva así
la parte superior del cartel.
C-G Partners Est~dD' U",dos
Trabaja la
tipografía GOBIO
si tuviera la IDisIlla
ilnportaDcia flae
la ilDageD.
os tipos sólo
SOB tipos [Link]
SOB agradab es.
Una de las raZOrles por las Que le
gusta lanto este cartel es porque
se dirige de manera muy clara a
nuestro saber común, parece
casi como si no hubiera SIdo
diseñado. Un círcu(o de un color
dlido que flota sobre un fresco
honml1le color azul con el que
cont,asla un ,efrescante campo
a,m¡uillo se expliq.
perfec!.amente por sí mismo.
Comprbne y
separa.
BOOKINGS 9250 7777
SYD~YOPfRA¡;OUSó.COM
!ICKETfK In 8.9
T!CKó[Link]
( OR o,,~ PI-iY ¡;.- • i'~r M Ir' \'¡Y
,,:,~~Il( BlNJN'.Ir.
MU~IC ''''lL H;....I 'UfY ¡lEN) '1"
"',4RGA'If' UI tRI O
SO DESIG VINCE FROST
liGHTING ON..IIEN COOPER
COSltJMES JfN,'Jl~tR IRVliN.
lUS1INE SfYMOUR
foEMlVE, SOCIA) E JAN!;i VE~NOI'<
LOS &L¡;~lENTO:S
JW..JU$. '.
Las transiciones suaves y
ondulantes desde un negro
profundo a un azul luminoso
propOrCionan un sensual telón
de (ondo a la tipografía (lara
y brillante de esl,e (artel.
Al cambiar el tamaño de los
gru pos de ti pos, así (om o
los espadas entre ellos, el
disenador también introduce
transiciones en su valor quese
corresponden con [as
transiciones de la imagen.
Paone Design AS5ociate<
tl!O<!a; Unido,
Distribuye
la 1. . ,.la
oscaridad
CODlO faegos
artificiales
o un alDaDecer.
TMfSOUl Of S""ACUSE
Sé contandente: UnlnlS.•liSl·So<[Link]
3800 E. Gilñ...... Dfwítt; NY
hado a
• •
CODClenCIa o
DO lo bagas.
w·..~il'il~.$ir~1Ift1<rn~t
~ C1tI~S1Ud~lMr.~n:d~
:po1lC'y,:U1.~on::[Link];.tM(OfIq:oI
11lUW·~S')'fMcJAlUll:l:o'Mi1y~1bt-
~~:~~~.
tbü.~l,t~ ~tl'¡t
'«dI1"bt;¡~loMcf.:[Link]~",11J
'_''''tlwdsJ<Jot_ _
s.._
"'<1<".''''''''''
"'(A«W~ ~
IrwlolU:~.
N ....~~ I
oM:~"""I~
to!.IMc...Wl~
!l<'.
~.;l·I~
'S"I'ti.([Link]'WTr
-.
~-~ -=- - - .-
La cualidad tosca yvisceral de
esta página ccntral oculta una
meditada colocación de las
'Oml~s. El [Link]íador ha percibido
de manera muy objetiva l¡¡
presencía visual (peso, textur..,
m0\1omietlto, angulosidad,
transparencia, contorno) de cada
elemento y ha resucito su
alineación y relación
.rmonios.;¡mente.
Mide COIl
los ojos:
el diseño
es visaal.
Un objeto es 10 que parece ser, así ql1e oruéndote en el lugar de tu público:
dale el aspecto que deberia tt?ner. El ojo ¿Son ambos el mentos del mismo Lamano
humano es algo extraño. le engal an :.\ (l no? ¿ Está tocando lo forma el limite del
menudo los estímulos [Link] famos formato o no? ¿Est;in esos dos elementos
ilusión óptica. Sin embargo. las ilusiones alineados o no? Si quieres que un
ópticas forman el noventa por ciento demento esté alineado con otro. hazlo a
de la lógica visu Ide la composiciól1. Por ojo, no lo~ midas. Si el espcnador percibe
iemplo, las líneas horizontales parece que que los objetos están alineados, asumirá
::..; se Laen. así que hay qu" desplazarlas un qu a.SÍ es. Si alineas los objetos
?Dco h<lcia arriba para qu~ parezcan estar midiéndolos y no p<1r cen estar alineados,
centrada vertlcalmellte. las formas no importa que lo e~lén reJlmeme.
• u1arcs siempre parecen de menor el espectador veriÍ dos objetos que
-nu.ño q~ las L'uadrad;¡s aunque tengan deberían haber estado aline<tdos
. ,,;:;¡a Itura ma~mc:ítica. así que hay y recordará que un djs íiador chapu('cro
-er trampa)' agrandarhs pata que se olvidó de asegurarse de que fuero! :l. t.
..... <,~CUIJl:~~'uale· TomJ decisiones
Enc,l!gar una ilustradÓ1l es ",Igo
que le permite a uo di:se-
perronahzar comple amen:e
la apariencia de un prO}'ffio.
Adem<Í$, la Ilustración (va 9:2'
°
ésta un dibujo plOt1Jr;;
c.onvencion31o una cfe'a.c"
digital) no está r€strlOg¡da
por las le>,e5 de la nalural~<a.
Cyr Studio Elr.,d" l)'
No
. , rapiiies las
UDageaes,
eréalas.
LekedcleSdeneel':t'Technology ""r:Ic
I ,l,,,
Fr,,1t g, ~.Apri."005. '[Link];'.aoUhr
_il umco que hace falta para ¿No tiene, ninguna 'otografía
;¡ e una imagen sea nueva o ilustración a mano? ¿No sabes
r cog.n;;l. incluso una mala dibujar? No importa, un
'.;g~ pI oPC>I([O nad a diseñador con una buena
::>:J! ~ ..-rente. es un poco U)mprensión del potencial
'""J)tJlaclón. Sea cual fuere de comunicación de la 'orma
¡e de .este rectare, abstracta y del sIgnificado
,;: - tm-a n lleva vi da de la sencillez (en este. caso,
¡¡ con un cambio un software de dibujo y un filtro
¿~3D de exnn"- borroso) puede transformar
elementos visuales nada
complicados en imágenes
bastante originales y
corn:eptualmente apropiadas.
Ignora
las lDodas.
liD [Link].
Reconozco que ésta puede ser una regla
difícil de seguir porque tu trab~jo
es COlTlUl1lcarte con tu público, el cual,
excepto en el c~so de que pueda viajar
en el tietupo, e>:iste hoy y sólo hoy. en el
presente. Estas personas del presente
tienen gustos y expectativas particutares
sobre el aspecto que quieren que tengan
sus comunicaciones. A otros djseñadores
se les está prestando una atención
considerable porque su trabajo es súper
actual, súper!asilíoll y súper in. Olvídate
de todo eso y míralo desde este punto
de vista: si tú diseñas el proyecto y lo
"$te cartel desafía todas
las tendencias tan de moda
configmas según su significado y no según
aaualmente: no es fotográfico expectativas ajel1as sobre conceptos
. il. w.. tivo, no es ILlm.. tivo ni estilísticos, pueden salir varias cosas
:;'"amuroso, no es mmplejo
¡é<,ntcamente, no parece [Link] buena de todo ello. En primer lugar,
l' es casi simétrico. Pero expresa probablemente tendrá mucho más
c,1eJgía y movimiento V, [Link] para el público y su utilídad
'¡:t:i!.a"mente, es muy poderoso.
será más prolongada, de modo que no
acabará en la basara tan rápidamente
como Otl0S (con lo que eso contamina
el ecosistema). En segundo lugar, puede
que incluso posea esa cualidad duradera
que le permita pasar a los libros de historia.
Nadie mira al Panteón de Roma, construido
hace casi 2.000 años, y dice: "PUOlj, qué
anticuado".
Aunque la popularidad de (__
ilustracíón va e" aun1entll, "sta
en particular es todo lo que ahora
no está de mooa; plana,
posterizada, c!arame te digital
y de textura y detatle-s complejos_
Esta imagen. en honor al tema
que ¡lustra, tie-ne un aspecto
(así artesanal y nos remíte
a un tiempo pasado.
Ames Brothers Es¡adol Unidos
DECORAJlON FOil DECORA ON 5 SME.
HARD TO IMAGINE IT WAS FROWNED UPO.
UNTll RECENTlY. NOW PURtTY 15 OUT ANo
PATTERN 15 VERY MUCH IN. HENCt THE
VENEEIl Of ORNAMENT THAT ENVHOPS
SO MUCH OF CON1EMPORARY DESIGN.
SOMETHING SIMILAR 15 SWE!.PING ¡HE
WORlD OF INHRIORS. MUCH OF THE
WORK ON THE FOlLOWING PAGES DEl<M5
ns POWER fROM lHE APPUCAJlON OF
SURFACl: DECORAnON. AND WHO BETTER
TO APPlY IT THAN THE REAL SURFAa
SPEC/AlISTS? ENWl THE IllUSTllATOR.
THE GllMfiTJ SPllAYER, THE STRfET ARTlsr,
lHE fASHION PHOTOGRAPHER, ANO MANY
MORE MASTERS Of FlAT SPACE.
WELCOME TO THE GRAi>HIC ZONE.
,·I.;¡s let,iUi en
e5'alonados
dd formato y rotar
- - e ," n en el fondo,
-~or no sólo ([Link]
- dinámico entte los Com~ 1'''''''1 bao
- os positivos y negativo5,
~ "0 un movimiento
_ . alternancia entre
01 primer plano.
¡.aévelol
Bstátiao es
igual a
abarrido.
Hay quienes llegan 3 una extr.lñ.a
conclusión acerca del malerial vl~
bidimensional: que es plano e in._ ~
Q!lc? cosas. Por esta razón. 10$ pino . -..:
y los diseñadores han est;¡do nc::., FU-;;"'"
como mulas dnraute miLaiíos .... ~
la ilusión delmovimieOlo nj,·dJ"trr.i~~-;::¡;
sobre tilla superficie plana: pa-
~ Iespectador de que esU enil:J-....-..., ,_
experiencia de movimiem ::_
es de:;cáradamente plano .--_ .-,.,.•.=,-
ofrecer una sen~ad6n de ~-"",;•...:......'--_
o de interacción t'spaciaL iJ •
relativamente fácil
del espectañorpn:.,b¡,~~~:::e~~.
interés n~c ?'U'l~.=-- .....=.o",,-'-
de que '.le el ülf~.}e.
w..: Ocas
¡fu ".
Ala imaginen;¡ tosca y
ligeramente descolorid.. de
los carteles de propaganda
comunista se le ha ajustado el
[Link] y se le han añadido
otros elementos para crear
la port:[Link] de este libro.
E! resultado es ..Igo nuevo que
se alimenta a la vez del pode!
de la historia para con\unicar
la magnitud del tema.
Basca en
la historia,
pero DO
la repitas.
El diseño del pasado tiene su jugar. irve han encontrado y han resuelto un problema
de in piración y es importante para que similar. Reproducir ciegamente el estilo
el diseñador considere ómo han cambiado de un periodo en particular porque es muy
la estética y las estrategias de c:onnmicación "guay" (o, peor'aún, porque los cliente
a Jo brga del tiempo, al igual que para crean que la invitación de su "fiesta del
que comprenda cómo encaja su trabajo en circo" ¿ebel'Ía se.r UD cartel con un grabado
el devenir del pensamiento y la práctica. Es de madera al estilo de 1846) es simplemente
aún más útil darse cuenta de que, en algún inaceptable. Aprende del trnbaja de
momento de la historia. otros diseñadores los demás, pero haz tú mismo los debere ,
La .¡Dletría es
el Dlayor de
todos los DIales.
r~ ~ ~_ -: - _-. -