Image Layout Algorithms

Transcript

1. Image Layout Algorithms
   Christopher “vjeux” Chedeau
   

   View Slide

2. View Slide

3. View Slide

4. View Slide

5. 500px Demo
   • http://500px.com/flow
   

   View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

10. View Slide

11. View Slide

12. View Slide

13. View Slide

14. Lightbox Demo
    • http://blog.vjeux.com/wp-
    content/uploads/2012/05/lightbox-
    layout.html
    

    View Slide

15. View Slide

16. View Slide

17. View Slide

18. Google Plus Demo
    • https://plus.google.com/photos/1092986605
    52407000371/albums/posts
    

    View Slide

19. View Slide

20. Facebook Demo
    • https://www.facebook.com/media/set/?set=a
    .10150341281956188.345861.508536187&ty
    pe=3
    

    View Slide

21. View Slide

22. Lightbox Android Demo
    • http://blog.vjeux.com/wp-
    content/uploads/2012/09/lightbox-
    android.jpg
    

    View Slide

23. Framework
    • Grid, Column, Row?
    – Fair, Portrait, Landscape
    • Crop?
    – Predefined sizes, Adjustments
    • Resize / Whitespace?
    – Contain, Cover
    • Sizes?
    – Few Predefined sizes, Arbitrary based order
    • Order?
    – Strictly respected, loosely respected
    • Make images bigger?
    – All & Any, Only some, None
    • Are modifications (insert, remove, move) highly impacting?
    – Real time, Not real time
    

    View Slide