Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Responsive Design

495 views

Published on

Responsive design simplified.
Atomic design
Responsive patterns

Published in: Design
  • Be the first to comment

  • Be the first to like this

Responsive Design

  1. 1. RESPONSIVE DESIGN IDAN BEN ARI
  2. 2. RWDAWD ADAPTIVE WEB RESPONSIVE WEB
  3. 3. RESPONSIVE
  4. 4. #‫אדפטיבי‬ ‫לאתר‬ ‫דוגמא‬
  5. 5. #‫לאתר‬ ‫דוגמא‬‫רספונסיבי‬
  6. 6. AS LONG AS IT IS THE BEST SOLUTION FOR THEM PEOPLE DON’T CARE WHAT SOLUTION YOU CHOOSE
  7. 7. RESPONSIVE IS LIKE WATER “BE WATER MY FRIEND”
  8. 8. SINGLE DEVELOPMENT SINGLE MAINTENANCE CONTINOUS EXPERIENCE THE OBVIOUS BENEFITS
  9. 9. ATOMIC DESIGN
  10. 10. “Fluid grids, Flexible Images, and media queries are the three technical ingredients for responsive web design. But it also requires: A DIFFERENT WAY OF THINKING
  11. 11. A DIFFERENT WAY OF THINKING
  12. 12. ATOMIC DESIGN
  13. 13. ATOMIC DESIGN ATOMS
  14. 14. ATOMIC DESIGN MOLECULE
  15. 15. ORGANISM
  16. 16. ATOMIC DESIGN PAGE
  17. 17. ATOMIC DESIGN HELPS Create a Ui language and patterns for the products Which Helps the multiscreen user And also helps development team
  18. 18. RESPONSIVE PATTERNS HOW
  19. 19. DEFINING BREAKPOINTS Breakpoints are the point a which your sites content will respond to provide the user with the best possible layout to consume the information.
  20. 20. BREAK POINTS TYPES
  21. 21. Content often use responsive WHICH ?
  22. 22. Some Good Reasons STILL NOT CONVINCED?
  23. 23. THANK YOU :)

×