SlideShare a Scribd company logo
1 of 141
Disseny visual
Índex ,[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
1.1. Disseny i creació gràfica ,[object Object],[object Object],[object Object],[object Object]
Àrees de treball ,[object Object],[object Object]
Àrees de treball ,[object Object]
Tres conceptes clau ,[object Object],[object Object]
Tres conceptes clau ,[object Object],[object Object]
Tres conceptes clau ,[object Object],[object Object]
1.2. El signe gràfic ,[object Object]
El signe gràfic ,[object Object]
Les icones ,[object Object],[object Object]
Les icones ,[object Object]
Els símbols ,[object Object],[object Object]
Els símbols ,[object Object]
Els índexs ,[object Object],[object Object]
Els índexs ,[object Object]
Els components de la imatge ,[object Object],[object Object],[object Object],[object Object]
El component mimètic ,[object Object],[object Object]
El component abstracte ,[object Object],[object Object]
El component arbitrari ,[object Object],[object Object]
Elements de l’alfabet visual ,[object Object],[object Object]
Elements de l’alfabet visual Moviment Textura Pla Direcció Color Línia Proporció Forma Punt Elements de relació Elements visuals Elements conceptuals
Elements conceptuals ,[object Object],[object Object],[object Object],.
Elements conceptuals ,[object Object],[object Object],[object Object]
Elements conceptuals ,[object Object]
Elements conceptuals ,[object Object],[object Object],[object Object],[object Object],[object Object]
Elements conceptuals ,[object Object],[object Object],[object Object]
Elements visuals ,[object Object],[object Object]
Elements visuals ,[object Object],[object Object],[object Object]
Elements visuals ,[object Object],[object Object],[object Object]
Elements visuals ,[object Object]
Elements visuals ,[object Object],[object Object]
Elements de relació ,[object Object],[object Object]
Elements de relació ,[object Object],[object Object],[object Object]
Elements de relació ,[object Object],[object Object]
Lectura d’un missatge ,[object Object]
1.3. Aspectes tècnics del color ,[object Object],[object Object],[object Object]
La llum ,[object Object],[object Object]
Calssificació del color ,[object Object],[object Object],[object Object],[object Object]
Lluminositat ,[object Object],[object Object]
Saturació ,[object Object],[object Object]
El matís o to ,[object Object],[object Object]
Mescles de color ,[object Object],[object Object]
Mescla o síntesi additiva  (colors llum) ,[object Object]
Mescla o síntesi substractiva (colors pigment) ,[object Object]
Colors primaris i colors secundaris ,[object Object],[object Object],[object Object]
La roda dels colors
El llenguatge del color ,[object Object]
El llenguatge del color ,[object Object]
El llenguatge del color ,[object Object]
El llenguatge del color ,[object Object]
2. Producció gràfica analògica i digital 2.1. Imatge digital vs. analògica 2.2. Els mapes de bits 2.3. Les imatges vectorials 2.4. Els formats de fitxers gràfics 2.5. Producció de material gràfic
2.1. Analògic vs. digital ,[object Object],[object Object],[object Object]
Resolució de pantalla ,[object Object],[object Object],[object Object],[object Object]
Resolució de pantalla ,[object Object],[object Object],[object Object]
2.2. Els mapes de bits ,[object Object],[object Object]
Els mapes de bits ,[object Object],[object Object]
Els mapes de bits ,[object Object],[object Object],[object Object]
Els mapes de bits Òfset, serigrafia Filmació de fotolits 1200-2400 Impremta Publicació impresa de qualitat òptima 600 Impressora convencional Publicació impresa de qualitat mínima 200 Monitor Pàgines web, CD/DVD 72 Perifèric de sortida Producte Resolució (ppp)
2.3. Les imatges vectorials ,[object Object],[object Object]
Les imatges vectorials ,[object Object],[object Object]
Les imatges vectorials ,[object Object],[object Object],[object Object],[object Object]
2.4. Els formats de fitxers gràfics ,[object Object],[object Object],[object Object],[object Object],[object Object]
 
2.5. Producció de material gràfic ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Producció de material gràfic
Producció de material gràfic ,[object Object],[object Object],[object Object],[object Object],[object Object]
Producció de material gràfic ,[object Object],[object Object]
3. Percepció de la imatge 3.1. Introducció a la sintaxi de la imatge 3.2. Forma i representació 3.3. Estructura i equilibri 3.4. El color
3.1. Forma i funció ,[object Object]
Fractals i esferes ,[object Object]
Fractals i esferes ,[object Object]
Forma simple i forma complexa ,[object Object],[object Object]
Forma simple i forma complexa ,[object Object]
Semblança i diferència ,[object Object],[object Object]
3.2. Forma i representació ,[object Object],[object Object]
3.3. Equilibri ,[object Object],[object Object]
Direcció ,[object Object]
3.4. El color ,[object Object],[object Object]
Valors tèrmics del color ,[object Object],[object Object]
Poder psicològic del color ,[object Object],[object Object]
Valors espacials ,[object Object],[object Object]
Valors simbòlics ,[object Object],[object Object]
Valors estètics ,[object Object],[object Object],[object Object]
Psicologia del color ,[object Object],[object Object]
La sensació dels colors ,[object Object],[object Object],[object Object]
La sensació dels colors ,[object Object],[object Object],[object Object]
La sensació dels colors ,[object Object],[object Object],[object Object]
La sensació dels colors ,[object Object],[object Object]
4. Composició i expressió gràfica 4.1. Composició de la imatge 4.2. Expressió i qualitat gràfica 4.3. Tipografia
4.1. El marc d’una imatge ,[object Object],[object Object],[object Object],[object Object]
Retícules ,[object Object],[object Object],[object Object]
El contrast compositiu ,[object Object],[object Object]
4.2. L’expressió gràfica ,[object Object],[object Object]
La qualitat gràfica ,[object Object]
La textura ,[object Object],[object Object]
L’estil ,[object Object]
Figuratiu vs. abstracte ,[object Object],[object Object]
4.3. Tipografia ,[object Object],[object Object],[object Object]
El llenguatge tipogràfic ,[object Object],[object Object]
Caixa alta i caixa baixa ,[object Object],[object Object],[object Object]
La mida ,[object Object]
Interlletratge i espai entre paraules ,[object Object]
El cran ,[object Object],[object Object],vTc
Interliniat ,[object Object],[object Object]
Amplada de columna ,[object Object],[object Object],[object Object]
Alineació El text es pot alinear a la dreta, a  l’esquerra , al centre de manera simètrica, justificat o compost asimètricament. El text es pot alinear a la  dreta , a l’esquerra, al centre de manera simètrica, justificat o compost asimètricament. El text es pot alinear a la dreta, a l’esquerra, al  centre  de manera simètrica, justificat o compost asimètricament. El text es pot alinear a la dreta, a l’esquerra, al centre de manera simètrica,  justificat  o compost asimètricament.
Llegibilitat ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Amenitat ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Expressivitat ,[object Object],[object Object]
Equivalència punts-píxels ratapinyada 8 6 ratapinyada 9 7 ratapinyada 11 8 ratapinyada 12 9 ratapinyada 13 10 ratapinyada 15 11 ratapinyada 16 12 ratapinyada 17 13 ratapinyada 19 14 ratapinyada 20 15 Exemple Píxels Punts
5. Disseny i producció 1. El procés de comunicació 2. Comunicació visual 3. Identitat gràfica 4. Desenvolupament d’un projecte
5.1. El procés de comunicació ,[object Object]
Els subjectes de la comunicació visual ,[object Object],[object Object],[object Object],[object Object]
Denotació i connotació ,[object Object],[object Object],[object Object]
El públic objectiu ,[object Object],[object Object]
La cultura visual ,[object Object]
Graus de formalitat ,[object Object]
5.2. Tipus d’imatge ,[object Object],[object Object],[object Object],[object Object]
La imatge expressiva ,[object Object],[object Object]
La imatge documental ,[object Object],[object Object]
La imatge persuasiva ,[object Object],[object Object]
La imatge narrativa ,[object Object],[object Object]
Forma i comunicació ,[object Object],[object Object]
5.3. Identitat gràfica ,[object Object]
Coherència de la línia gràfica ,[object Object]
Coherència de la línia gràfica ,[object Object],[object Object]
La marca: logotip i símbol ,[object Object]
El logotip ,[object Object],[object Object]
El símbol ,[object Object],[object Object],[object Object]
 
L’eslògan ,[object Object],[object Object]
L’eslògan
Les funcions de la marca ,[object Object],[object Object]
El manual d’identitat visual ,[object Object],[object Object],[object Object]
5.4. Desenvolupament d’un projecte ,[object Object]
Informació prèvia i preproducció ,[object Object],[object Object],[object Object]
Estudi de la competència
La producció ,[object Object],[object Object],[object Object]
Test i publicació ,[object Object],[object Object],[object Object]

More Related Content

What's hot

Composicio digital resum
Composicio digital resumComposicio digital resum
Composicio digital resumPaquita Ribas
 
Tema 7 LLenguatge Audiovisual
Tema 7 LLenguatge AudiovisualTema 7 LLenguatge Audiovisual
Tema 7 LLenguatge AudiovisualIvan Khalo
 
Imatge i Llenguatge Visual - Resum mòdul 1
Imatge i Llenguatge Visual - Resum mòdul 1Imatge i Llenguatge Visual - Resum mòdul 1
Imatge i Llenguatge Visual - Resum mòdul 1Paquita Ribas
 
Els Llenguatges Visuals
Els Llenguatges VisualsEls Llenguatges Visuals
Els Llenguatges Visualsmvelru
 
El llenguatge visual
El llenguatge visualEl llenguatge visual
El llenguatge visualjurigilabert
 
El llenguatge visual 2n eso. 17
El llenguatge visual 2n eso. 17El llenguatge visual 2n eso. 17
El llenguatge visual 2n eso. 17Epv Artistica
 
El llenguatge visual
El llenguatge visual   El llenguatge visual
El llenguatge visual maboir
 
El llenguatge visual
El llenguatge visualEl llenguatge visual
El llenguatge visualMarinale
 
la comunicacio visual
la comunicacio visualla comunicacio visual
la comunicacio visualAna Blesa
 
La imatge característiques
La imatge característiquesLa imatge característiques
La imatge característiquesAna Blesa
 
Imatge i Llenguatge Visual - Resum mòduls 3 i 4
Imatge i Llenguatge Visual - Resum mòduls 3 i 4Imatge i Llenguatge Visual - Resum mòduls 3 i 4
Imatge i Llenguatge Visual - Resum mòduls 3 i 4Paquita Ribas
 
El llenguatge visual Tema 7
El llenguatge visual Tema 7El llenguatge visual Tema 7
El llenguatge visual Tema 7Sergi Megiias
 
Teoria imatge
Teoria imatgeTeoria imatge
Teoria imatgeDrawbe07
 
Tema 7-el llenguatge audiovisual SETEMBRE
 Tema 7-el llenguatge audiovisual SETEMBRE Tema 7-el llenguatge audiovisual SETEMBRE
Tema 7-el llenguatge audiovisual SETEMBREIvan Khalo
 
3 eso - Visual i Plàstica Missatge Visual
3 eso - Visual i Plàstica Missatge Visual3 eso - Visual i Plàstica Missatge Visual
3 eso - Visual i Plàstica Missatge VisualJoan Sèculi
 
El llenguatge visual
El llenguatge visualEl llenguatge visual
El llenguatge visualAriadnamartin
 

What's hot (20)

Composicio digital resum
Composicio digital resumComposicio digital resum
Composicio digital resum
 
Tema 7 LLenguatge Audiovisual
Tema 7 LLenguatge AudiovisualTema 7 LLenguatge Audiovisual
Tema 7 LLenguatge Audiovisual
 
Imatge i Llenguatge Visual - Resum mòdul 1
Imatge i Llenguatge Visual - Resum mòdul 1Imatge i Llenguatge Visual - Resum mòdul 1
Imatge i Llenguatge Visual - Resum mòdul 1
 
Els Llenguatges Visuals
Els Llenguatges VisualsEls Llenguatges Visuals
Els Llenguatges Visuals
 
El llenguatge visual
El llenguatge visualEl llenguatge visual
El llenguatge visual
 
El llenguatge visual 2n eso. 17
El llenguatge visual 2n eso. 17El llenguatge visual 2n eso. 17
El llenguatge visual 2n eso. 17
 
El llenguatge visual
El llenguatge visual   El llenguatge visual
El llenguatge visual
 
El llenguatge visual
El llenguatge visualEl llenguatge visual
El llenguatge visual
 
la comunicacio visual
la comunicacio visualla comunicacio visual
la comunicacio visual
 
Tema 7
Tema 7Tema 7
Tema 7
 
Unitat 7
Unitat 7Unitat 7
Unitat 7
 
La imatge característiques
La imatge característiquesLa imatge característiques
La imatge característiques
 
Tema 7 cultura
Tema 7 cultura Tema 7 cultura
Tema 7 cultura
 
Imatge i Llenguatge Visual - Resum mòduls 3 i 4
Imatge i Llenguatge Visual - Resum mòduls 3 i 4Imatge i Llenguatge Visual - Resum mòduls 3 i 4
Imatge i Llenguatge Visual - Resum mòduls 3 i 4
 
El llenguatge visual Tema 7
El llenguatge visual Tema 7El llenguatge visual Tema 7
El llenguatge visual Tema 7
 
Teoria imatge
Teoria imatgeTeoria imatge
Teoria imatge
 
Tema 7 llenguatge visual
Tema 7 llenguatge visualTema 7 llenguatge visual
Tema 7 llenguatge visual
 
Tema 7-el llenguatge audiovisual SETEMBRE
 Tema 7-el llenguatge audiovisual SETEMBRE Tema 7-el llenguatge audiovisual SETEMBRE
Tema 7-el llenguatge audiovisual SETEMBRE
 
3 eso - Visual i Plàstica Missatge Visual
3 eso - Visual i Plàstica Missatge Visual3 eso - Visual i Plàstica Missatge Visual
3 eso - Visual i Plàstica Missatge Visual
 
El llenguatge visual
El llenguatge visualEl llenguatge visual
El llenguatge visual
 

Similar to Disseny visual

Elements del llenguatge visual
Elements del llenguatge visualElements del llenguatge visual
Elements del llenguatge visualVictoriamedia
 
El llenguatge visual
El llenguatge visualEl llenguatge visual
El llenguatge visuallalii77
 
Tema 7 audiovisual
Tema 7 audiovisualTema 7 audiovisual
Tema 7 audiovisualLittle West
 
Tema 7 audiovisual
Tema 7 audiovisualTema 7 audiovisual
Tema 7 audiovisualLittle West
 
Tema 7 audiovisual
Tema 7 audiovisualTema 7 audiovisual
Tema 7 audiovisualLittle West
 
Factors De Codificació 1
Factors De Codificació 1Factors De Codificació 1
Factors De Codificació 1Jordi Coiduras
 
Tema 1
Tema 1Tema 1
Tema 1edosso
 
Estetica
EsteticaEstetica
EsteticaiMona06
 
Docu alumnes 2(r)c
Docu alumnes 2(r)cDocu alumnes 2(r)c
Docu alumnes 2(r)cjaumemahumo
 
Interficie-resum
Interficie-resumInterficie-resum
Interficie-resumiMona06
 
El Llenguatge Visual
El Llenguatge VisualEl Llenguatge Visual
El Llenguatge VisualJaume JG
 
Models referents
Models referentsModels referents
Models referentsiMona06
 
Conceptes educació visual i plàstica
Conceptes educació visual i plàsticaConceptes educació visual i plàstica
Conceptes educació visual i plàsticacalcober
 

Similar to Disseny visual (15)

Elements del llenguatge visual
Elements del llenguatge visualElements del llenguatge visual
Elements del llenguatge visual
 
El llenguatge visual
El llenguatge visualEl llenguatge visual
El llenguatge visual
 
7 el llenguatge visual
7 el llenguatge visual7 el llenguatge visual
7 el llenguatge visual
 
Tema 7 audiovisual
Tema 7 audiovisualTema 7 audiovisual
Tema 7 audiovisual
 
Tema 7 audiovisual
Tema 7 audiovisualTema 7 audiovisual
Tema 7 audiovisual
 
Tema 7 audiovisual
Tema 7 audiovisualTema 7 audiovisual
Tema 7 audiovisual
 
Atencio
AtencioAtencio
Atencio
 
Factors De Codificació 1
Factors De Codificació 1Factors De Codificació 1
Factors De Codificació 1
 
Tema 1
Tema 1Tema 1
Tema 1
 
Estetica
EsteticaEstetica
Estetica
 
Docu alumnes 2(r)c
Docu alumnes 2(r)cDocu alumnes 2(r)c
Docu alumnes 2(r)c
 
Interficie-resum
Interficie-resumInterficie-resum
Interficie-resum
 
El Llenguatge Visual
El Llenguatge VisualEl Llenguatge Visual
El Llenguatge Visual
 
Models referents
Models referentsModels referents
Models referents
 
Conceptes educació visual i plàstica
Conceptes educació visual i plàsticaConceptes educació visual i plàstica
Conceptes educació visual i plàstica
 

More from gerard vilanova

More from gerard vilanova (14)

Aplicacions iPad per a educació
Aplicacions iPad per a educacióAplicacions iPad per a educació
Aplicacions iPad per a educació
 
La creació d’imatges
La creació d’imatgesLa creació d’imatges
La creació d’imatges
 
Treballsdisseny
TreballsdissenyTreballsdisseny
Treballsdisseny
 
Manual d'identitat gràfica
Manual d'identitat gràficaManual d'identitat gràfica
Manual d'identitat gràfica
 
Presentacions
PresentacionsPresentacions
Presentacions
 
La tipografia
La tipografiaLa tipografia
La tipografia
 
Storyboard
StoryboardStoryboard
Storyboard
 
Reunió ESO1 curs 2010-11
Reunió ESO1 curs 2010-11Reunió ESO1 curs 2010-11
Reunió ESO1 curs 2010-11
 
Web 2.0 vs. 1.0
Web 2.0 vs. 1.0Web 2.0 vs. 1.0
Web 2.0 vs. 1.0
 
Marroc 2009
Marroc 2009Marroc 2009
Marroc 2009
 
CinemàTic
CinemàTicCinemàTic
CinemàTic
 
Taller socioemocional a 2n d'ESO
Taller socioemocional a 2n d'ESOTaller socioemocional a 2n d'ESO
Taller socioemocional a 2n d'ESO
 
El naixement d'una llengua
El naixement d'una llenguaEl naixement d'una llengua
El naixement d'una llengua
 
Fonètica Del Català
Fonètica Del CatalàFonètica Del Català
Fonètica Del Català
 

Disseny visual

  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23. Elements de l’alfabet visual Moviment Textura Pla Direcció Color Línia Proporció Forma Punt Elements de relació Elements visuals Elements conceptuals
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48. La roda dels colors
  • 49.
  • 50.
  • 51.
  • 52.
  • 53. 2. Producció gràfica analògica i digital 2.1. Imatge digital vs. analògica 2.2. Els mapes de bits 2.3. Les imatges vectorials 2.4. Els formats de fitxers gràfics 2.5. Producció de material gràfic
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60. Els mapes de bits Òfset, serigrafia Filmació de fotolits 1200-2400 Impremta Publicació impresa de qualitat òptima 600 Impressora convencional Publicació impresa de qualitat mínima 200 Monitor Pàgines web, CD/DVD 72 Perifèric de sortida Producte Resolució (ppp)
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.  
  • 66.
  • 68.
  • 69.
  • 70. 3. Percepció de la imatge 3.1. Introducció a la sintaxi de la imatge 3.2. Forma i representació 3.3. Estructura i equilibri 3.4. El color
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81.
  • 82.
  • 83.
  • 84.
  • 85.
  • 86.
  • 87.
  • 88.
  • 89.
  • 90.
  • 91. 4. Composició i expressió gràfica 4.1. Composició de la imatge 4.2. Expressió i qualitat gràfica 4.3. Tipografia
  • 92.
  • 93.
  • 94.
  • 95.
  • 96.
  • 97.
  • 98.
  • 99.
  • 100.
  • 101.
  • 102.
  • 103.
  • 104.
  • 105.
  • 106.
  • 107.
  • 108. Alineació El text es pot alinear a la dreta, a l’esquerra , al centre de manera simètrica, justificat o compost asimètricament. El text es pot alinear a la dreta , a l’esquerra, al centre de manera simètrica, justificat o compost asimètricament. El text es pot alinear a la dreta, a l’esquerra, al centre de manera simètrica, justificat o compost asimètricament. El text es pot alinear a la dreta, a l’esquerra, al centre de manera simètrica, justificat o compost asimètricament.
  • 109.
  • 110.
  • 111.
  • 112. Equivalència punts-píxels ratapinyada 8 6 ratapinyada 9 7 ratapinyada 11 8 ratapinyada 12 9 ratapinyada 13 10 ratapinyada 15 11 ratapinyada 16 12 ratapinyada 17 13 ratapinyada 19 14 ratapinyada 20 15 Exemple Píxels Punts
  • 113. 5. Disseny i producció 1. El procés de comunicació 2. Comunicació visual 3. Identitat gràfica 4. Desenvolupament d’un projecte
  • 114.
  • 115.
  • 116.
  • 117.
  • 118.
  • 119.
  • 120.
  • 121.
  • 122.
  • 123.
  • 124.
  • 125.
  • 126.
  • 127.
  • 128.
  • 129.
  • 130.
  • 131.
  • 132.  
  • 133.
  • 135.
  • 136.
  • 137.
  • 138.
  • 139. Estudi de la competència
  • 140.
  • 141.