30
Treball de creació d’un sistema d’icones realitzat a l’assignatura de SÍNTESI GRÀFICA, prof. Rita Gual segon curs de Disseny Gràfic, escola IDEP i escola BAU treball realitzat per l’estudiant Elvis Marshall, aclariments de la professora sobre fons negre

creació d'una familia de pictogrames

Embed Size (px)

DESCRIPTION

Exercici dins dels plans d'Estudis de Disseny Gràfic. Síntesi Gràfica. Procés de realització d'un sistema gràfic, des del primer esbos al acabat final.

Citation preview

Page 1: creació d'una familia de pictogrames

Treball de creació d’un sistema d’iconesrealitzat a l’assignatura de SÍNTESI GRÀFICA, prof. Rita Gualsegon curs de Disseny Gràfic, escola IDEP i escola BAU

treball realitzat per l’estudiant Elvis Marshall, aclariments de la professora sobre fons negre

Page 2: creació d'una familia de pictogrames

Icones per un web

Substituir els conceptes dels diferents apartats per icones.

Page 3: creació d'una familia de pictogrames

INTRODUCCIÓN

Para realizar este trabajo he escogido la web www.asksensei.comEl trabajo consiste en realizar los iconos para expresar 10 conceptos que pertenecen a apartados de la web.Es una página dedicada a responder preguntas sobre el mundo de las artes marciales. La web desarrolla los siguientes apartados:

-Kids corner-Arte y naturaleza-Sopa Miso-Publicaciones-Tradición-Cursos-Cuerpo y mente-Estado y salud-Técnica y práctica-Aprender y enseñar

Como se puede ver hay conceptos que son dualidades, dos palabras. Para representarlos he buscado imágenes decada uno por separado y a continuación intento crear un solo pictograma uniendo los dos conceptos.La tabla de construcción genera una evolución visual partiendo del boceto inicial hasta llegar a una forma abstracta, la esencia del icono. Esta esencia se estructura y se empieza la reconstrucción de los iconos para hacerlos reconocibles.

La página web posee un fondo azul marino y las tipografías sin serif son de color blanco. Azul sobre blanco es la dominantecromática, por esta razón los pictogramas conservan la misma regla de color. Algunos de los apartados han derepresentarse con colores diferentes ya que su signi�cado e importancia en la página son mayores que el resto. “Kids corner”es un apartado dedicado a los niños, se resuelve, coloreado con naranja, complementário del azul, color juvenil y vitalista. Y los iconos referentes a salut se resuelven en verde. Elvis Marshall

Page 4: creació d'una familia de pictogrames

A la primera fase: -es busca documentació gràfica dels conceptes, -es realitzen els primers esbossos de les icones, i -es tria el primer dibuix que el representarà.

Per simplificar l’explicació del treball, la documentació dels 10 conceptess’ha reduït a 4 conceptes, suficients per fer-se una idea d’aquest apartat.

FASE 1

Page 5: creació d'una familia de pictogrames

ArteCosas para pintarPapiro chinoKimono Posiciones

artisticasSe definiria como lacapacidad que disponeun practicante de artesmarciales paratransmitir equilibriocon lo natural,imitando a losanimales yfusionandose con loque le rodea.Se asocia con elconcepto “naturaleza”(arte/naturaleza).

Page 6: creació d'una familia de pictogrames

MenteOtrosCerebro

en cabezaFlecha en

cabezaCerebroEste apartado trata

sobre la estabilidady sosiego mental quelas artes marcialesproporcionan a suspracticantes, varelacionado con“cuerpo”(cuerpo/mente)

rita
Tachado
rita
Tachado
Page 7: creació d'una familia de pictogrames

Saludcruzvegetacióncorazón visto buenoLo saludable

(la manzana)y elcuidado de la salud(la cruz) no son lomismo, pero sepueden vincular enuna misma forma.(estado/salud).

Page 8: creació d'una familia de pictogrames

Sopa MisoSopa calienteSopa de

letrasFlechas Bol soperoAqui se encuentra un

breve comentario quedescribe las actitudesmentales y espiritualesque componen elpensamiento y la formade ser de un artistamarcial. Este curiosotítulo asocia elenriquecimiento mentala la sopa enriquezadacon alimentosnutritivos.

rita
Tachado
Page 9: creació d'una familia de pictogrames

Publ

icac

ione

s

Kids

kor

ner

Salu

d

Trad

ició

n

Nat

ural

eza

Esta

do

Técn

ica

Prác

tica

Apr

ende

r

Ense

ñar

Arte So

pa m

iso

Bocetos finales de cada concepto

Page 10: creació d'una familia de pictogrames

FASE 2Taula del procés de construcció del sistema d’icones

1-Esbossos de les icones.

2-Simplificació formal de les icones.

3-Aplicació de les taques de color adequades al medi.

4-Procés d’abstracció per acabar d’aconseguir : -la màxima simplicitat,-la coherència gràfica per la bona percepció de cada unitat, del grup i subgrups, i, -la diferenciació entre ells per no provocar confusions.

5-Abstracció de les icones

Page 11: creació d'una familia de pictogrames

Taula del procés de construcció d’un sistema d’icones

1-Esbossos de les icones

2-Simplificació formal de les icones

3-Aplicació de les taques de color

4-Procés d’abstracció per acabar d’aconseguir la màxima simplicitat, la coherència gràfica per la bona percepció de cada unitat, del grup i subgrups,i la diferenciació entre ells per no provocar confusions.

5-Abstracció de les icones

Page 12: creació d'una familia de pictogrames
Page 13: creació d'una familia de pictogrames

Salud/Estado Publicaciones Cursos Cuerpo/mente Aprender/Eanseñar

Sopa miso Tradición Técnica/Practica Kids corner Arte/Naturaleza

Abstración de los iconos

Page 14: creació d'una familia de pictogrames

FASE 3

1- Abstracció aplicada a l’estructura

2- Reconstrucció del sistema, màxima coherència del llenguatge gràfic, línies, taques, gruixos i retocs visuals.

Page 15: creació d'una familia de pictogrames
Page 16: creació d'una familia de pictogrames
Page 17: creació d'una familia de pictogrames
Page 18: creació d'una familia de pictogrames
Page 19: creació d'una familia de pictogrames
Page 20: creació d'una familia de pictogrames
Page 21: creació d'una familia de pictogrames

Salud/Estado Publicaciones Cursos Cuerpo/mente Aprender/Eanseñar

Sopa miso Tradición Técnica/Practica Kids corner Arte/Naturaleza

Page 22: creació d'una familia de pictogrames

FASE 4

Aplicació de les icones al web i últims retocs

Page 23: creació d'una familia de pictogrames
Page 24: creació d'una familia de pictogrames

Resultats finals d’altres estudiantsrealitzat a l’assignatura de SÍNTESI GRÀFICA, prof. Rita Gualsegon curs de Disseny Gràfic, escola IDEP i escola BAU

Page 25: creació d'una familia de pictogrames

cristina ballús

balls de saló

castanyoles

ballet

salsa

yoga

espectacles

dansa del ventre

botiga

pilates

premsa

pictogrames per la web d’una escola de dansa

1

2

3

4

5

6

7

8

9

10

1 2 3 4 5

6 7 8 9 10

Page 26: creació d'una familia de pictogrames

6 71

8

2

9

3

10

4

11

5

12 13 14

1

2

3

4

5

6

7

8

9

10

11

12

13

14

Page 27: creació d'una familia de pictogrames

1

2

3

4

5

6

7

8

9

10

11

12

2 3 4 5 61

7 8 9 10 11 12

Page 28: creació d'una familia de pictogrames

vicenç fontanet

1 2 3 4 5 6

7 8 9 10 11

1

2

3

4

5

6

7

8

9

10

11

Man

Woman

Skate’s KIDS

Skate Park

Music

Volcats

Shop

Art

Photos

Team

Movies

pictogrames per web VOLCOM

Page 29: creació d'una familia de pictogrames

Pictogrames per una web de terapies naturals

Acupuntura

Masatje

Osteopatia

Drenatje Limfatic

Chocolaterapia

F.Podal

Yoga

Auricultura

Aromaterapia

P.Geotermal

Shiatsu

Homeopatia

Naturopatia

Flors de Bach ferran valverde

1

2

3

4

5

6

7

8

9

10

11

12

13

14

1 2 3 4 5 6 7

8 9 10 11 12 13 14

Page 30: creació d'una familia de pictogrames

pictogrames finals per la web del cccb

CCCB

Festivals i Mostres

Exposicions

Cinema i vídeo

Cursos i Conferències

Música i dansa

Itineraris urbans

Amics del CCCB

Premsa

Serveis Educatius

Publicacions CCCB

Recerca i Documentació

Exposicions Viatgeres

Altres propostes

nadia pastor

1

2

3

4

5

6

7

8

9

10

11

12

13

1 2 3 4 5 6 7

8 9 10 11 12 13