dessin dwm 2012-2013 c01

26
DESS \ /\/ 2013 @ moove

Upload: valerie-gerard

Post on 10-Mar-2016

219 views

Category:

Documents


1 download

DESCRIPTION

Course 1 slides

TRANSCRIPT

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

2013src : ESIAJ.eu (haqqazi/moove)

RESPONSIVE WIREFRAME

Wireframe

src : ESIAJ.eu (kumps/moove)

RESPONSIVE SKETCH2013

Wireframe

2013src : @moove 2010

layouts vector>raster

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

valerie.gerard @ prof.heaj.be2013

thank you.