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

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