Responsive Web Design

464 views

Published on

Responsive Web Design 響應式網頁設計是新形態的網頁設計,得重新認識網頁設計的方式。

了解各種裝置的特性與使用情境,規劃出適合手機、平板、電腦的介面。

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

No Downloads
Views
Total views
464
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
9
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Responsive Web Design

  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. ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ‣ ! ‣ ‣ ‣ ‣ ‣ 
 ‣

×