Introducció al grafisme
© 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.Disseny i creació gràfica
- 2.L'alfabet visual
- 2.1.Llenguatge verbal i llenguatge visual
- 2.2.El signe gràfic
- 2.3.Els components de la imatge
- 2.3.1.El component mimètic
- 2.3.2.El component abstracte
- 2.3.3.El component arbitrari
- 2.3.4.Les tres funcions de la imatge
- 2.4.L'alfabet visual
- 2.4.1.Elements conceptuals
- 2.4.2.Els elements visuals
- 2.4.3.Elements de relació
- 3.Aspectes tècnics del color
- 4.Mapes conceptuals
- Activitats
- Bibliografia
Introducció
Objectius
-
Valorar la funció del disseny i els seus requeriments bàsics.
-
Entendre les diferències entre el llenguatge visual i el verbal.
-
Identificar els elements bàsics de l'alfabet visual.
-
Comprendre la natura del color i la producció d'aquests utilitzant diferents mescles.
1.Disseny i creació gràfica
1.1.Què és el disseny?
1.2.Funcionalitat, usabilitat i accessibilitat


2.L'alfabet visual
2.1.Llenguatge verbal i llenguatge visual

-
El valor de cada signe està en la relació que manté amb els altres signes que en configuren el context. És a dir, el llenguatge és un sistema articulat d'elements que troben el seu lloc en la diferència respecte de la resta d'elements que integren el sistema. Per tant, el seu estudi adequat ha de passar per descompondre i precisar la totalitat en què s'insereix i, sobretot, comprendre les relacions que es donen entre cada una de les seves peces més simples (unitats mínimes).
-
Els signes no són unitats simples, sinó que sorgeixen de la unió de dues parts o dimensions: la seva forma convencional i percebuda pels sentits (significant), i el que referencien o designen (significat).
2.1.1.Imatge, missatge i comunicació visual

2.2.El signe gràfic

2.2.1.Icones


2.2.2.Símbols



2.2.3.Índexs



2.3.Els components de la imatge
2.3.1.El component mimètic


2.3.2.El component abstracte


2.3.3.El component arbitrari


2.3.4.Les tres funcions de la imatge
"Per tal d'aclarir i comparar les diferents relacions que mantenen les imatges amb els seus objectes de referència, distingirem les tres funcions que exerceixen les imatges. Poden servir com a representacions (pictures) o com a símbols, però també es poden utilitzar com a mers signes.
Els tres termes (representació, símbol, signe) no es refereixen a tres tipus d'imatges, sinó que descriuen tres funcions que les imatges compleixen. Podem utilitzar una imatge particular per a cada una d'aquestes funcions i, sovint, en serveix més d'una alhora. En general, la imatge per si mateixa no indica quina funció té. Un triangle pot ser un signe de perill, la representació d'una muntanya o un símbol de jerarquia. Hem de saber si els diferents tipus d'imatges compleixen aquestes funcions de manera convenient o inconvenient.
Una imatge serveix simplement com a signe en la mesura que denota un contingut particular sense reflectir-ne les característiques visualment. En el sentit més estricte, és impossible (potser) que un objecte visual només sigui un signe. El retrat tendeix a relliscar en la seva funció. Les lletres de l'alfabet que s'utilitzen en àlgebra s'acosten al que és un signe pur.
Les imatges són representacions en la mesura que retraten coses situades en un nivell d'abstracció inferior a si mateixes. Compleixen la seva funció mitjançant la captació i l'evidència d'alguna qualitat pertinent (color, forma, moviment) dels objectes o les activitats que descriuen. Les representacions no poden ser simples rèpliques, és a dir, còpies fidels que només es diferencien per imperfeccions casuals.
Una imatge actua com a símbol en la mesura que retrata coses situades en un nivell d'abstracció més alt que el mateix símbol. Un símbol concedeix forma particular a tipus o coses o constel·lacions de forces. Tota imatge és, naturalment, una cosa particular i, com que es refereix a un tipus de cosa determinada, serveix com a símbol, per exemple, si presenta un gos amb la finalitat de mostrar en què consisteix el concepte de gos."
R. Arnheim (1998). El pensamiento visual (pàg. 149-152). Barcelona: Paidós.
2.4.L'alfabet visual
Els elements de l'alfabet visual |
||
---|---|---|
Elements conceptuals |
Elements visuals |
Elements de relació |
Punt |
Forma |
Proporció |
Línia |
Color |
Direcció |
Pla |
Textura |
Moviment |
2.4.1.Elements conceptuals
El punt

La línia


El pla



2.4.2.Els elements visuals
La forma

El color

La textura

2.4.3.Elements de relació
La proporció

La direcció

El moviment


3.Aspectes tècnics del color
3.1.Llum i color



3.2.Percepció humana del color



3.3.Models de classificació del color
Classificació del color |
|
---|---|
![]() Josep Giribet.
|
Piràmide de Lambert (1772) Lambert va situar, en una piràmide de base triangular, el blanc en el vèrtex superior i els colors primaris en els altres tres. El negre el va col·locar en el punt central de la base. Des de la base cap amunt, els colors s'aclarien, i des de les arestes de la base cap a l'interior, s'enfosquien. Els models "antics" solien amagar els colors "lletjos" dins del sòlid i disposar el blanc a la part superior. |
![]() Josep Giribet.
|
Esfera d'Otto Runge (1810) Philipp Otto Runge (1777-1810), pintor del període inicial del romanticisme alemany, va desenvolupar una teoria i un model del color basats en una distribució en esfera amb el blanc a dalt, el negre a baix i els colors saturats en l'equador. |
![]() VRML
|
Sòlid de Munsell El pintor americà Albert H. Munsell (1858-1918) va definir un sistema basat en els colors pigment i en tres paràmetres: matís (hue), valor (value) i croma (chroma), amb un codi d'identificació per lletres basades en la denominació anglesa del color. Posteriorment, el Departament d'Estandardització dels Estats Units va adaptar el seu sistema. |
![]() Josep Giribet.
|
Doble piràmide de William Otswald (1915) Es tracta de dos cons encarats per les bases. Sobre la circumferència comuna es disposen vint-i-quatre tons de color, que parteixen del groc (codificat com a 00), passen pel vermell, el violeta i el blau, i tornen al groc passant pel verd. En el vèrtex superior hi ha el blanc i, en l'inferior, el negre; entre l'un i l'altre hi ha una escala de grisos (codificats com a aa, cc, ee, gg, ii, ll, nn, pp). L'eix central és la zona menys saturada, i la posició més perifèrica (que coincideix amb el contorn de la circumferència i que es coneix com a cercle d'Otswald) és la que ho és més. Se li ha criticat que en situar tots els colors saturats en el mateix nivell de lluminositat en falseja la classificació, perquè no té la mateixa lluminositat un groc pur que un blau pur. |
![]() Josep Giribet.
|
Cub d'Albert Hickethier (1940) El sòlid de colors de Hickethier és un cub o hexàedre que es recolza en un dels vèrtexs. La diagonal que uneix el vèrtex inferior amb el superior forma l'escala de grisos amb el blanc a sobre i el negre a sota. Els colors bàsics de pigment (groc, magenta i cian) estan en l'extrem de les arestes que parteixen del blanc. Els colors primaris de llum, resultants de la mescla dels bàsics de pigment, se situen en l'extrem de les arestes que surten del negre. El gris mitjà està en el nucli central del cub i perd saturació cap als colors. Cada aresta es divideix en deu parts. El sòlid té mil divisions iguals i els colors es codifiquen del 000 al 999. |
![]() Josep Giribet.
|
Model HLS (Hue-Lightness-Saturation) To-Lluminositat-Saturació. La seva representació tridimensional és un cilindre amb el negre a la base i el blanc a l'extrem superior. En la perifèria se situen els colors més saturats i perden saturació a mesura que s'acosten a l'eix central amb l'escala de grisos de negre a blanc. El to (hue) del color s'identifica per graus (en la circumferència) de 0º a 360º. La lluminositat es distribueix en una escala de 0 a 100 i la saturació va de la perifèria a l'eix central, també en una escala de 0 a 100. Corregeix d'Ostwald que els colors "purs" se situen a una alçada diferent segons la lluminositat, però representa que hi ha diversos "blancs" i "negres", un per cada color definit per to i saturació. S'utilitza perquè és un sistema útil per a qualsevol ús o aplicació. |
![]() Josep Giribet.
|
Model CIE (1931/1976) L'any 1931 va canviar l'enfocament científic respecte de la classificació del color. Es va deixar de banda la perspectiva que es basava únicament en les propietats físiques de la llum (longitud d'ona, lluminositat) i en l'intent de trobar un sòlid regular que encaixès, per a basar-se en la percepció del color. Si el color és un producte de la nostra percepció, i no una característica física dels objectes ni de la llum, per a classificar-lo ens hem de basar en la percepció. La Commission Internationale de l'Eclairage va definir un "observador patró" que indicava les diferències o similituds que percebia en ser estimulat per diferents longituds d'ona. "La adopción de este modelo de observación humana supuso el punto de referencia común para la práctica de la colorimetría de un modo sistemático" (Sanz, 1993). La CIE va proposar tres "primaris" imaginaris (equivalents a vermell, verd i blau), que va denominar X, I, Z. La lluminositat es representa per un vector perpendicular al pla de cromaticitat. La CIE ha anat actualitzant el seu model. Els sistemes de classificació més recents són el CIE-Luv i el CIE-Lab, alternatius al del 1931. |



3.4.Mescles de color
3.4.1.Mescla o síntesi additiva (colors llum)

3.4.2.Mescla o síntesi subtractiva (colors pigment)




3.4.3.Colors primaris i colors secundaris


cian + vermell = blanc



4.Mapes conceptuals
4.1.Disseny i creació gràfica

4.2.L'alfabet visual

4.3.Aspectes tècnics del color

Activitats
-
Disseny molt usable
-
Disseny poc usable
-
Disseny accessible
-
Símbols
-
Índexs
-
Icones