Disseny i producció
© Jordi Alberich, Albert Corral, David Gómez, Cristina Villegas
Tots els drets reservats
© d’aquesta edició, FUOC, 2020
Av. Tibidabo, 39-43, 08035 Barcelona
Realització editorial: FUOC

Índex
- Introducció
- Objectius
- 1.El procés comunicatiu
- 1.1.El procés de comunicació visual
- 1.1.1.Els subjectes de la comunicació visual
- 1.1.2.El codi
- 1.1.3.Denotació i connotació
- 1.2.El públic objectiu
- 1.2.1.El retrat sociodemogràfic
- 1.2.2.El retrat sociopsicogràfic
- 1.3.Resposta i interactivitat
- 1.3.1.Graus d'interactivitat
- 1.1.El procés de comunicació visual
- 2.Comunicació visual
- 2.1.La cultura visual
- 2.2.Els registres comunicatius
- 2.2.1.Graus de formalitat
- 2.3.Tipus d'imatge
- 2.3.1.La imatge expressiva
- 2.3.2.La imatge documental
- 2.3.3.La imatge persuasiva
- 2.3.4.La imatge narrativa
- 2.4.Forma i comunicació
- 2.4.1.Forma-funció
- 2.5.Comunicació efectiva
- 3.Identitat gràfica
- 4.Desenvolupament d'un projecte
- 4.1.Procés de disseny
- 4.2.Informació prèvia i preproducció
- 4.2.1.Fonts d'informació
- 4.2.2.Condicionants de l'encàrrec
- 4.2.3.El brífing
- 4.2.4.Planificació - preproducció
- 4.3.La producció
- 4.4.Test i publicació
- 5.Mapes conceptuals
- Activitats
- Bibliografia
Introducció
Objectius
-
Identificar els elements bàsics del procés de comunicació visual i digital.
-
Analitzar i comprendre críticament usos i funcions del grafisme digital.
-
Estudiar mecanismes de resposta i interactivitat.
-
Capacitar per a l'elaboració de programes d'identitat gràfica.
-
Comprendre el procés de desenvolupament d'un projecte gràfic.
1.El procés comunicatiu
1.1.El procés de comunicació visual

1.1.1.Els subjectes de la comunicació visual

1.1.2.El codi

1.1.3.Denotació i connotació



1.2.El públic objectiu

1.2.1.El retrat sociodemogràfic
Criteris |
Els criteris sociodemogràfics permeten fer un retrat estratificat d'un determinat grup de persones a partir de criteris objectius. Els individus agrupats mantenen en comú una sèrie de característiques fisiològiques, materials o socials. |
Sexe |
|
Edat |
|
Hàbitat |
|
Professió |
|
Nivell d'estudis |
|
Nivell d'ingressos |
|
Classe social |
1.2.2.El retrat sociopsicogràfic

1.3.Resposta i interactivitat
Diagrama tipus d'interactivitat |
|||
---|---|---|---|
|
Missatge lineal no modificable en temps real |
Interrupció i reorientació de flux d'informació en temps real |
Implicació del participant en el missatge |
Difusió unilateral |
|
|
|
Diàleg reciprocitat |
Correspondència postal entre dues persones |
|
Diàlegs per mons virtuals, cibersexe |
Diàleg múltiple |
|
|
|
1.3.1.Graus d'interactivitat

Graus d'interactivitat i resposta en una interfície gràfica d'usuari |
|||
---|---|---|---|
Segons el mode d'accés a la informació |
Instrumental, directa o lineal Dóna una solució, determinada prèviament per l'autor, a una pregunta o cerca concreta. |
Experimental, indirecta o no lineal Ofereix la possibilitat d'explorar diverses solucions, suggereix examinar diverses informacions. |
|
Segons el mètode de representació de la informació |
Textual Tota la informació es presenta només per mitjà de textos. |
Iconogràfica Basada en l'ús majoritari d'informació o mapes interactius que enllacen amb la informació sol·licitada. |
Mixta Combina gràfics interactius amb textos que també ho són. |

2.Comunicació visual
2.1.La cultura visual



2.2.Els registres comunicatius
2.2.1.Graus de formalitat


Marques de formalitat / d'informalitat |
|
---|---|
Informals |
Formals |
1. Desordre
2. Absència aparent d'una línia gràfica
3. Desequilibri compositiu
4. Contrastos i confusió estètica
5. Aparença de defectes tècnics
|
1. Ordre
2. Coherència i línia gràfica
3. Equilibri compositiu
4. Depuració estètica
5. Art final i acabats molt acurats
|
Les marques d'(in)formalitat assenyalades no han de ser enteses com a característiques objectives dels productes gràfics i visuals, sinó com a senyals i sensacions subjectives que aporten al públic o usuari. |
2.3.Tipus d'imatge
2.3.1.La imatge expressiva


2.3.2.La imatge documental

2.3.3.La imatge persuasiva

2.3.4.La imatge narrativa

2.4.Forma i comunicació

2.4.1.Forma-funció


2.5.Comunicació efectiva
Característiques formals en interfícies gràfiques d'usuari |
|
---|---|
Espai |
1) Controlar adequadament els marges. 2) Gestionar adequadament l'interlletratge i l'interlineat. 3) Controlar adequadament el nombre i la forma de les columnes. 4) Establir ritmes visuals; fugir d'una composició monòtona i repetitiva. |
Tipografia |
1) Triar el tipus de lletra adequada al contingut i al lector potencial. 2) Jerarquitzar la tipografia mitjançant cossos, colors i gruixos. 3) Donar coherència gràfica del conjunt del disseny tipogràfic. 4) Donar claus a l'usuari-lector per a facilitar la llegibilitat del text. 5) Fer ús del contrast visual i tipogràfic per a atraure l'atenció de l'usuari. |
Recursos visuals |
1) Incloure gràfics per a explicar dades poc agraïdes. 2) Buscar una relació compositiva amb la retícula establerta prèviament. 3) Tractar adequadament els peus de foto, si n'hi ha. 4) Utilitzar adequadament recursos gràfics accessoris (pastilles, subratllats, etc.) 5) No abusar dels elements d'èmfasi visual. |
Art final |
1) Cal evitar l'excés de blancs. 2) S'han de controlar les caixes o banderes tipogràfiques. 3) Cal repassar una vegada i una altra l'ortografia, la gramàtica, el lèxic, la semàntica, etc. 4) S'ha de valorar l'ús comunicatiu del suport d'edició final. 5) Cal mantenir una coherència i una línia gràfica uniforme. |
Característiques funcionals en interfícies gràfiques d'usuari |
|
---|---|
Creativitat |
1) Cal dotar d'un enfocament original i diferent el missatge. 2) S'ha de fer servir la combinació d'elements coneguts per a obtenir-ne un de nou. 3) No s'han de posar obstacles a cap idea o possibilitat útil. |
Informació |
1) S'ha de donar tota la informació necessària per a comprendre el missatge. 2) Cal prioritzar l'atenció sobre els elements més importants. 3) S'ha de centrar el missatge sobre el seu atribut diferencial respecte a missatges similars. |
Públic objectiu |
1) Cal ser capaç de posar-se en la pell de l'usuari potencial del projecte. 2) S'ha de fer ús del codi i el registre adequat al públic objectiu que li és propi. 3) Cal donar resposta a les inquietuds i les necessitats del públic objectiu. |
Client |
1) Cal identificar clarament què vol el client. 2) S'ha d'acceptar i positivitzar el criteri del client, i deixar-li marge d'acció. 3) Cal saber argumentar adequadament les idees pròpies sobre el projecte. |
3.Identitat gràfica
3.1.Identitat visual
"En els anys 1980 i 1990 es van introduir més competidors en el mercat mitjançant els grups comercials i la desregulació, fet que també va provocar fusions i adquisicions. Amb tants actors dins el mercat darrere dels diners dels consumidors, les empreses necessitaven diferenciar les seves ofertes cada vegada més.
Però era una cosa difícil, ja que els productes i els serveis s'assemblaven cada vegada més quant a qualitat i cost. Va ser llavors quan la gent va començar a adonar-se que la seva marca i els seus valors (és a dir, el que representava) era un dels pocs elements distintius remarcables."
C. Dowdy (2003). Beyond Logos New - definitions of corporate identity (pàg. 7). Suïssa: RotoVision.



Font: N. Chaves (1998). La imagen corporativa. Teoría y metodología de la identificación institucional (pàg. 87). Barcelona: Gustavo Gili.
3.2.Coherència de la línia gràfica

Font: N. Chaves (1998). La imagen corporativa. Teoría y metodología de la identificación institucional (pàg. 91). Barcelona: Gustavo Gili.

Font: N. Chaves (1998). La imagen corporativa. Teoría y metodología de la identificación institucional (pàg. 98). Barcelona: Gustavo Gili.
3.3.La marca: logotip i símbol

3.3.1.El logotip

3.3.2.El símbol

3.3.3.Les funcions de la marca

3.4.El manual d'identitat visual
3.4.1.Funcions del manual d'identitat visual
3.4.2.Continguts del manual d'identitat visual

3.5.Identitat gràfica (casos concrets)
3.5.1.Identitat gràfica en projectes editorials
La portada

Homogeneïtzació i diferenciació

Integració de la diversitat

3.5.2.Identitat gràfica en projectes corporatius

Papereria i comunicació impresa

Homogeneització

Comunicació integral

3.5.3.Identitat gràfica en projectes web

Codis gràfic i cromàtic

Accessos múltiples

Símbols i icones

3.6.Color i comunicació gràfica







4.Desenvolupament d'un projecte
4.1.Procés de disseny


4.1.1.Models processuals descriptius

Font: Nigel Cross. Design Methods. The Open University / Wiley & Sons.
2) Les limitacions que s'imposen a la solució, com ara codis de pràctica, requisits estatutaris, normes dels clients, data de finalització, etc.
3) El criteri d'excel·lència envers el qual es traballarà.
4.1.2.Models processuals prescriptius

Font: N. Cross. Design Methods. The Open University / Wiley & Sons.
4.2.Informació prèvia i preproducció
4.2.1.Fonts d'informació
-
Anàlisi detallada de l'encàrrec.
-
Exigències de més informació a qui fa l'encàrrec, si cal.
-
Anàlisi detallada del conjunt de la informació acumulada, expressada en els dos punts anteriors.
-
Detecció de fonts d'informació pertinents, tant centrals com complementàries o perifèriques.
-
Establiment de les condicions d'avaluació per a poder determinar els subconjunts d'informació que el projecte concret requereix.
-
Recolllida de la màxima informació possible necessària per a desenvolupar el projecte en un temps assignat a priori.
-
Ordenació, classificació i valoració de tota la informació recopilada, de manera que sigui possible seleccionar la que sigui pertinent per al projecte.
-
Construcció de models preliminars que ajudin a sistematitzar i racionalitzar el caos informatiu que sorgeix inevitablement en els moments inicials del procés de disseny.
4.2.2.Condicionants de l'encàrrec

4.2.3.El brífing
Apartats temàtics d'un brífing publicitari |
|
---|---|
Empresa anunciant |
Informació exhaustiva que permet a l'agència conèixer l'empresa anunciant: història, productes, organització interna, etc. |
Producte |
Informació exhaustiva de tot el que fa referència al producte que ha de protagonitzar la campanya publicitària: marca, composició, preu, etc. |
Competència |
Informació exhaustiva de totes les marques que són competència directa o indirecta del producte que s'ha de promocionar. |
Mercat |
Informació exhaustiva de tot el que fa referència al mercat en el qual ha de competir el producte protagonista de la campanya publicitària. |
Consumidor |
Informació exhaustiva del consumidor del producte: característiques, costums, estil de vida, motivacions de compra, etc. |
Objectius de màrqueting |
Informació sobre el que l'empresa pretén aconseguir com a resultat final de la seva activitat. |
Objectius de publicitat |
Informació concreta sobre el que ha d'aconseguir la campanya en qüestió. |
Públic objectiu |
Informació sobre el grup d'individus als quals s'adreça la campanya. |
Temporització i pressupost |
Informació sobre el temps de què es disposa per a crear i difondre la campanya publicitària, i dels recursos econòmics per a aquest fi. |
4.2.4.Planificació - preproducció

4.3.La producció

4.3.1.Fases del projecte de disseny multimèdia
Fases del projecte de disseny multimèdia |
|
---|---|
Fase de preproducció |
La fase de preproducció és l'etapa inicial de recepció de l'encàrrec o autoencàrrec, de cerca, sistematització i selecció de la informació prèvia necessària per a conceptualizar i idear adequadament les hipòtesis de treball inicials. En aquesta fase encara no es produeixen efectivament els continguts, les interfícies i les interaccions. Tal com hem vist en els apartats anteriors "Models i processos de disseny" i "Informació prèvia i condicionants de l'encàrrec", es tracta de conceptualitzar, dissenyar esquemàticament i redactar el guió del treball de producció posterior. |
Fase de producció |
La fase de producció és aquella en què es produeixen efectivament els diversos continguts i recursos que formaran part de l'artefacte final, i que apareixien conceptualitzats en el guió multimèdia previ. En aquesta fase també s'integren en una estructura comuna i s'estableixen, si cal, diversos tests d'usuaris, per tal de millorar o retocar aspectes d'organització i efectivitat pràctica del producte final. |
Fase de postproducció |
La fase de postproducció és l'etapa final del procés de realització del projecte de disseny multimèdia en què té lloc l'edició final, els últims retocs i els acabats segons (si n'hiha hagut) els tests d'usuari que s'han passat, i també la presentació al client de la maqueta de producció. Si cal, en aquesta mateixa fase té lloc l'adaptació del projecte a diversos formats de distribució, i la seva publicació i comunicació pública, moment en què s'acaba el projecte com a tal. |
4.3.2.Elements del projecte de disseny multimèdia






4.4.Test i publicació

-
Si hi ha un prototip, s'ha de provar abans d'ensenyar-lo al client. Aquest prototip és la versió alfa del producte.
-
La versió beta del producte, tant si hi ha un prototip previ com si no, és la versió definitiva de l'interactiu abans de passar a la fase de prova.
5.Mapes conceptuals

Preproducció |
Producció |
Postproducció |
---|---|---|
Anàlisi: Brífing (públic objectiu, objectius,etc.) |
Execució Dissenyadors, programadors, il·lustradors, etc. passen a l'acció Segueixen la planificació |
Test |
Planificació
(qui i quan intervé)
|
Publicació |
|
Avaluació de la resposta o feedback |