Wireframing Responsive Design

  • 1,014 views
Uploaded on

 

More 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,014
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