Responsive Web Design 響應式網頁設計是新形態的網頁設計，得重新認識網頁設計的方式。 了解各種裝置的特性與使用情境，規劃出適合手機、平板、電腦的介面。

1. Responsive Web Design
Henry Lin

2. ๏
๏
๏

7. ✓
✓

8. ✓
!
✓
!
✓
✓
!
✓
✓

9. ✓
✓
!
✓
!
✓
✓
✓
✓

14. Unlearn Web Design

16. Logo
Nav 1
Nav 2
Nav 3
Title
Content
Name Name Name
Name Name Name
©

17. Logo
Nav 1
Nav 2
Nav 3
Title
Content
Name Name Name
Name Name Name
©

18. ✓

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

21. ✓
✓
✓

22. ✓
✓
✓

23. Logo
Nav 1
Nav 2
Nav 3
Title
Content
©
Name
Name
Name
Name
Name
Name

24. 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
©

25. 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
©

27. ✓
✓

30. ‣
‣
‣
‣
‣
‣
!
‣
‣

32. ‣
‣
‣
‣
‣
‣
‣
‣
‣
‣
‣
‣
!
‣
‣
‣
‣
‣
‣