Download - Composició
![Page 1: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/1.jpg)
GRAU EN MÀRQUETING I COMUNITATS DIGITALS ESCSE - UNIVERSITAT POMPEU FABRA
COMPOSICIÓ
CARLES GARCIA - [email protected] AITOR RUIZ - [email protected]
![Page 2: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/2.jpg)
COMPOSICIÓ
![Page 3: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/3.jpg)
COMPOSICIÓ
La disposició dels elements sobre un pla. Aquests elements poden ser diversos: formes, text, imatges, textures, colors, etc.
A partir de la composició aquests elements es relacionen per construir i comunicar un missatge.
DEFINICIÓ
![Page 4: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/4.jpg)
COMPOSICIÓ
· Per aconseguir un disseny efectiu no només hem d'unir els elements, sinó que ho hem de fer de manera que resulti interessant.
· Els principis de la composició guien als dissenyadors en la resolució de problemes visuals, però sempre els hem d'utilitzar com a directrius, no com a lleis.
![Page 5: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/5.jpg)
COMPOSICIÓ
PRINCIPIS DE LA COMPOSICIÓ
EQUILIBRI JERARQUIA UNITAT VARIETAT
RITME CONTRASTCENTRE
D’INTERÈSREPETICIÓ
![Page 6: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/6.jpg)
EQUILIBRI
![Page 7: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/7.jpg)
EQUILIBRI
L'equilibri és l'organització dels elements perquè res domini part d'un treball, o perquè sembli més pesat d'una part o d'altre.
Els tres tipus diferents d'equilibri són simetria i asimetria.
DEFINICIÓ
![Page 8: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/8.jpg)
EQUILIBRI
CONCEPTES IMPORTANTS
ESPAI POSITIU. L’espai positiu és una forma o objecte que sembla existir a la vista
ESPAI NEGATIU. L’espai negatiu és tot allò que envolta a un objecte, és l'espai "buit" que ajuda a definir els contorns dels objectes a l'espai positiu
![Page 9: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/9.jpg)
EQUILIBRI
ASIMETRIAEl disseny asimètric els elements no estan centrats, sinó que s'utilitza tot el pla per crear composicions dinàmiques que juguen amb l'escala, el contrast, l'espai i la tensió entre els elements.
Es relaciona amb menys regles i límits, per tant te més possibilitats expressives. Per aquesta mateixa raó és perillós fer un ús excessiu de l'asimetria, ja que pot esdevenir en un disseny caòtic i sense missatge concret.
Als dissenys asimètrics l'espai negatiu juga un paper molt important, ja que com els elements "no tenen ordre" esdevé com un element més del disseny. Utilitzar l'espai negatiu com un element més del disseny és anomenat "l'art de l'espai en blanc".
![Page 10: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/10.jpg)
![Page 11: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/11.jpg)
![Page 12: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/12.jpg)
![Page 13: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/13.jpg)
EQUILIBRI
SIMETRIAAl disseny simètric els elements estan centrats o guarden les mateixes proporcions, s'utilitza per dissenys més seriosos, però també per equilibrar el nivell d'importància dels elements.
No només considerem una simetria quan els elements guarden un equilibri de proporció, escala, etc; sinó que també considerem simetria aquells dissenys on l'espai negatiu per a cada element del disseny és el mateix.
Als dissenys simètrics l'espai negatiu "perd la seva importància" i no té gaire qualitat expressiva, donem més importància als elements del disseny.
![Page 14: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/14.jpg)
![Page 15: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/15.jpg)
![Page 16: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/16.jpg)
![Page 17: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/17.jpg)
UNITAT
![Page 18: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/18.jpg)
UNITAT
DEFINICIÓ
Quan un conjunt d'elements organitzats i relacionats entre si representen un sol element.
CONTINUÏTAT PROXIMITAT REPETICIÓ
![Page 19: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/19.jpg)
UNITAT
CONTINUÏTAT
La unitat per continuïtat és quan els elements de la composició s'articulen entorn de la construcció del missatge.
![Page 20: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/20.jpg)
![Page 21: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/21.jpg)
![Page 22: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/22.jpg)
![Page 23: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/23.jpg)
UNITAT
PROXIMITAT
L'ús d'un mateix element, característica o lògica de la disposició per construir blocs dins la composició
![Page 24: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/24.jpg)
![Page 25: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/25.jpg)
![Page 26: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/26.jpg)
UNITAT
REPETICIÓ
L'ús d'un mateix element, característica o lògica de la disposició per construir la composició.
Quan aconseguim unitat en un disseny aquests no es poden moure, ser substituïts i molt menys eliminats sense que el missatge s'alteri o es desintegri.
![Page 27: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/27.jpg)
![Page 28: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/28.jpg)
![Page 29: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/29.jpg)
![Page 30: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/30.jpg)
VARIETAT O ALTERNANCIA
![Page 31: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/31.jpg)
VARIETAT O ALTERNANCIA
DEFINICIÓ
És l'organització d'elements contrastants dintre del conjunt. El seu principal objectiu és captar l'interès, per això utilitza elements de contrast, diferència d'escala i de color.
La varietat és un dels principis de la composició, encara que també es podria considerar una qualitat del contrast.
![Page 32: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/32.jpg)
CONTRAST
![Page 33: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/33.jpg)
CONTRAST
DEFINICIÓ
Es defineix com la contraposició, comparació o diferència notable que existeix entre els elements.
Pel fet d'estar present indica l'existència de dos o més elements.
La seva correcta utilització aconsegueix accentuar aquells elements importants dintre del tot.
COLOR ESCALA FORMA TEXTURA TIPOGRAFÍA
![Page 34: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/34.jpg)
COLOR
![Page 35: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/35.jpg)
COLOR
![Page 36: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/36.jpg)
COLOR
![Page 37: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/37.jpg)
ESCALA
![Page 38: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/38.jpg)
ESCALA
![Page 39: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/39.jpg)
ESCALA
![Page 40: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/40.jpg)
FORMA
![Page 41: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/41.jpg)
FORMA
![Page 42: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/42.jpg)
FORMA
![Page 43: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/43.jpg)
TEXTURA
![Page 44: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/44.jpg)
TEXTURA
![Page 45: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/45.jpg)
TEXTURA
![Page 46: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/46.jpg)
TIPOGRAFÍA
![Page 47: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/47.jpg)
TIPOGRAFÍA
![Page 48: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/48.jpg)
TIPOGRAFÍA
![Page 49: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/49.jpg)
CENTRE D’INTERÈS
![Page 50: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/50.jpg)
CENTRE D’INTERÈS
DEFINICIÓ
Els centres d'interès són punts d'interès que es creen a la percepció humana i la cerca que fa la nostra ment d'un missatge en allò que veiem. Això ho definim com interpretació.
La composició ha d'estar sempre a servei del centre d'interès. Pot haver-hi més d'un punt d'interès, però hem d'anar amb compte si hi ha dos o més, ja que el disseny pot perdre el missatge pel camí.
![Page 51: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/51.jpg)
![Page 52: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/52.jpg)
![Page 53: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/53.jpg)
REPETICIÓ
![Page 54: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/54.jpg)
REPETICIÓ
DEFINICIÓ
Reproducció exacta dels elements dins d'una mateixa composició.
COLOR TEXTURA DIRECCIÓ
POSICIÓ ESPAI GRAVETAT
![Page 55: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/55.jpg)
![Page 56: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/56.jpg)
![Page 57: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/57.jpg)
![Page 58: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/58.jpg)
![Page 59: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/59.jpg)
RITME
![Page 60: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/60.jpg)
RITME
DEFINICIÓ
El ritme és una repetició d'elements (línies, contorns, formes o colors) els quals poden ser constants o alterns, afectats pel color, la textura, la forma, la posició, etc. aconseguint així una composició harmoniosa.
El ritme expressa el moviment, ja que els ulls de l'espectador salten o reboten d'un lloc a l'altre.
REGULAR PROGRESSIU
![Page 61: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/61.jpg)
PROGRESSIU
![Page 62: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/62.jpg)
PROGRESSIU
![Page 63: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/63.jpg)
REGULAR
![Page 64: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/64.jpg)
JERARQUIA
![Page 65: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/65.jpg)
JERARQUIA
DEFINICIÓ
Una composició necessita que la tensió i estímuls entre els elements estiguin integrats per un element dominant. L'element dominant es complementa per altres elements en condició de subordinació.
CONTRAST ALINEACIÓ ESCALA COLOR
![Page 66: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/66.jpg)
JERARQUIA
CONTRAST
![Page 67: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/67.jpg)
JERARQUIA
ALINEACIÓ
![Page 68: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/68.jpg)
JERARQUIA
ESCALA
![Page 69: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/69.jpg)
JERARQUIA
COLOR
![Page 70: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/70.jpg)
ACTIVITAT
![Page 71: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/71.jpg)
neo2.es
EQUILIBRI
JERARQUIA
UNITAT
VARIETAT
RITME
CONTRAST
CENTRE D’INTERÈS
REPETICIÓ
Neo2 está especializada en tendencias creativas: moda, arte, diseño, arquitectura, música, gastronomía, cine...
![Page 72: Composició](https://reader034.vdocumento.com/reader034/viewer/2022052116/588641e41a28ab32768b4863/html5/thumbnails/72.jpg)
DISSENY GRÀFIC I RETOC FOTOGRÀFIC
2016COMPOSICIÓ