DESS\ /\/2013

@moove

2013@moove

= dessin pour le design web & multimedia

bondjoû!

DESS\ /\/

@moove = valérie gérard

métier designer web & multimedia

2013@moove

CONCEPTEUR GRAPHIQUE

Le concepteur graphique multimédia prend en charge la création graphique d'une oeuvre multimédia, de l'ébauche des maquettes illustrant un scénario à l'élaboration détaillé de tous ces dessins.

ou Illustrateur graphique, Graphiste, Dessinateur, Designer graphique

LES MÉTIERS DU WEB & MULTIMEDIAsource : awt.be

dessins design web & multimedia

1. dessin d’observation

2. dessin d’imagination

3. dessin d’architecture

4. dessin de présentation

2013@moove

1. brouillons

2. croquis papier

3. ergolayouts N&B

4. maquettes couleurs

5. maquettes interactives

2013@moove

‣ doodle

‣ sketches

‣ wireframes

‣ layouts

‣ mockups

méthode

2013@moove

1. doodle

2. sketches

3. wireframes

4. layouts

5. mockups

outils‣ traits/surfaces

‣ porte-mine + règle > stencils

‣ vector 1:1

‣ vector/raster 1:1

‣ online/portable interaction

2013@moove

Porte-mine 0,5mm - HB

outils

2013@moove

Gomme

outils

2013@moove

carnet doodle

outils

2013@moove

kits

moovemoove 12:3412:34

3

>

Pag

efol

d 1

>

Pag

efol

d 2

iphone3

Safari viewport

5x5,5cm320x356px

portrait mode viewport h:981px / 14,7x18,2cmportrait modeipad Safari window (768x1024px)

Desktopwindow (1024x768px) window (1680x1050px)

pag

efol

d m

inim

um (h

:460

px)

>

page

fold

(Ipa

d 64

4px)

>> P

agef

old

HD

page

fold

(Ipa

d: 9

81px

)

>

wireframes 1:1

outils

2013@moove

Software

CS5/CS6/CLOUD

illustrator photoshopindesignacrobat

CHROME

SearchAppsDriveG+

outils

2013@moove

Hardware

outils

showcase

2013@moove

2013

sketches

src : ESIAJ.eu (stoffe/haqqazi/moove)

RESPONSIVE SKETCH

src : steve piron, dessin DWM/HEAJ 2012 croquis : recherche d’un concept autour du triangle

2013src : ESIAJ.eu (haqqazi/moove)

RESPONSIVE WIREFRAME

Wireframe

src : ESIAJ.eu (kumps/moove)

RESPONSIVE SKETCH2013

Wireframe

dessin d’architecture : grille triangulaire et 960gssrc : steve piron, dessin DWM/HEAJ

2013src : @moove 2010

layouts vector>raster

dessin de présentation & impression A3src : steve piron, dessin DWM/HEAJ

2013src : ESIAJ.eu (lebon/moove)

mockups online interaction

2013src : ESIAJ.eu (glibert/moove)

mockups portable interaction

2013

http://rohdesign.com/

lectures/inspiration

évaluations

2013@moove

eCAMPUS wkid, dataviz, tfa

2012

2013

‣ 50% ecampus 10% doodle

10% sketches

10% wireframes

10% layouts

10% mockups

‣ 50% wkid > dataviz > tfa

supports de cours

2013@moove

extranet.infographie-sup.be elearning.heaj.be

intranet > netwb/prof/gerard

valerie.gerard @ prof.heaj.be2013

thank you.