pinteres like survey
DESCRIPTION
TRANSCRIPT
PINTERESTLIKE
SURVEY2013.07.11LIN, JE-WE
13年7月15⽇日星期⼀一
Responsive Web Design
Masonry Layout
Masonry Layout: Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You've probably seen it in use all over the Internet.
http://blog.nodejitsu.com/single-page-apps-with-nodejs
Platform:1. Mobile2. Desktop3. Web
Vertical scrolling designSingle-page application
FRAMEWORK
Function:1. Social2. Playlist
Function:1. Social2. Playlist
13年7月15⽇日星期⼀一
http://www.tsima.org.tw/wiki/dian-zi-qi-kan/2007nian10yue-hao/single-page-application---xia-yi-dai-deweb-ying-yong-cheng-shi-shang
13年7月15⽇日星期⼀一
PINTEREST LIKE
13年7月15⽇日星期⼀一
INDEX
MAIN AREA
RESPONSE AREA
DESCRIPTION
MAIN AREA
DESCRIPTION
INDEX
RESPONSE AREA
INDEX
DESCRIPTION
MAIN AREA
RESPONSE AREA
INDEX
DESCRIPTION
MAIN AREA
RESPONSE AREA
LAYOUT
13年7月15⽇日星期⼀一
MAIN AREA (MOUSE HOVER)
Pin it Send Like
Preview
Sell all albums
More
13年7月15⽇日星期⼀一
13年7月15⽇日星期⼀一
SPOTIFY
13年7月15⽇日星期⼀一
NEW RELEASE (2 sizes)ALBUM (2 sizes) SONG (2 sizes)
ARTIST (2 sizes)POEPLE (2 sizes) APP (1 size?)
big small big small big small
big smallbig small
13年7月15⽇日星期⼀一
REFERENCE
13年7月15⽇日星期⼀一
REFERENCE (SWIP VS. SCROLL: WEB PAGE SWITCHING ON MOBILE BROWSERS)
http://dl.acm.org/citation.cfm?id=2481298&dl=ACM&coll=DL&CFID=230935744&CFTOKEN=46828873
13年7月15⽇日星期⼀一