DESS\ /\/ 2013
@moove
bondjoû! @moove = valérie gérard
DESS\ /\/= dessin @moove
pour le design web & multimedia
2013
métier
designer web & multimedia
CONCEPTEUR GRAPHIQUE
ou Illustrateur graphique, Graphiste, Dessinateur, Designer 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. LES MÉTIERS DU WEB & MULTIMEDIA
source : awt.be
@moove
2013
dessins
design web & multimedia
1. dessin d’observation 2. dessin d’imagination 3. dessin d’architecture 4. dessin de présentation
@moove
2013
méthode 1. brouillons
‣
doodle
2. croquis papier
‣
sketches
3. ergolayouts N&B
‣
wireframes
4. maquettes couleurs
‣
layouts
5. maquettes interactives
‣
mockups
@moove
2013
outils 1. doodle
‣
traits/surfaces
2. sketches
‣
porte-mine + règle > stencils
3. wireframes
‣
vector 1:1
4. layouts
‣
vector/raster 1:1
5. mockups
‣
online/portable interaction
@moove
2013
outils
Porte-mine 0,5mm - HB
@moove
2013
outils
Gomme
@moove
2013
outils
carnet doodle
@moove
2013
12:34
ipad
Safari viewport 320x356px 5x5,5cm
portrait mode
Safari window (768x1024px)
window (1024x768px)
viewport h:981px / 14,7x18,2cm
window (1680x1050px)
Desktop
pagefold minimum (h:460px)
portrait mode
Pagefold 1
outils
moove
iphone3
>
3
pagefold (Ipad 644px)
> Pagefold HD
pagefold (Ipad: 981px)
Pagefold 2
>
>
>
>
kits
wireframes 1:1
@moove
2013
outils
Software
@moove
CS5/CS6/CLOUD
CHROME
illustrator photoshop indesign acrobat
Search Apps Drive G+
2013
outils
Hardware
@moove
2013
showcase
@moove
2013
sketches
RESPONSIVE SKETCH src : ESIAJ.eu (stoffe/haqqazi/moove)
2013
src : steve piron, dessin DWM/HEAJ 2012
croquis : recherche d’un concept autour du triangle
Wireframe
RESPONSIVE WIREFRAME src : ESIAJ.eu (haqqazi/moove)
2013
Wireframe
RESPONSIVE SKETCH src : ESIAJ.eu (kumps/moove)
2013
src : steve piron, dessin DWM/HEAJ
dessin d’architecture : grille triangulaire et 960gs
layouts
vector>raster
src : @moove 2010
2013
src : steve piron, dessin DWM/HEAJ
dessin de prĂŠsentation & impression A3
mockups
online interaction
src : ESIAJ.eu (lebon/moove)
2013
mockups
portable interaction
src : ESIAJ.eu (glibert/moove)
2013
lectures/inspiration
http://rohdesign.com/ 2013
évaluations ‣
50% ecampus
2012
10% doodle 10% sketches 10% wireframes 10% layouts
S U P eCAM viz, tfa a t a d , wkid
10% mockups
‣
@moove
50% wkid > dataviz > tfa
2013
2013
supports de cours intranet > netwb/prof/gerard
extranet.infographie-sup.be
@moove
elearning.heaj.be
2013
thank you. valerie.gerard @ prof.heaj.be 2013