Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Designing Across Web Devices - College Course

620 views

Published on

In this class we discuss how to design web sites for all of the major web accessible devices. This is the precursor for the responsive web design class.

Published in: Design
  • Be the first to comment

Designing Across Web Devices - College Course

  1. 1. Designing Across Devices We’ve got it covered
  2. 2. Overview• CSS3 Gallery WalkLecture• Internet Accessible Devices• Designing for Mobile• Designing for Laptops• Big Screens• Designing Web Sites for PrintLabNext week ... Progressive design04 - Designing Across Devices Advanced Web Design http://dabrook.org/
  3. 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. 4. Internet Accessible Devices04 - Designing Across Devices Advanced Web Design http://dabrook.org/
  5. 5. Designing for Mobile • Context is King • Speed Matters • Size Restrictions • Device abilities • Examples04 - Designing Across Devices Advanced Web Design http://dabrook.org/
  6. 6. Designing for Laptops • Netbook v. Laptop • Variety of Browsers • Varied Screen Size • Wi-Fi • Varied Window Size • Don’t worry too much04 - Designing Across Devices Advanced Web Design http://dabrook.org/
  7. 7. Designing for Big Screens • Context Assumptions • More Real Estate • Varied Browsers • Design Trends04 - Designing Across Devices Advanced Web Design http://dabrook.org/
  8. 8. Designing for Print • Context of Print • What to (not) Include • Media Type • Tips & Tricks04 - Designing Across Devices Advanced Web Design http://dabrook.org/
  9. 9. HomeworkDesign versions of your personal web site for the followingdevices:• Smart phones• Laptop• Big Screen• Print04 - Designing Across Devices Advanced Web Design http://dabrook.org/

×