SlideShare a Scribd company logo
1 of 59
Download to read offline
GRAU EN MÀRQUETING I COMUNITATS DIGITALS
ESCSE - UNIVERSITAT POMPEU FABRA
EL COLOR
CARLES GARCIA- cgarcia@tecnocampus.cat
AITOR RUIZ - aruiz@tecnocampus.cat
EL COLOR
EL COLOR
El coneixement del color és FONAMENTAL pel disseny gràfic
així com una de les eines més importants.
El color posseeix un llenguatge únic i complex. Amb la variació
d’aquest podem variar el significat del nostre missatge.
EL SIGNIFICAT DEL COLOR
EL COLOR
EL SIGNIFICAT
El color és una part de l’espectre lumínic, per tant, és una energia vibratòria.
Aquesta energia es mou a través d’ones que afecten el ser humà depenent de la
seva longitud d’ona.
EL SIGNIFICAT
Els colors produeixen emocions en
les persones i influeixen en la
percepció de les coses. Poden
ajudar a transmetre un missatge.
EL COLOR
EL SIGNIFICAT
SERIETAT
CONFIANÇA
SOLEMNITAT
PAU
ESPERANÇA
VITALITAT
FORÇA
OPTIMISME
AMIGABLE
CONFIDÈNCIA
IMAGINACIÓ
CREATIVITAT
NEUTRALITAT
CALMA
BLAU
VERD
VERMELL
GROC
TARONJA
LILA
GRIS
EL COLOR
BLAU
SERIETAT CONFIANÇA
EL COLOR
VERD
PAU ESPERANÇA
EL COLOR
VERMELL
VITALITATFORÇA
EL COLOR
GROC
OPTIMISME
EL COLOR
TARONJA
AMIGABLECONFIDÈNCIA
EL COLOR
LILA
IMAGINACIÓCREATIVITAT
EL COLOR
GRIS
SOLEMNITAT NEUTRALITATCALMA
EL COLOR
EL SIGNIFICAT
font: colorlovers http://static.colourlovers.com.s3.amazonaws.com/uploads/images/top-web-brand-colors.html
EL COLOR
EL SIGNIFICAT
Hi ha factors NO FÍSICS que també afecten la percepció que tenim d’un color. Per
exemple poden afectar alguns aspectes culturals, religiosos…
A La Xina el color vermell
s’associa amb la bona fortuna
i la sort.
A occident el veiem com un
color d’advertiment.
El color verd és un color molt
important per l’Islam. Segons
aquesta religió els màrtirs
entraran al Paradís en forma
d’au de color verd.
EL COLOR
EL SIGNIFICAT
El color és un dels elements gràfics que poden contribuir a la diferenciació del
nostre treball o obra.
Podem escollir uns colors que defineixin els nostres treballs.
sanzivila.com
Sanz i Vila
La Patum
Marca
Marca
Marca
@josearoda
Jose Antonio Roda
CARACTERÍSTIQUES
EL COLOR
CARACTERISTIQUES
TO LLUMINOSITAT SATURACIÓ
EL COLOR
CARACTERISTIQUES
TO LLUMINOSITAT SATURACIÓ
El to és el nom genèric del color. És com l’anomenem.
Exemple: verd, blau…
EL COLOR
CARACTERISTIQUES
TO LLUMINOSITAT SATURACIÓ
Les diferents variacions del color des de clar a fosc.
EL COLOR
CARACTERISTIQUES
TO LLUMINOSITAT SATURACIÓ
Els diferents graus d’intensitat del color. Des de total a baixa o
des de to intens a gris
ESCALA DE VALORS
EL COLOR
ESCALA DE VALORS
Nivell de grisos que trobem entre el blanc i el negre.
En aquesta escala parlem de 9 nivells.
Els tres primers són els de CLAU ALTA
Els tres intermitjos són els de CLAU INTERMITJA
Els tres últims són els de CLAU BAIXA
CERCLE CROMÀTIC
EL COLOR
CERCLE CROMÀTIC
Rodes de colors 1708
És la representació ordenada (i circular) dels
colors segons el seu to. Hi apareixen els
color primaris i els seus derivats.
Pot ser representat segons el model
sostractiu de color o el model additiu.
ELS PERFILS DE COLOR
EL COLOR
ELS PERFILS - RGB
RGB (MODEL ADDITIU)
És el model de color basat en la síntesi additiva. Per
obtenir els colors es barregen (per addició) els tres
colors primaris de llum.
RGB no defineix el significat exacte dels colors. Això pot
fer que en diferents pantalles amb el mateix perfil de
color es vegin diferent els colors.
És utiltizat a les pantalles.
EL COLOR
ELS PERFILS - RGB
COLORS PRIMARIS:
Vermell, verd i blau
COLORS SECUNDARIS (és la barreja de dos primaris a parts iguals):
Groc = verd + vermell
Magenta = vermell + blau
Cian = verd + cian
COLORS TERCIARIS
https://youtu.be/s7r-emyau3A
EL COLOR
ELS PERFILS - RGB
COM HO VEIEM A LA PANTALLA?
EL COLOR
ELS PERFILS - RGB
Haurem d’utilitzar aquest format sempre que el nostre producte estigui pensat
per ser visualitzat a les pantalles. (internet sRGB)
Per assegurar-nos que el nostre document tindrà els colors que volem podem
escollir el perfil al crear l’arxiu.
Formats d’arxius:
JPEG, JPG, PNG, GIF
TIFF, EPS, PDF, BMP
EL COLOR
ELS PERFILS - CMYK
CMYK (MODEL SOSTRACTIU)
És el model de color basat en la sintesi sostractiva. Els
colors s’obtenen a través de la barreja de pigments.
El model CMYK es basa en l’absorció de la llum. El
color que li veiem a un objecte és en realitat el color de
la part de llum que aquest no ha absorbit.
És l’utilitzat en les impressions.
EL COLOR
ELS PERFILS - CMYK
COLORS PRIMARIS:
Cian, Magenta, Groc
COLORS SECUNDARIS (és la barreja de dos primaris a parts iguals):
Vermell = magenta + groc
Verd = groc + cian
Blau = cian + magenta
Negre = cian + magenta + groc
COLORS TERCIARIS
EL COLOR
ELS PERFILS - CMYK
COM HO VEIEM AL PAPER?
EL COLOR
ELS PERFILS - CMYK
Haurem d’utilitzar aquest format sempre que el nostre producte estigui pensat
per ser imprès.
Per assegurar-nos que el nostre document tindrà els colors que volem podem
escollir el perfil al crear l’arxiu.
Formats d’arxius:
JPEG, JPG, PNG, GIF
TIFF, EPS, PDF, BMP
EL COLOR
COMPARATIVA RGB - CMYK
EL COLOR
COMPARATIVA RGB - CMYK
EL COLOR
HOUSTON WE HAVE A PROBLEM
EL COLOR
SOLUCIONS
El treball de calibratge de monitors i impressores és un treball molt
complex. (MOLT)
TENIM SOLUCIONS!
SISTEMES D’ESTANDARITZACIÓ DE COLOR
EL COLOR
SISTEMA PANTONE
És un sistema d’igualació i identificació de colors.
És un estàndard de colors anomenats per números que ens permet
indicar a la impremta quin és el color exacte que volem utilitzar.
EL COLOR
SISTEMA HEXADECIMAL
Els colors en HTML es presenten en sistema hexadecimal.
La diferència del sistema hexadecimal és que diferencia dels números
(del 0 al 9) té 16 valors possibles (0 a 9 i A a F)
El números i lletres s’escriuen després d’un #.
#RRGGBB
#105011
Existeixen 216 colors web segurs
HARMONIES
EL COLOR
EL COLOR
HARMONIES
TRÍADA
EL COLOR
HARMONIES
ANÀLEGS
Són colors que ens resulten naturals.
Aquestes harmonies les podem trobar
a la naturalesa
EL COLOR
HARMONIES
COMPLEMENTARIS
Fan que els colors semblin més
vibrants i intensos.
Es fan servir sobretot per remarcar un
missatge clar i crear un fort impacte
EL COLOR
HARMONIES
ADJACENTS
És una combinació que causa impacte
però no tan fort com en el cas dels
complementaris.
Es pot utilitzar amb els tres colors o
només dos.
DISSENY GRÀFIC I
RETOC FOTOGRÀFIC
2017
El color
APLICACIONS
ADOBE CAPTURE

More Related Content

What's hot

Ea 7 analisis de una obra de arte_ veronica zegbe
Ea 7  analisis de una obra de arte_ veronica zegbeEa 7  analisis de una obra de arte_ veronica zegbe
Ea 7 analisis de una obra de arte_ veronica zegbe
vzegbe
 
LA COMPOSICIÓN (3º de ESO)
LA COMPOSICIÓN (3º de ESO)LA COMPOSICIÓN (3º de ESO)
LA COMPOSICIÓN (3º de ESO)
gbgplastica
 
La composició artística
La composició artísticaLa composició artística
La composició artística
Ana Blesa
 
Teoria imatge
Teoria imatgeTeoria imatge
Teoria imatge
Drawbe07
 

What's hot (20)

Analisis de las formas
Analisis de las formasAnalisis de las formas
Analisis de las formas
 
DBH1___ 4.1 - EHUNDURAK I - 1
DBH1___ 4.1 - EHUNDURAK I - 1DBH1___ 4.1 - EHUNDURAK I - 1
DBH1___ 4.1 - EHUNDURAK I - 1
 
Rodin: El pensador
Rodin: El pensadorRodin: El pensador
Rodin: El pensador
 
Ea 7 analisis de una obra de arte_ veronica zegbe
Ea 7  analisis de una obra de arte_ veronica zegbeEa 7  analisis de una obra de arte_ veronica zegbe
Ea 7 analisis de una obra de arte_ veronica zegbe
 
La composició esquemes i equilibris
La composició esquemes i equilibrisLa composició esquemes i equilibris
La composició esquemes i equilibris
 
01 La Linia 2
01 La Linia 201 La Linia 2
01 La Linia 2
 
Nova Figuració
Nova FiguracióNova Figuració
Nova Figuració
 
La imatge característiques
La imatge característiquesLa imatge característiques
La imatge característiques
 
1 catálogo técnicas de expresión grafico plastica
1 catálogo técnicas de expresión grafico plastica1 catálogo técnicas de expresión grafico plastica
1 catálogo técnicas de expresión grafico plastica
 
LA COMPOSICIÓN (3º de ESO)
LA COMPOSICIÓN (3º de ESO)LA COMPOSICIÓN (3º de ESO)
LA COMPOSICIÓN (3º de ESO)
 
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
 
Elements visuals punt linia pla forma textura
Elements visuals punt linia pla forma texturaElements visuals punt linia pla forma textura
Elements visuals punt linia pla forma textura
 
Kolorea1
Kolorea1Kolorea1
Kolorea1
 
La composició artística
La composició artísticaLa composició artística
La composició artística
 
Tema 5 ceras y pastel al oleo
Tema 5 ceras y pastel al oleoTema 5 ceras y pastel al oleo
Tema 5 ceras y pastel al oleo
 
Kandinsky: Composició IV
Kandinsky: Composició IVKandinsky: Composició IV
Kandinsky: Composició IV
 
Composició (si torrelles)
Composició (si torrelles)Composició (si torrelles)
Composició (si torrelles)
 
Nit estelada
Nit esteladaNit estelada
Nit estelada
 
Teoria imatge
Teoria imatgeTeoria imatge
Teoria imatge
 
L'escultura meitat segle xx
L'escultura  meitat segle xxL'escultura  meitat segle xx
L'escultura meitat segle xx
 

Viewers also liked

Viewers also liked (20)

Formats
FormatsFormats
Formats
 
Introducció a Disseny Gràfic i Retoc Fotogràfic
Introducció a Disseny Gràfic i Retoc FotogràficIntroducció a Disseny Gràfic i Retoc Fotogràfic
Introducció a Disseny Gràfic i Retoc Fotogràfic
 
Què és el disseny gràfic
Què és el disseny gràficQuè és el disseny gràfic
Què és el disseny gràfic
 
Disseny web
Disseny webDisseny web
Disseny web
 
Marca
MarcaMarca
Marca
 
Briefing
BriefingBriefing
Briefing
 
Teoria aditiva del color (2)
Teoria aditiva del color (2)Teoria aditiva del color (2)
Teoria aditiva del color (2)
 
Elements of design colour
Elements of design   colourElements of design   colour
Elements of design colour
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Warm and Cold colors
Warm and Cold colorsWarm and Cold colors
Warm and Cold colors
 
Caracteristiques Color
Caracteristiques ColorCaracteristiques Color
Caracteristiques Color
 
Color schemes ppt
Color schemes pptColor schemes ppt
Color schemes ppt
 
Fashion
Fashion Fashion
Fashion
 
Habilidades Cognitivas
Habilidades CognitivasHabilidades Cognitivas
Habilidades Cognitivas
 
Color Theory
Color TheoryColor Theory
Color Theory
 
Fashion through the decades
Fashion through the decadesFashion through the decades
Fashion through the decades
 
Understanding Color
Understanding ColorUnderstanding Color
Understanding Color
 
Fashion History
Fashion HistoryFashion History
Fashion History
 
Warm and cold colors
Warm and cold colorsWarm and cold colors
Warm and cold colors
 
Fashion
FashionFashion
Fashion
 

Similar to El color (7)

Les claus del disseny visual (resum)
Les claus del disseny visual (resum)Les claus del disseny visual (resum)
Les claus del disseny visual (resum)
 
Info arjom
Info arjomInfo arjom
Info arjom
 
Color laura
Color lauraColor laura
Color laura
 
Per saber més sobre els colors
Per saber més sobre els colorsPer saber més sobre els colors
Per saber més sobre els colors
 
Grafitti
GrafittiGrafitti
Grafitti
 
T5 edi img_1
T5 edi img_1T5 edi img_1
T5 edi img_1
 
T5 edi img_1516
T5 edi img_1516T5 edi img_1516
T5 edi img_1516
 

El color