zhuoran wang portfolio

41
PORTFOLIO http://Laurendo.so [email protected] +1 626-695-8020

Upload: lauren-wang

Post on 11-Apr-2017

236 views

Category:

Design


0 download

TRANSCRIPT

  • PORTFOLIOh t t p : / / L a u r e n d o . s ow z r t o b y @ g m a i l . c o m

    + 1 6 2 6 - 6 9 5 - 8 0 2 0

    http://laurendo.so/http://laurendo.so/http://laurendo.so/

  • Hello

    It is a portfolio on the subject of interactive media.

    It also is an interactive portfolio.

    Table of contents and sidebar menu are clickable.

    Some animated images might be shown.

    To maximize your experience,

    Adobe Reader and Flash plug-in are required.

    HELLO- 2 -

  • 4

    12

    21

    26 29

    35

    Let There Be Light

    KANDINSKYMANIA

    C O N T E N T S

    16

    - 3 -

  • CONTENTS - 4 -

    Sep. 2014

  • CONTENTS - 5 -

  • CONTENTS - 6 -

  • CONTENTS - 7 -

  • CONTENTS - 8 -

  • CONTENTS - 9 -

  • CONTENTS - 10 -

  • CONTENTS - 11 -

  • CONTENTS

    Discover an optical illusion byexamining a relationship between displayand interactivity. Explore different waysof display by using static objects andmoving image and how it interacts withviewers' tension, movement.

    Let There Be Light

    - 12 -

    Sep. 2014

  • CONTENTS

    Real object (wire)

    Shadow of the object

    Painted surface

    Projected colored light

    COMPONENT

    - 13 -

  • CONTENTS

    Click each picture to play

    If it doesnt work, suggest to use Adobe Reader or see site on the next page

    CONCEPT 1

    - 14 -

  • CONTENTS

    Click me to watch the final video! http://cargocollective.com/laurenvast/Let-There-Be-Light

    CONCEPT 2

    - 15 -

    http://cargocollective.com/laurenvast/Let-There-Be-Lighthttp://vimeo.com/101978638http://vimeo.com/101978638

  • CONTENTS - 16 -

    Aug. 2014

  • CONTENTS

    Inspired by hieroglyphics which represent ancient Egyptian's daily life.Is there a way to represent our modern lives?

    ICON is the answer.

    Inspiration

    - 17 -

  • CONTENTS

    Icon development

    Step 1 - creating icons

    Step 2 - animating

    Step 3 - using sounds to characterize each icon

    Conceptual video display https://vimeo.com/104457360

    - 18 -

    https://vimeo.com/104457360https://vimeo.com/104457360https://vimeo.com/104457360http://vimeo.com/101978638http://vimeo.com/101978638

  • CONTENTS

    Survey

    - 19 -

  • CONTENTS

    Data visualization

    - 20 -

  • CONTENTS

    KANDINSKYMANIA

    - 21 -

    Aug. 2014

  • CONTENTS

    Color Chart ElementsExtracted color andelements that used inKandinsky's artworks

    Extraction

    - 22 -

  • CONTENTS

    PatternsCreated patterns by using elements and colors on Kandinsky's artworks

    - 23 -

  • CONTENTS

    RedesignCreated two different styles of artwork by using elements and colors extracted from the original artworks by Kandinsky

    - 24 -

  • CONTENTS

    ApplicationA tablet application that allows usersto create their own artwork by usingKandinsky's elements and colors.

    Gestures

    - 25 -

  • CONTENTS - 26 -

    Jul. 2014

  • CONTENTS

    Posture of Voice is a concept

    based on visualizing human voice.

    A little monster is the main

    character of this visualization. Its

    movements are immediately

    controlled by voice input.

    - 27 -

  • CONTENTS

    Each characteristic of voice (pitch, loudness and griminess) effects different parts of the monster.

    http://vimeo.com/101978638

    - 28 -

    http://vimeo.com/101978638http://vimeo.com/101978638http://vimeo.com/101978638

  • CONTENTS - 29 -

    Jul. 2014

  • CONTENTS

    Inspiration

    Geometric shapes are ubiquitous in our everyday life. Amazingly,zoom out our sights, through Google Maps, and its not hard to tellthat the cities or towns were living in are constituted geometrically.

    - 30 -

  • CONTENTS

    Iconization

    Barcelona Los Angeles Amsterdam Dubai Netherlands Cape Town Paris

    - 31 -

  • CONTENTS

    Infrastructure colors Map view

    Iconization

    - 32 -

  • CONTENTS

    Process flows

    Do it yourself

    Based on the previous iconizing process, I developed a concept by creatingan application which allows user to find an interesting place and use certainshapes to create an icon. Additionally, the application shows the city historywith the icons built by the users.

    - 33 -

  • CONTENTS

    PrototypeDo it yourself List view Map view

    City historyscroll down

    Capture location Edit Put on the map

    - 34 -

  • CONTENTS - 35 -

    Jun. 2012

  • CONTENTS

    Suggest to watch the video before reading furtherhttps://vimeo.com/106267699

    - 36 -

    https://vimeo.com/106267699https://vimeo.com/106267699https://vimeo.com/106267699http://vimeo.com/101978638http://vimeo.com/101978638https://vimeo.com/106267699

  • CONTENTS - 37 -

  • CONTENTS - 38 -

  • CONTENTS - 39 -

  • CONTENTS - 40 -

  • THANK YOU

    h t t p : / / L a u r e n d o . s ow z r t o b y @ g m a i l . c o m+ 1 6 2 6 - 6 9 5 - 8 0 2 0

    http://laurendo.so/