SlideShare une entreprise Scribd logo
1  sur  15
DISSENY GRÀFIC.
SIGNES I SÍMBOLS
GRÀFICS
Presentació realitzada per la matèria optativa Educació Visual i
Plàstica a 4t d’ESO.
En la societat actual, cada vegada més connectada i on els moviments de persones
entre diferents països (per qüestions de treball, estudis, turisme …) són habituals, la
comunicació gràfica permet crear un sistema d’informació que no està condicionat per
l’idioma.
Quan una imatge és molt simple i ha estat elaborada amb la intenció
específica de transmetre, ràpidament, un missatge clar a la majoria de la
gent, es considera un signe.
Imatges d’identitat de cadenes de TV estatals i autonòmiques.
Cada una d’aquestes imatges és un signe gràfic fàcil de memoritzar. El missatge denotat inclou la
identificació de cada cadena televisiva. El missatge connotat es refereix a les preferències que els
espectadors poden tenir per les respectives programacions.
ELS SIGNES GRÀFICS
Fixa’t en les imatges que representen el signe Peixos del Zodíac amb diferent iconicitat.
La primera té molts detalls, és més realista. La segona és un relleu, és més senzilla i
destaca les formes més característiques, però continua sent molt descriptiva i detallada.
La tercera i especialment la quarta, són molt esquemàtiques i ressalten la silueta sense
excessius detalls. Té caràcter de signe gràfic actual.
El disseny actual de signes es caracteritza per una preferència cap a les formes més simples.
Aquesta simplicitat s’obté utilitzant elements del llenguatge visual i plàstic.
Sovint s’estructuren amb formes geomètriques bàsiques: quadrat, rectangle, cercle, …
MENYS ÉS MÉS
Aquests dissenys són un exemple clar de l’evolució de l’estètica en la
comunicació visual; d’una representació detallista de la corneta, en el cas del
signe de Correus, s’ha arribat al disseny actual d’una forma depurada molt
geomètrica.
- En el logotip original d'Apple , dissenyat el 1976 per Steve Jobs i Ronald
Wayne apareix Isaac Newton assegut sota la seva famosa pomera. Aquest
logotip va durar poc perquè a més de ser sumament recarregat, semblava més
una il·lustració que un logotip.
- Rob Janoff va dissenyar el conegut logotip multicolor, que va romandre en
actiu fins a principis de 1999. Jobs va insistir a simplificar-lo encara més
eliminant tot rastre de l'arc de Sant Martí per donar la benvinguda a la idea de
“menys és més”.
- Les noves versions monocromàtiques de la poma mossegada aporten valors
més tecnològics i moderns a la marca que s’allunyen de la versió anterior, més
cridanera i colorista, que en el seu moment va tenir èxit.
Logotips només amb el nom. Logotips amb el nom i algun element gràfic.
En general, el logotip presenta formes simples i pot ser compost per totes les lletres del nom representat o
per una contracció (extracció de determinades lletres) o un acrònim, que a vegades , esdevé el nom mateix,
com en el cas de RENFE: RE(d) N(acional) (de) F(errocarriles) E(spañoles).
ELS PICTOGRAMES
Aquesta família de signes gràfics s’origina al s.XX quan es fa necessària l’orientació de
l’entorn, sobretot en esdeveniments multitudinaris com exposicions internacionals,
olimpíades, congressos, …
Els pictogrames expressen una idea molt concreta en imatges esquemàtiques d’objectes o
conceptes. I en ells es fa un ús senyalètic del color.
Pictogrames Jocs Olímpics Beijing
2008.
Pictogrames Jocs Olímpics Londres
2012.
Pictogrames d’un zoològic.
Targeta informativa confusa. Targeta informativa amb comunicació clara.
FONAMENTS BÀSICS DE DISSENY GRÀFIC
Proximitat
La intenció del dissenyador era probablement crear alguna cosa divertida i energètica però,
a primer cop d’ull, es pot saber quan i on tenen lloc les classes?
Cal agrupar els elements relacionats i separar els que no tenen relació.
Alineació
Sense alineació. Alineació per la dreta. Alineació pel centre.
Alineació pel centre.Alineació per l’esquerra.
Alineació pel centre,
sense contrast.
Alineació per l’esquerra
amb contrast.
La disposició centrada pot resultar més aburrida.
Una alineació a l’esquerra o a la dreta pot resultar més sofisticada, menys estàtica.
Contrast
Exemple de poc contrast. Exemple de bon contrast. Exemple de bon contrast.
●
La forma més fàcil d’afegir contrast interessant és amb els tipus de lletra.
Però no oblidem que també ho podem fer amb línies, colors, textures i espais entre els elements.
●
Es crea contrast quan dos elements són diferents:
*un tipus de font gran i un de petit
*una línia fina i una gruixuda
*un element vertical amb un element horitzontal
*un element gràfic petit al costat d’un de gran
*un grup de línies amb molt espaiat al costat d’un grup de línies amb poc espaiat
*un color fosc al costat d’un color clar
Principi de proximitat. Principi d’alineació. Principi de contrast.
REVISIÓ
Utilitzar el color/Relacions de color
Parelles de complementaris.
Tríades. Colors equidistants en el cercle
cromàtic.
Tríades de complementaris
propers.
Combinacions de colors
anàlegs.
Combinació de tons massa
similars.
Combinació de tons diferents.
EXEMPLE TARGETA DE VISITA
El que s’ha de fer:
El que NO s’ha de fer:

Contenu connexe

En vedette

Signes i simbols gràfics
Signes i simbols gràficsSignes i simbols gràfics
Signes i simbols gràficsslegna3
 
Manual de identidad corporativa
Manual de identidad corporativaManual de identidad corporativa
Manual de identidad corporativaGalaxy PRO
 
Les claus del disseny visual (resum)
Les claus del disseny visual (resum)Les claus del disseny visual (resum)
Les claus del disseny visual (resum)gerard vilanova
 
Operativitat dièdrica
Operativitat dièdricaOperativitat dièdrica
Operativitat dièdricaslegna3
 
Imagen e Identidad corporativa
Imagen e Identidad corporativaImagen e Identidad corporativa
Imagen e Identidad corporativahayenuma
 
Mensaje grafico
Mensaje graficoMensaje grafico
Mensaje graficoi_lobmy
 
mensaje visual y diseño grafico
mensaje visual y diseño graficomensaje visual y diseño grafico
mensaje visual y diseño graficoPamela verastegui
 
Angles: Naming, Types, and How to Measure Them
Angles: Naming, Types, and How to Measure ThemAngles: Naming, Types, and How to Measure Them
Angles: Naming, Types, and How to Measure Themjbouchard24
 
Presentación de Filosofía
Presentación de FilosofíaPresentación de Filosofía
Presentación de Filosofíamed.ucsc
 
Concepto en Diseño
Concepto en DiseñoConcepto en Diseño
Concepto en DiseñoAna Listopad
 
Las TIC en Plástica. Un mundo de retos y oportunidades
Las TIC en Plástica. Un mundo de retos y oportunidadesLas TIC en Plástica. Un mundo de retos y oportunidades
Las TIC en Plástica. Un mundo de retos y oportunidadesLucía Alvarez
 
Redes y formas modulares.
Redes y formas modulares.Redes y formas modulares.
Redes y formas modulares.CreandoArtistas
 
Uso educativo de las Redes Sociales
Uso educativo de las Redes SocialesUso educativo de las Redes Sociales
Uso educativo de las Redes SocialesLucía Alvarez
 

En vedette (20)

Marca
MarcaMarca
Marca
 
Pac1
Pac1Pac1
Pac1
 
Signes i simbols gràfics
Signes i simbols gràficsSignes i simbols gràfics
Signes i simbols gràfics
 
Formats
FormatsFormats
Formats
 
Manual de identidad corporativa
Manual de identidad corporativaManual de identidad corporativa
Manual de identidad corporativa
 
Les claus del disseny visual (resum)
Les claus del disseny visual (resum)Les claus del disseny visual (resum)
Les claus del disseny visual (resum)
 
Angles i girs
Angles i girsAngles i girs
Angles i girs
 
¿Qué es Diseño?
¿Qué es Diseño?¿Qué es Diseño?
¿Qué es Diseño?
 
Operativitat dièdrica
Operativitat dièdricaOperativitat dièdrica
Operativitat dièdrica
 
Imagen e Identidad corporativa
Imagen e Identidad corporativaImagen e Identidad corporativa
Imagen e Identidad corporativa
 
Mensaje grafico
Mensaje graficoMensaje grafico
Mensaje grafico
 
mensaje visual y diseño grafico
mensaje visual y diseño graficomensaje visual y diseño grafico
mensaje visual y diseño grafico
 
Angles: Naming, Types, and How to Measure Them
Angles: Naming, Types, and How to Measure ThemAngles: Naming, Types, and How to Measure Them
Angles: Naming, Types, and How to Measure Them
 
Presentación de Filosofía
Presentación de FilosofíaPresentación de Filosofía
Presentación de Filosofía
 
Concepto en Diseño
Concepto en DiseñoConcepto en Diseño
Concepto en Diseño
 
Filosofia
FilosofiaFilosofia
Filosofia
 
Las TIC en Plástica. Un mundo de retos y oportunidades
Las TIC en Plástica. Un mundo de retos y oportunidadesLas TIC en Plástica. Un mundo de retos y oportunidades
Las TIC en Plástica. Un mundo de retos y oportunidades
 
Redes y formas modulares.
Redes y formas modulares.Redes y formas modulares.
Redes y formas modulares.
 
Tipos de diseño
Tipos de diseñoTipos de diseño
Tipos de diseño
 
Uso educativo de las Redes Sociales
Uso educativo de las Redes SocialesUso educativo de las Redes Sociales
Uso educativo de las Redes Sociales
 

Plus de Ana Blesa

Tipografia i lettering
Tipografia i letteringTipografia i lettering
Tipografia i letteringAna Blesa
 
Modernisme a palma
Modernisme a palmaModernisme a palma
Modernisme a palmaAna Blesa
 
El dibuix d’estàtua
El dibuix d’estàtuaEl dibuix d’estàtua
El dibuix d’estàtuaAna Blesa
 
Bodegons.pptx
Bodegons.pptxBodegons.pptx
Bodegons.pptxAna Blesa
 
Veure en perspectiva
Veure en perspectivaVeure en perspectiva
Veure en perspectivaAna Blesa
 
Expressivitat de la llum
Expressivitat de la llumExpressivitat de la llum
Expressivitat de la llumAna Blesa
 
La imatge característiques
La imatge característiquesLa imatge característiques
La imatge característiquesAna Blesa
 
El dibuix i les seves funcions
El dibuix i les seves funcionsEl dibuix i les seves funcions
El dibuix i les seves funcionsAna Blesa
 
Composició def
Composició defComposició def
Composició defAna Blesa
 
T4 triangles i quadrilàters
T4 triangles i quadrilàtersT4 triangles i quadrilàters
T4 triangles i quadrilàtersAna Blesa
 
El color van gogh
El color van goghEl color van gogh
El color van goghAna Blesa
 
El color en l'art
El color en l'artEl color en l'art
El color en l'artAna Blesa
 
Percepció formes
Percepció formesPercepció formes
Percepció formesAna Blesa
 
Tatuatges amb tangències
Tatuatges amb tangènciesTatuatges amb tangències
Tatuatges amb tangènciesAna Blesa
 
0. avaluació inicial
0. avaluació inicial0. avaluació inicial
0. avaluació inicialAna Blesa
 
Educacio plastica presentacio
Educacio plastica presentacioEducacio plastica presentacio
Educacio plastica presentacioAna Blesa
 
Perspectiva cònica
Perspectiva cònicaPerspectiva cònica
Perspectiva cònicaAna Blesa
 
Quasibolo ppt
Quasibolo pptQuasibolo ppt
Quasibolo pptAna Blesa
 

Plus de Ana Blesa (20)

Tipografia i lettering
Tipografia i letteringTipografia i lettering
Tipografia i lettering
 
Modernisme a palma
Modernisme a palmaModernisme a palma
Modernisme a palma
 
El dibuix d’estàtua
El dibuix d’estàtuaEl dibuix d’estàtua
El dibuix d’estàtua
 
Bodegons.pptx
Bodegons.pptxBodegons.pptx
Bodegons.pptx
 
Veure en perspectiva
Veure en perspectivaVeure en perspectiva
Veure en perspectiva
 
Expressivitat de la llum
Expressivitat de la llumExpressivitat de la llum
Expressivitat de la llum
 
La imatge característiques
La imatge característiquesLa imatge característiques
La imatge característiques
 
El dibuix i les seves funcions
El dibuix i les seves funcionsEl dibuix i les seves funcions
El dibuix i les seves funcions
 
Composició def
Composició defComposició def
Composició def
 
L'encaix
L'encaixL'encaix
L'encaix
 
T4 triangles i quadrilàters
T4 triangles i quadrilàtersT4 triangles i quadrilàters
T4 triangles i quadrilàters
 
El color van gogh
El color van goghEl color van gogh
El color van gogh
 
El color en l'art
El color en l'artEl color en l'art
El color en l'art
 
Percepció formes
Percepció formesPercepció formes
Percepció formes
 
Tatuatges amb tangències
Tatuatges amb tangènciesTatuatges amb tangències
Tatuatges amb tangències
 
0. avaluació inicial
0. avaluació inicial0. avaluació inicial
0. avaluació inicial
 
Educacio plastica presentacio
Educacio plastica presentacioEducacio plastica presentacio
Educacio plastica presentacio
 
Joan miró
Joan miróJoan miró
Joan miró
 
Perspectiva cònica
Perspectiva cònicaPerspectiva cònica
Perspectiva cònica
 
Quasibolo ppt
Quasibolo pptQuasibolo ppt
Quasibolo ppt
 

Disseny grafic

  • 1. DISSENY GRÀFIC. SIGNES I SÍMBOLS GRÀFICS
  • 2. Presentació realitzada per la matèria optativa Educació Visual i Plàstica a 4t d’ESO.
  • 3. En la societat actual, cada vegada més connectada i on els moviments de persones entre diferents països (per qüestions de treball, estudis, turisme …) són habituals, la comunicació gràfica permet crear un sistema d’informació que no està condicionat per l’idioma. Quan una imatge és molt simple i ha estat elaborada amb la intenció específica de transmetre, ràpidament, un missatge clar a la majoria de la gent, es considera un signe. Imatges d’identitat de cadenes de TV estatals i autonòmiques. Cada una d’aquestes imatges és un signe gràfic fàcil de memoritzar. El missatge denotat inclou la identificació de cada cadena televisiva. El missatge connotat es refereix a les preferències que els espectadors poden tenir per les respectives programacions.
  • 4. ELS SIGNES GRÀFICS Fixa’t en les imatges que representen el signe Peixos del Zodíac amb diferent iconicitat. La primera té molts detalls, és més realista. La segona és un relleu, és més senzilla i destaca les formes més característiques, però continua sent molt descriptiva i detallada. La tercera i especialment la quarta, són molt esquemàtiques i ressalten la silueta sense excessius detalls. Té caràcter de signe gràfic actual. El disseny actual de signes es caracteritza per una preferència cap a les formes més simples. Aquesta simplicitat s’obté utilitzant elements del llenguatge visual i plàstic. Sovint s’estructuren amb formes geomètriques bàsiques: quadrat, rectangle, cercle, …
  • 5. MENYS ÉS MÉS Aquests dissenys són un exemple clar de l’evolució de l’estètica en la comunicació visual; d’una representació detallista de la corneta, en el cas del signe de Correus, s’ha arribat al disseny actual d’una forma depurada molt geomètrica.
  • 6. - En el logotip original d'Apple , dissenyat el 1976 per Steve Jobs i Ronald Wayne apareix Isaac Newton assegut sota la seva famosa pomera. Aquest logotip va durar poc perquè a més de ser sumament recarregat, semblava més una il·lustració que un logotip. - Rob Janoff va dissenyar el conegut logotip multicolor, que va romandre en actiu fins a principis de 1999. Jobs va insistir a simplificar-lo encara més eliminant tot rastre de l'arc de Sant Martí per donar la benvinguda a la idea de “menys és més”. - Les noves versions monocromàtiques de la poma mossegada aporten valors més tecnològics i moderns a la marca que s’allunyen de la versió anterior, més cridanera i colorista, que en el seu moment va tenir èxit.
  • 7. Logotips només amb el nom. Logotips amb el nom i algun element gràfic. En general, el logotip presenta formes simples i pot ser compost per totes les lletres del nom representat o per una contracció (extracció de determinades lletres) o un acrònim, que a vegades , esdevé el nom mateix, com en el cas de RENFE: RE(d) N(acional) (de) F(errocarriles) E(spañoles).
  • 8. ELS PICTOGRAMES Aquesta família de signes gràfics s’origina al s.XX quan es fa necessària l’orientació de l’entorn, sobretot en esdeveniments multitudinaris com exposicions internacionals, olimpíades, congressos, … Els pictogrames expressen una idea molt concreta en imatges esquemàtiques d’objectes o conceptes. I en ells es fa un ús senyalètic del color. Pictogrames Jocs Olímpics Beijing 2008. Pictogrames Jocs Olímpics Londres 2012. Pictogrames d’un zoològic.
  • 9. Targeta informativa confusa. Targeta informativa amb comunicació clara. FONAMENTS BÀSICS DE DISSENY GRÀFIC Proximitat La intenció del dissenyador era probablement crear alguna cosa divertida i energètica però, a primer cop d’ull, es pot saber quan i on tenen lloc les classes? Cal agrupar els elements relacionats i separar els que no tenen relació.
  • 10. Alineació Sense alineació. Alineació per la dreta. Alineació pel centre. Alineació pel centre.Alineació per l’esquerra. Alineació pel centre, sense contrast. Alineació per l’esquerra amb contrast. La disposició centrada pot resultar més aburrida. Una alineació a l’esquerra o a la dreta pot resultar més sofisticada, menys estàtica.
  • 11. Contrast Exemple de poc contrast. Exemple de bon contrast. Exemple de bon contrast. ● La forma més fàcil d’afegir contrast interessant és amb els tipus de lletra. Però no oblidem que també ho podem fer amb línies, colors, textures i espais entre els elements. ● Es crea contrast quan dos elements són diferents: *un tipus de font gran i un de petit *una línia fina i una gruixuda *un element vertical amb un element horitzontal *un element gràfic petit al costat d’un de gran *un grup de línies amb molt espaiat al costat d’un grup de línies amb poc espaiat *un color fosc al costat d’un color clar
  • 12. Principi de proximitat. Principi d’alineació. Principi de contrast. REVISIÓ
  • 13. Utilitzar el color/Relacions de color Parelles de complementaris. Tríades. Colors equidistants en el cercle cromàtic.
  • 14. Tríades de complementaris propers. Combinacions de colors anàlegs. Combinació de tons massa similars. Combinació de tons diferents.
  • 15. EXEMPLE TARGETA DE VISITA El que s’ha de fer: El que NO s’ha de fer: