zhuoran wang portfolio
Post on 11-Apr-2017
239 Views
Preview:
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/
top related