Pràctica de Disseny gràfic (Grau en Multimèdia, Universitat Oberta de Catalunya)

2. Disseny Gràfic Pràctica final
Índex
1 Justificació del disseny
2 Retícula emprada
3 Combinació cromàtica
4 Tipografia
5 Llicències
6 Bibliografia
UOC – Grau Multimèdia – Disseny Gràfic - Jordi Zango Novell – Aula 3

3. Disseny Gràfic Pràctica final
Justificació del disseny
Donada la gran quantitat de text que s'havia de
mostrar, s'ha optat per un disseny clar i entenedor, on
el text estigués distribuït de forma molt estructurada.
L'objectiu de la composició ha estat destacar de forma
especial les novetats i s'ha buscat donar un aspecte
atractiu i professional al newsletter.
També s'ha intentat oferir una imatge d'empresa que
recolzés els conceptes claus expressats en el text de
l'encàrrec: proximitat, avantguarda, senzillesa,
elegància. Per això, la idea principal del disseny es
basa en els quadradets d'un mantell de cuina
tradicional, però canviant-ne els colors i aplicant-los
de forma aleatòria per a transmetre la sensació de
modernitat i innovació.
El color del fons és el blanc per a generar un aspecte
pulcre, que resulta molt indicat per a aquest tipus de
negoci.
Finalment, s'ha triat una tipografia elegant i
entenedora que conjuga molt bé amb la idea que es
vol transmetre.
UOC – Grau Multimèdia – Disseny Gràfic - Jordi Zango Novell – Aula 3

4. Disseny Gràfic Pràctica final
Retícula emprada
Donat l'alt grau d'estructuració buscat en el text, s'ha
emprat una retícula que facilités la distribució en
columnes.
D'aquesta manera, la part de la capçalera, amb el
logo, s'ha dissenyat damunt d'una quadrícula de
100x100 píxels.
La resta del newsletter ha estat confeccionada damunt
d'un ratllat amb una amplada de 20 píxels per a cada
columna.
UOC – Grau Multimèdia – Disseny Gràfic - Jordi Zango Novell – Aula 3

5. Disseny Gràfic Pràctica final
Combinació cromàtica
Els colors bàsics amb els que treballar són els que ens
han estat proporcionats amb el logo.
El color blau verdós del barret de cuiner és el que
marca les tonalitats amb les que treballar. Aquest
color és força suau i apagat i, per tal d'aconseguir un
efecte cromàtic més vistós, s'ha optat per a treballar
amb una tríada de colors. Així doncs, les tonalitats de
color emprades formen un triangle dins la roda de
colors en què en un dels vèrtexs tenim les tonalitats
definides pel color del logo. En altres dos vèrtexs
estarien determinats per tonalitats que resulten ser les
suplementàries del color complementari del blau
verdós del logo. Per tant, s'ha optat per a un contrast
de complementaris.
Per a fer la tria de colors s'ha emprat l'eina en línia
Color Scheme Designer
(http://www.colorschemedesigner.com).
UOC – Grau Multimèdia – Disseny Gràfic - Jordi Zango Novell – Aula 3

6. Disseny Gràfic Pràctica final
Tipografia
Trajan Pro
Categoria: Trajan Pro és, segons la classificació Vox-Atypl, una
lletra Cal·ligràfica incisa que evoca els caràcters gravats en pedra o
metall.
Origen i context: creada per Carol Twombly, al 1989, està inspirada
en les inscripcions que es poden trobar a la base de la columna de
Trajà que fou construïda a Roma l'any 113 com a homenatge a
l'emperador que li dóna nom, per a commemorar la conquista de
Dacia. Actualment és propietat de l'empresa Adobe.
Característiques: és una lletra clara i molt elegant, que es fa servir
molt en cartells i publicitat. Hi ha estudis que asseguren que aquest
font és la més emprada en els cartells de cine.
Mostra:
abcdefghijlmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
Palatino
Categoria: segons la classificació DIN 16518, que adopta i
normalitza la classificació Vox-Atypl, la font Palatino és una lletra
Clàssica garalda, Grup II (Französische Renaissance Antiqua)
Origen i context: va ser creada per Herman Zapf al 1948, per a la
corporació Linotype. Està inspirada en l'escriptor i cal·ligrafista del
segle XVIII Giambattista Palatino.
Característiques: és una font entenedora i elegant, que imita
l'escriptura amb ploma.
Mostra:
abcdefghijlmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
Observacions
Els tipus triats poden ser considerats com a semblants, però ho han estat de forma expressa perquè es volia utilitzar unes fonts molt elegants. Mentre
que Trajan té les minúscules en versaleta, les minúscules de les Palatino són arrodonides, molt clares i entenedores.
UOC – Grau Multimèdia – Disseny Gràfic - Jordi Zango Novell – Aula 3

7. Disseny Gràfic Pràctica final
Llicències
Aquest treball és obra de Jordi Zango Novell, Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
Llicència de les imatges emprades:
NICK NGUYEN. http://www.flickr.com/photos/nicktakespics/3658284817/sizes/l/in/photostream/ Attribution-ShareAlike 2.0 Generic (CC BY_SA
2.0)
AVLXYZ. http://www.flickr.com/photos/10559879@N00 Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
MASAAKI KOMORI. http://www.fotopedia.com/users/cipher Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
MARISA PEREZ. http://marisaperez.net/ Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
OPEN CLIP ART LIBRARY. http://openclipart.org/detail/25719/aiga-restaurant-by-anonymous-25719 Public Domain
UOC – Grau Multimèdia – Disseny Gràfic - Jordi Zango Novell – Aula 3

8. Disseny Gràfic Pràctica final
Fonts de consulta
COLOR SCHEME DESIGNER. [en línia]. http://www.colorschemedesigner.com/ [data de consulta: 25/05/2012]
Diversos Autors. Classificació DIN 16518. [en línia]. http://ca.wikipedia.org/wiki/Classificació_DIN_16518 [data de consulta: 28/05/2012]
Diversos Autors. MyFonts. [en línia]. http://www.myfonts.com/fonts/linotype/trajan/ [data de consulta: 28/05/2012]
Diversos Autors. EsLetrag.com, Trajan. [en línia]. http://es.letrag.com/tipografia.php?id=145 [data de consulta: 28/05/2012]
Diversos Autors. Trajan (typeface). [en línia]. http://en.wikipedia.org/wiki/Trajan_(typeface)#Trajan_Pro_.282001.29 [data de consulta: 28/05/2012]
Diversos Autors. Vox-ATypl classification. [en línia]. http://en.wikipedia.org/wiki/Vox-ATypI_classification [data de consulta: 28/05/2012]
KIRBY1. Trajan is the Movie Font. [vídeo en línia]. http://www.youtube.com/watch?feature=player_embedded&v=t87QKdOJNv8 [data de consulta:
28/05/2012]
TIPOSCONCARÁCTER. Palatino Linotype. [en línia]. http://www.tiposconcaracter.es/palatino-palatino-linotype/ [data de consulta: 28/05/2012]
XTEC.CAT. Història de Roma. [en línia]. http://www.xtec.cat/~sgiralt/labyrinthus/roma/historia/antonini.htm [data de consulta: 28/05/2012]
UOC – Grau Multimèdia – Disseny Gràfic - Jordi Zango Novell – Aula 3