Download - The Design in Responsive Design
![Page 1: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/1.jpg)
CHRIS VERNONCreative Director at Chapter Eight
@welikeideas
![Page 2: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/2.jpg)
THE DESIGN IN RESPONSIVE DESIGN
![Page 3: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/3.jpg)
It draws picturesPHOTOSHOP
![Page 4: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/4.jpg)
MIND-BLOWING IMAGERY
![Page 5: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/5.jpg)
NICHOLAS CAGE MEMES
![Page 6: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/6.jpg)
Pretty much all creative design apps create awesome stuff
NOT JUST PHOTOSHOP
![Page 8: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/8.jpg)
AWESOME MOCKUPS FOR CLIENTS
![Page 9: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/9.jpg)
CLIENTS LIKE TO SEE WHAT THEY’RE GETTING
![Page 10: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/10.jpg)
THE WEB ISN’T STATIC
![Page 11: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/11.jpg)
![Page 12: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/12.jpg)
HOW DO WE ENSURE A DESIGN THAT WORKS ON
ALL THESE DEVICES?
![Page 13: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/13.jpg)
DESIGN EVERY BREAKPOINT?
![Page 14: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/14.jpg)
QUICKLY BECOMES UNMANAGEABLE
![Page 15: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/15.jpg)
DESIGN IN THE BROWSER?
![Page 16: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/16.jpg)
SLOW TO EXPERIMENT AND TRY IDEAS
![Page 17: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/17.jpg)
DISTRACTED BY CODEAND TOOLS
![Page 18: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/18.jpg)
CODING IS A DIFFERENT MINDSET TO CREATIVE
![Page 19: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/19.jpg)
?WHAT IF THERE WAS
SOMETHING SOMEWHERE IN BETWEEN?
![Page 20: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/20.jpg)
![Page 21: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/21.jpg)
SMASHED KICKSTARTER TARGET BY OVER 350%
![Page 22: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/22.jpg)
ADD INTERACTIVITY
RESPONSIVE BREAKPOINTS
FLUID CANVAS & GRID
DESIGN LIKE PHOTOSHOP
![Page 23: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/23.jpg)
WARNINGBETA SOFTWARE
A CLOSER LOOK
![Page 24: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/24.jpg)
http://welikeideas.github.io/hipster/HAVE A LOOK YOURSELF
![Page 25: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/25.jpg)
http://html.adobe.com/edge/reflow/
http://macaw.co/
https://webflow.com
![Page 26: The Design in Responsive Design](https://reader034.vdocuments.net/reader034/viewer/2022051613/54c79a7a4a7959e67a8b460f/html5/thumbnails/26.jpg)
–Web Designers
“Do you remember when we used to draw pictures of websites in Photoshop?”
Sometime in the not-too-distant future