Transcript
Page 1: The Design in Responsive Design

CHRIS VERNONCreative Director at Chapter Eight

@welikeideas

Page 2: The Design in Responsive Design

THE DESIGN IN RESPONSIVE DESIGN

Page 3: The Design in Responsive Design

It draws picturesPHOTOSHOP

Page 4: The Design in Responsive Design

MIND-BLOWING IMAGERY

Page 5: The Design in Responsive Design

NICHOLAS CAGE MEMES

Page 6: The Design in Responsive Design

Pretty much all creative design apps create awesome stuff

NOT JUST PHOTOSHOP

Page 7: The Design in Responsive Design

EVEN MICROSOFT PAINThttp://www.hallasko.com

Page 8: The Design in Responsive Design

AWESOME MOCKUPS FOR CLIENTS

Page 9: The Design in Responsive Design

CLIENTS LIKE TO SEE WHAT THEY’RE GETTING

Page 10: The Design in Responsive Design

THE WEB ISN’T STATIC

Page 11: The Design in Responsive Design
Page 12: The Design in Responsive Design

HOW DO WE ENSURE A DESIGN THAT WORKS ON

ALL THESE DEVICES?

Page 13: The Design in Responsive Design

DESIGN EVERY BREAKPOINT?

Page 14: The Design in Responsive Design

QUICKLY BECOMES UNMANAGEABLE

Page 15: The Design in Responsive Design

DESIGN IN THE BROWSER?

Page 16: The Design in Responsive Design

SLOW TO EXPERIMENT AND TRY IDEAS

Page 17: The Design in Responsive Design

DISTRACTED BY CODEAND TOOLS

Page 18: The Design in Responsive Design

CODING IS A DIFFERENT MINDSET TO CREATIVE

Page 19: The Design in Responsive Design

?WHAT IF THERE WAS

SOMETHING SOMEWHERE IN BETWEEN?

Page 20: The Design in Responsive Design
Page 21: The Design in Responsive Design

SMASHED KICKSTARTER TARGET BY OVER 350%

Page 22: The Design in Responsive Design

ADD INTERACTIVITY

RESPONSIVE BREAKPOINTS

FLUID CANVAS & GRID

DESIGN LIKE PHOTOSHOP

Page 23: The Design in Responsive Design

WARNINGBETA SOFTWARE

A CLOSER LOOK

Page 24: The Design in Responsive Design

http://welikeideas.github.io/hipster/HAVE A LOOK YOURSELF

Page 25: The Design in Responsive Design

http://html.adobe.com/edge/reflow/

http://macaw.co/

https://webflow.com

Page 26: The Design in Responsive Design

–Web Designers

“Do you remember when we used to draw pictures of websites in Photoshop?”

Sometime in the not-too-distant future


Recommended