Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Image Layout Algorithms

48a313e2ad9f47036b3a4d073cef3e54?s=47 vjeux
December 07, 2012

Image Layout Algorithms

48a313e2ad9f47036b3a4d073cef3e54?s=128

vjeux

December 07, 2012
Tweet

More Decks by vjeux

Other Decks in Programming

Transcript

  1. Image Layout Algorithms Christopher “vjeux” Chedeau

  2. None
  3. None
  4. None
  5. 500px Demo • http://500px.com/flow

  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None
  14. Lightbox Demo • http://blog.vjeux.com/wp- content/uploads/2012/05/lightbox- layout.html

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

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

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

  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