Your SlideShare is downloading. ×
  • Like
  • Save
Wireframing Responsive Design
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Wireframing Responsive Design

  • 1,065 views
Published

 

Published in Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,065
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Ynet, facebook, fattal
  • http://vimeo.com/3191188
  • indochino and http://mediaqueri.es/
  • http://bradfrost.github.io/this-is-responsive/patterns.html
  • http://bradfrost.github.io/this-is-responsive/patterns.htmlhttp://www.indochino.com/http://skinnyties.com/http://dribbble.com/http://tattly.com/http://www.sony.com/http://www.ebags.com/http://alwayscreative.net/http://twitter.github.io/bootstrap/http://www.mobify.com/blog/70-stunning-responsive-sites-for-your-inspiration/

Transcript

  • 1. MOBILE WEB AND RESPONSIVE DESIGN OFER HOLTZMAN
  • 2. AWD ADAPTIVE WEB RWD RESPONSIVE WEB
  • 3. RESPONSIVE
  • 4. PEOPLE DON’T CARE WHAT SOLUTION YOU CHOOSE AS LONG AS IT IS THE BEST SOLUTION FOR THEM
  • 5. RESPONSIVE IS LIKE WATER
  • 6. THE OBVIOUS BENEFITS SINGLE DEVELOPMENT SINGLE MAINTENANCE CONTINOUS EXPERIENCE
  • 7. WE NEED A
  • 8. ATOMIC DESIGN
  • 9. We’re not designing pages, we’re designing systems of components. Stephen Hay, Front-end design and development. Author of Responsive Design Workflow
  • 10. ATOMIC DESIGN
  • 11. ATOMS ATOMIC DESIGN
  • 12. MOLECULE
  • 13. ORGANISM
  • 14. PAGE
  • 15. RESPONSIVE PATTERNS
  • 16. Atomic Design helps… Create a UI language and patterns for the product … Which helps the multiscreen user And also helps the development team
  • 17. Homework Design a responsive portfolio: - Projects selection (in homepage / dedicated page) - Project showcase page
  • 18. OFER HOLTZMAN