Rethinking How We Design for the Responsive Web

20

description

Many designers are still beginning their web projects with 980-1200px wide photoshop files, creating fixed width layouts and trying to adapt those designs to a myriad of different smaller screen sizes. This process ignores usability on smaller and lower resolution screens and fails to consider the possibility of larger screens and higher resolutions. Let's walk through how I've been rethinking my own design process for the current and future responsive web.

Transcript of Rethinking How We Design for the Responsive Web

Page 1: Rethinking How We Design for the Responsive Web
Page 2: Rethinking How We Design for the Responsive Web
Page 3: Rethinking How We Design for the Responsive Web
Page 4: Rethinking How We Design for the Responsive Web
Page 5: Rethinking How We Design for the Responsive Web
Page 6: Rethinking How We Design for the Responsive Web
Page 7: Rethinking How We Design for the Responsive Web
Page 8: Rethinking How We Design for the Responsive Web
Page 9: Rethinking How We Design for the Responsive Web
Page 10: Rethinking How We Design for the Responsive Web
Page 11: Rethinking How We Design for the Responsive Web
Page 12: Rethinking How We Design for the Responsive Web
Page 13: Rethinking How We Design for the Responsive Web
Page 14: Rethinking How We Design for the Responsive Web
Page 15: Rethinking How We Design for the Responsive Web
Page 16: Rethinking How We Design for the Responsive Web
Page 17: Rethinking How We Design for the Responsive Web
Page 18: Rethinking How We Design for the Responsive Web
Page 19: Rethinking How We Design for the Responsive Web
Page 20: Rethinking How We Design for the Responsive Web