Pràctica final de l'assignatura "Disseny Gràfic" (Grau de Multimèdia).Final practice of the "Graphic Design" course (Degree of Multimedia).Práctica final de la asignatura "Diseño Gráfico" (Grado de Multimedia)

Universitat Oberta de Catalunya. Estudis d'Informàtica, Multimèdia i Telecomunicació

Spanish

The Oberta in open access

Estudis d’Informàtica, Multimèdia i Comunicació. Grau de Multimèdia.  
Disseny Gràfic. 2010-1_P2. 
- 1 - 
 
 
Disseny Gràfic 
Pràctica Final (PF) 
Disseny flyer on-line d’un esdeveniment Composició gràfica.  
 
Presentació: 
Treball d’aplicació pràctica de tot allò estudiat als mòduls de l’assignatura, des de l 
apercepció visual, a la creació i producció de gràfics digitals, a una aplicació 
pràctica de les bases del disseny gràfic, tipografia i creativitat.  
Fer un plantejament d’un disseny compositiu per a un flyer on-line d’un 
esdeveniment concret. En aquesta pràctica es proposa  treballar molt a fons la 
composició amb els diferents elements que hi prenen part:  
 les formes i la seva combinatòria (relacions, ubicació, estils,...),  
 el marc de la imatge i les seves proporcions,  
 l’esquelet estructural,  
 l’ús i aplicació de retícules compositives (modulars o de proporció respecte 
del marc utilitzat) com a guia en la recerca d’una composició visual concreta, 
 l’aplicació d’un o varis efectes compositius (utilització de contrastos per a 
crear tensions i/o equilibris visuals),  
 una acurada combinació cromàtica concreta. 
 Us òptim de la tipografia. 
El producte final serà la resultant de tot plegat amb l’entrega d’una composició 
gràfica estètica i coherent i alhora comunicativa. També s’inclourà una breu 
justificació-argumentació del disseny creat. 
Pràctica que computa un 100% de la nota global de pràctiques. Realitzar-la 
íntegrament amb l'eina de Fireworks i exportar-la a Flash per a la seva optimització.  
 
Competències: 
Generals del Grau Multimèdia 
 Capacitat per a adaptar-se a les tecnologies i a futurs entorns actualitzant les 
competències professionals. 
 Capacitat per crear i dissenyar els elements gràfics i visuals d'un producte o 
aplicació multimèdia utilitzant procediments creatius, fonaments bàsics del disseny i 
un llenguatge formal. 
 Capacitat per exercir l’activitat professional d’acord al codi ètic i als aspectes legals 
en l’entorn de les TIC. 
Estudis d’Informàtica, Multimèdia i Comunicació. Grau de Multimèdia.  
Disseny Gràfic. 2010-1_P2. 
- 2 - 
 Capacitat per innovar i generar noves idees 
Competències de l’assignatura DG 
 Domini del disseny bàsic i els seus principis. 
 Capacitat per  plantejar problemes de disseny / Design thinking y Design process. 
 Domini d’eines específiques i programari per a disseny gràfic. 
 Coneixement dels diferents sistemes, models i formats multimèdia relatius al gràfic 
vectorial i al mapa de bits (jpeg, swf, gif, tiff, etc.). 
Objectius: 
1. Dissenyar i composar el material gràfìc promocional d'un esdeveniment concret 
donat i adequar el tipus de composició i estil a partir dels recursos gràfics amb 
que hi compteu: formes, colors i tipografia adients.  
2. Proposar i justificar breument un plantejament de disseny original i propi. 
3. Optimitzar el gràfic per a un entorn multimèdia. 
4. Aplicació pràctica de llicències i drets d’autor. 
 
Enunciat: 
A partir de l’estudi, a fons, del Mòduls dels materials de l’assignatura, procedir a 
realitzar una composició per a un flyer on-line publicitant un esdeveniment 
concret. Crear-ho amb Fireworks, optimitzar-ho amb Flash.  
 
Procediment a seguir, pasos: 
 
1. Extreure la informació bàsica de l’esdeveniment  per tal de realitzar el flyer  
Es proposa treballar a partir de la informació següent :   
 Seminari “Cooperativa per la PAU” [enllaços d’on extreure la informació] 
http://www.uoc.edu/portal/catala/la_universitat/agenda/2010/agenda_068.html 
o http://campusperlapau.uoc.edu/ 
o http://www.uoc.edu/portal/_resources/EN/documents/agenda/progra
ma_seminari_cooperatives.jpg 
AVÍS: En cas de no trobar la informació als enllaços, per si s’han tret del web abans del termini 
estipulat en la pràctica, teniu la informació resumida en un document adjuntat a l’enunciat de la 
pràctica a l’aula mateix (format de text .odt + una imatge amb informació]. 
 
 
Estudis d’Informàtica, Multimèdia i Comunicació. Grau de Multimèdia.  
Disseny Gràfic. 2010-1_P2. 
- 3 - 
2. Crear un gràfic digital nou, amb les mesures estàndard utilitzades per a flyers,  
es proposa una imatge de: 600 píxels x 400 píxels, a una resolució de 72 ppp. 
Editar la composició amb format PNG font de Fireworks 
[AVÍS ESPECÍFIC: l’arxiu font PNG per a crear la composició l’estudiant l’ha de guardar al seu ordinador 
amb totes es capes de treball així com amb tots els seus elements. El consultor/a podria demanar-lo a 
l’estudiant si ho trobes necessari per tal de poder verificar l’autoria de l’exercici ]  
3. Realitzar una composició gràfica estètica i coherent,  tenint present però que 
s’han de complir els següents requisits:  
1. S’ha d’aplicar una retícula concreta per a la creació de la 
composició.  
[ veure els apartats que tracta sobre les retícules: al M4/ secció 1/ Retícules] 
2. S’ha d’aplicar una combinació cromàtica concreta (contrastos de 
color). [ veure els apartats que tracta sobre els efectes compositius. M4/ secció 2/ 
contrastos de color] 
3. S’han de combinar dues tipografies en el text aplicat a la 
composició. [ veure els apartats que tracta sobre la tipografia. Mòdul 4/ secció 3 .  
important tenir en compte les recomanacions per combinar tipografies estudiades en els 
materials] 
4. S’ha de procurar que la comunicació sigui efectiva, tenir un sentit 
en funció de la estratègia comunicativa triada. 
ANOTACIÓ: sobre què i quanta informació s’ha de possar al flyer: Comentar que es 
tracta de crear un flyer on-line per a promoure un event en concret, se us dona tota la 
informació detallada per tal de saber de què es tracta i tenir millor criteri alhora de fer el 
disseny, però  no es tracta pas de possar tota aquesta informació al Flyer, heu de decidir, per 
criteris de lògica i sentit comú, quina informació és l’important  per tal de comunicar amb 
efectivitat l’esdeveniment. (Títol, Organitzador/s de l’event, lloc on es durà a terme, dates, 
horaris...) vosaltres heu de decidir què i com ho posseu al vostre disseny, recordar que la 
comiunicació ha de ser efectiva i alhora aconseguir un disseny compositiu i estètic, ben 
treballat.  
5. Intentar d’obtenir un cert grau de creativitat i originalitat, tan a nivell 
de grafisme com a nivell comunicatiu. 
 
ATENCIÓ: Indicacions concretes sobre què es pot incloure i què no en la 
composició:   
1. No es poden importar imatges de tercers en la composició. Només es podrà utilitzar 
(i de manera totalment opcional) imatges externes en la composició sempre i quan 
aquestes siguin d’autoria pròpia, és a dir, ha de ser l’estudiant qui faci les fotografies o 
els dibuixos a incloure en el seu disseny.   
Estudis d’Informàtica, Multimèdia i Comunicació. Grau de Multimèdia.  
Disseny Gràfic. 2010-1_P2. 
- 4 - 
Es poden doncs incloure imatges fotogràfiques, o altres elements escannejats (dibuixos, 
teles, ...), sempre i quan compleixin aquestes dues condicions:  
a) ...que siguin de creació pròpia.  
b) ...que un cop les tenim formant part de la nostra composició digital aquestes 
s’han d’editar, és a dir, han de tenir algun tipus de tractament digital, i/o 
modificació per a integrar-ho apropiadament en el disseny  (no pot fer-se una 
composició amb una imatge o dibuix i deixar-ho tal qual). 
 
4. Argumentar degudament el gràfic resultant en base a la composició gràfica 
creada, realitzar un informe on es justifica breument el disseny, s’han de citar els  
següents punts: 
a. Tipus de retícula emprada en la composició. 
b. Tipus de combinació cromàtica aplicada en la composició (contrastos de 
color). 
c. Fitxa bàsica de les dues tipografies emprades. Nom de la tipografia, estil 
segons el model Vox-Atypl, autor, any i descripció. 
AVÍS: L’argumentació no pot excedir les 200 paraules, (aprox. Entre 12/15 línies amb un cos de 12 
punts emprant  tipografia Arial o similar) . Entregar-ho optimitzat amb format .pdf o .odt  juntament 
amb el disseny creat. 
5. Optimitzar i especificar drets d’imatge al gràfic digital .jpeg creat.  Entregar 
amb dos formats: . jpeg degudament optimitzat (a 72 ppp), amb les mesures, 
resolució i límits de pes especificats en l’encàrrec. Incloure la informació 
(metadades) de la llicència de la imatge creada [recomanació d’utilitzar una 
llicència tipus CC (Creative Commons)].  
Dades imprescindibles a posar:  
1. l’autor/a,  
2. el títol de l’obra, i 
3. la llicència que se li vol atribuir (a elecció de l’autor). 
[AVIS: recordar el procediment de com incloure les metadades en un arxiu .JPEG des de 
Fireworks. Tema treballat i comentat a la PAC, tan al Fòrum de l’aula així com al Tauler teniu 
informació concreta al respecte, consultar-ho.] 
6. Exportar el gràfic creat en Fireworks a Flash i fer l’optimització per a veure’s amb 
format .swf.  
 
 
Estudis d’Informàtica, Multimèdia i Comunicació. Grau de Multimèdia.  
Disseny Gràfic. 2010-1_P2. 
- 5 - 
Lectures i recursos complementaris: 
o Tots els Mòduls que conformen l’assignatura. 
o Guia d’aprenentatge de Fireworks 
o Guia d’aprenentatge de Flash 
Criteris d' avaluació: 
o Nivell d’assoliment i aplicació dels conceptes estudiats. 
o Tractament digital de la imatge. Capacitat de creació gràfica digital amb 
Fireworks (nitidesa, tècnica, coneixements bàsics, optimització del gràfic, 
...).  
o Nivell comunicatiu. 
o Habilitat per argumentar degudament,  amb les dades que es demanen, un 
disseny propi. 
o Correcta indicació de les dades d’autoria per a la creació de llicència.  
o Adequar-se a les condicions de lliurament de l'encàrrec (temàtica, format, 
mesures, pes, altres condicions tècniques, així com acotacions concretes). 
 
Condicions de lliurament: 
Entregar els tres arxius corresponents a la PF a la secció de l’aula: Lliurament i 
registre d'AC (apartat Avaluació de l’aula). 
 
1. Arxius d’imatge: mides 600x400 (600 píxels d’ample x 400 píxels alçada) / 
Resolució de la imatge a 72 ppp / Pes màxim 100kb / formats d’arxiu a entregar: 
.jpeg  i .swf (P2_Cognom_Nom.jpeg /.swf) 
[AVÍS: estudiar amb prou cura totes les opcions possibles per a optimitzars els gràfics. 
Intentar al màxim obtenir una òptima relació pes/qualitat d’imatge]. 
2. Document de text de l’argumentació del disseny de composició creat. Enviar-ho 
amb format .pdf o .odt (P2_Cognom_Nom.pdf/odt) 
[AVÍS: No sobrepassar un full en l’argumentació, intentar no superar les 200 paraules (Aprox. de 
12 a 15 línies, cos 12p  Arial o similar) S’ha d’argumentar amb paraules la pròpia composició 
gràfica,  recordar que és important citar degudament els quatre punts esmentats en l’apartat 3 de 
l’enunciat de la pràctica (1. retícula, 2. contrast  compositiu, 3. contrast de color utilitzats en la 
composició i 4. tipografies). 
 
 
Estudis d’Informàtica, Multimèdia i Comunicació. Grau de Multimèdia.  
Disseny Gràfic. 2010-1_P2. 
- 6 - 
Data de lliurament:  
Diumenge  21 de maig de 2010 
[ AVíS: els últims 7 dies anteriors a l’entrega definitiva, la consultor/a no assegura una òptima 
orientació de l’exercici. Realitzar els plantejaments així com orientacions amb prou temps, no deixar-
ho pels últims dies si es vol assegurar un òptim resultat de l’exercici] 
Nota: Propietat intel·lectual 
Sovint és inevitable, en produir una obra multimèdia, fer ús de recursos creats per terceres 
persones. És per tant comprensible fer-ho en el marc d'una pràctica dels estudis del Grau 
Multimèdia, sempre i això es documenti clarament i no suposi plagi en la pràctica. 
Per tant, en presentar una pràctica que faci ús de recursos aliens, s'ha de presentar juntament 
amb ella un document en què es detallin tots ells, especificant el nom de cada recurs, el seu 
autor, el lloc on es va obtenir i el seu estatus legal: si l'obra està protegida pel copyright o 
s'acull a alguna altra llicència d'ús (Creative Commons, llicència GNU, GPL ...). L'estudiant 
haurà d'assegurar-se que la llicència que sigui no impedeix específicament seu ús en el marc 
de la pràctica. En cas de no trobar la informació corresponent haurà d'assumir que l'obra està 
protegida pel copyright. 
Hauran, a més, adjuntar els fitxers originals quan les obres utilitzades siguin digitals, i el seu 
codi font si correspon. 
Un altre punt a considerar és que qualsevol pràctica que faci ús de recursos protegits pel 
copyright no podrà en cap cas publicar-se en Mosaic, la revista del Graduat en Multimèdia a la 
UOC, a no ser que els propietaris dels drets intel·lectuals donin la seva autorització explícita. 


Disseny flyer on-line d'un esdeveniment : composició gràfica

Abstract

Similar works

Full text

Available Versions

The Oberta in open access