Dessin DWM 2012-2013 c01

  • Published on
    10-Mar-2016

  • View
    213

  • Download
    1

Embed Size (px)

DESCRIPTION

Course 1 slides

Transcript

  • DESS\ /\/2013@moove

  • 2013@moove

    = dessin pour le design web & multimedia

    bondjo!

    DESS\ /\/

    @moove = valrie grard

  • mtier designer web & multimedia

    2013@moove

    CONCEPTEUR GRAPHIQUE

    Le concepteur graphique multimdia prend en charge la cration graphique d'une oeuvre multimdia, de l'bauche des maquettes illustrant un scnario l'laboration dtaill de tous ces dessins.

    ou Illustrateur graphique, Graphiste, Dessinateur, Designer graphique

    LES MTIERS DU WEB & MULTIMEDIAsource : awt.be

  • dessins design web & multimedia1. dessin dobservation

    2. dessin dimagination

    3. dessin darchitecture

    4. dessin de prsentation

    2013@moove

  • 1. brouillons

    2. croquis papier

    3. ergolayouts N&B

    4. maquettes couleurs

    5. maquettes interactives

    2013@moove

    doodle

    sketches

    wireframes

    layouts

    mockups

    mthode

  • 2013@moove

    1. doodle

    2. sketches

    3. wireframes

    4. layouts

    5. mockups

    outils traits/surfaces

    porte-mine + rgle > 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)

    >>

    Page

    fold

    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 dun concept autour du triangle

  • 2013src : ESIAJ.eu (haqqazi/moove)

    RESPONSIVE WIREFRAME

    Wireframe

  • src : ESIAJ.eu (kumps/moove)

    RESPONSIVE SKETCH2013

    Wireframe

  • dessin darchitecture : grille triangulaire et 960gssrc : steve piron, dessin DWM/HEAJ

  • 2013src : @moove 2010

    layouts vector>raster

  • dessin de prsentation & 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.