Uploaded byZac Gordon
Designing Across Web Devices - College Course
The document outlines key principles for designing websites across various devices, including mobile phones, laptops, and big screens, emphasizing the importance of context, speed, and screen size. It covers the unique considerations for different device categories, such as old phones, tablets, and print media. Additionally, it assigns homework to design personal websites tailored for specific devices.
![Laminated_Springs[1]. Machine design practice](https://cdn.slidesharecdn.com/ss_thumbnails/laminatedsprings1-251116120255-2a3c06fb-thumbnail.jpg?width=640&height=640&fit=bounds)
Designing Across Web Devices - College Course
- 1. Designing Across Devices We’ve got it covered
- 2. Overview • CSS3 GalleryWalk Lecture • Internet Accessible Devices • Designing for Mobile • Designing for Laptops • Big Screens • Designing Web Sites for Print Lab Next week ... Progressive design 04 - Designing Across Devices Advanced Web Design http://dabrook.org/
- 3. Internet Accessible Devices •Screen readers • Old school phones • Smart phones • Tablets • Netbooks • Laptops • Desktops • Gaming devices, tvs, cars • Others? 04 - Designing Across Devices Advanced Web Design http://dabrook.org/
- 4. Internet Accessible Devices 04- Designing Across Devices Advanced Web Design http://dabrook.org/
- 5. Designing for Mobile • Context is King • Speed Matters • Size Restrictions • Device abilities • Examples 04 - Designing Across Devices Advanced Web Design http://dabrook.org/
- 6. Designing for Laptops • Netbook v. Laptop • Variety of Browsers • Varied Screen Size • Wi-Fi • Varied Window Size • Don’t worry too much 04 - Designing Across Devices Advanced Web Design http://dabrook.org/
- 7. Designing for BigScreens • Context Assumptions • More Real Estate • Varied Browsers • Design Trends 04 - Designing Across Devices Advanced Web Design http://dabrook.org/
- 8. Designing for Print • Context of Print • What to (not) Include • Media Type • Tips & Tricks 04 - Designing Across Devices Advanced Web Design http://dabrook.org/
- 9. Homework Design versions ofyour personal web site for the following devices: • Smart phones • Laptop • Big Screen • Print 04 - Designing Across Devices Advanced Web Design http://dabrook.org/