Pinteres like survey

361 views

Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

Pinteres like survey

  1. 1. PINTEREST LIKE SURVEY 2013.07.11 LIN, JE-WE 13年7月15⽇日星期⼀一
  2. 2. 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. Mobile 2. Desktop 3. Web Vertical scrolling design Single-page application FRAMEWORK Function: 1. Social 2. Playlist Function: 1. Social 2. Playlist 13年7月15⽇日星期⼀一
  3. 3. 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⽇日星期⼀一
  4. 4. PINTEREST LIKE 13年7月15⽇日星期⼀一
  5. 5. 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⽇日星期⼀一
  6. 6. MAIN AREA (MOUSE HOVER) Pin it Send Like Preview Sell all albums More 13年7月15⽇日星期⼀一
  7. 7. PINTEREST 13年7月15⽇日星期⼀一
  8. 8. SPOTIFY 13年7月15⽇日星期⼀一
  9. 9. 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⽇日星期⼀一
  10. 10. REFERENCE 13年7月15⽇日星期⼀一
  11. 11. 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⽇日星期⼀一

×