Responsive Web Design
Henry Lin
๏
๏
๏
✓ 

✓ 





✓ 

!
✓ 

!
✓ 

✓
!
✓


✓ 

✓ 

✓
!
✓
!
✓
✓ 

✓ 

✓ 

Unlearn Web Design
Logo
Nav 1
Nav 2
Nav 3
Title
Content
Name Name Name
Name Name Name
©
Logo
Nav 1
Nav 2
Nav 3
Title
Content
Name Name Name
Name Name Name
©
✓ 

✓ 



✓ 





Logo
Nav 1
Nav 2
Nav 3
Title
Content
©
Name Name
Name
Name Name Name
✓ 



✓ 







✓ 







✓ 



✓ 







✓ 







Logo
Nav 1
Nav 2
Nav 3
Title
Content
©
Name
Name
Name
Name
Name
Name
Logo
Nav 1
Title
Content
Name Name
Name Name
Logo
Nav 1 Nav 2 Nav 3
Title
Content
Name Name Name Name Name Name
©
Logo
Nav...
Logo
Nav 1
Title
Content
Name Name
Name Name
Logo
Nav 1 Nav 2 Nav 3
Title
Content
Name Name Name Name Name Name
©
Logo
Nav...
✓
✓
‣ 



‣ 



‣ 



‣ 



‣ 

‣ 



!
‣ 

‣ 



‣
‣
‣
‣
‣
‣
‣
‣
‣
‣
‣
‣
!
‣
‣
‣
‣
‣ 

‣
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
Upcoming SlideShare
Loading in...5
×

響應式網頁設計 Responsive Web Design by Henry Lin

1,116

Published on

檔案來源:https://www.facebook.com/LinYiHung/posts/10201349758066435

Published in: Design
0 Comments
14 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,116
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
68
Comments
0
Likes
14
Embeds 0
No embeds

No notes for slide

響應式網頁設計 Responsive Web Design by Henry Lin

  1. 1. Responsive Web Design Henry Lin
  2. 2. ๏ ๏ ๏
  3. 3. ✓ 
 ✓ 
 
 

  4. 4. ✓ 
 ! ✓ 
 ! ✓ 
 ✓ ! ✓ 
 ✓ 

  5. 5. ✓ 
 ✓ ! ✓ ! ✓ ✓ 
 ✓ 
 ✓ 

  6. 6. Unlearn Web Design
  7. 7. Logo Nav 1 Nav 2 Nav 3 Title Content Name Name Name Name Name Name ©
  8. 8. Logo Nav 1 Nav 2 Nav 3 Title Content Name Name Name Name Name Name ©
  9. 9. ✓ 

  10. 10. ✓ 
 
 ✓ 
 
 
 Logo Nav 1 Nav 2 Nav 3 Title Content © Name Name Name Name Name Name
  11. 11. ✓ 
 
 ✓ 
 
 
 
 ✓ 
 
 
 

  12. 12. ✓ 
 
 ✓ 
 
 
 
 ✓ 
 
 
 

  13. 13. Logo Nav 1 Nav 2 Nav 3 Title Content © Name Name Name Name Name Name
  14. 14. Logo Nav 1 Title Content Name Name Name Name Logo Nav 1 Nav 2 Nav 3 Title Content Name Name Name Name Name Name © Logo Nav 1 Nav 2 Nav 3 Title Content Name Name Name Name Name Name ©
  15. 15. Logo Nav 1 Title Content Name Name Name Name Logo Nav 1 Nav 2 Nav 3 Title Content Name Name Name Name Name Name © Logo Nav 1 Nav 2 Nav 3 Title Content Name Name Name Name Name Name ©
  16. 16. ✓ ✓
  17. 17. ‣ 
 
 ‣ 
 
 ‣ 
 
 ‣ 
 
 ‣ 
 ‣ 
 
 ! ‣ 
 ‣ 

  18. 18.
  19. 19. ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ! ‣ ‣ ‣ ‣ ‣ 
 ‣
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×