Thumbnail View

Present photo previews in a way that is pleasing to the eye.

Goals

  • Make use of all screen estate
  • Beautiful layout
  • Allow time/location based grouping.

Relevant Art

Rectangular thumbnail grid

Instagram

For a long time Instagram carried the constraint of only allowing square crop on all photos. Non square photos get cropped now. instagram-grid.png

iOS Photos

ios-grid.png

Flickr Camera Roll

Flickr introduced new historical view that uses rectangular thumbnails:

flickr-square-grid.png

Fixed height grid

Flickr also uses a "magic grid" for mixed aspect photo sets. It always keeps the height of all thumbnails constrant but also does smart cropping to justify the indentation per row.

flickr-magic-grid.png

Google Photos on the web seems to be following the same constraints in their thumbnail grid.

google-photos-magic-grid.png

Centered Original Aspect

Apple Photos uses original aspect thumbnails centered.

apple-photos-grid.png

Discussion

Tentative Design

https://raw.githubusercontent.com/gnome-design-team/gnome-mockups/master/photos/photos-photos-grid.png

Using square tiles with letterboxed thumbnails and no label.

Comments

See Also

Design/Apps/Photos/GridView (last edited 2017-01-06 17:50:36 by JakubSteiner)