Text layout — boxes and glue
Unique row and grid combinations for 14 photos
Comparison between layout approaches, given a target height of 180px
Coalesced segments


Normal and low-res placeholder tiles
Low-res thumbnail rendering options
Grid patterns during loading states

Scrolling and scrubbing the photo grid

Google Design

Stories by Googlers on the practice of design. For editorial content and more visit design.google

Thanks to Laura Granka, Teon Harasymiv, Jeremy Selier, and Barbara Eldredge

Antin Harasymiv

Written by

UX Engineer @Google

Google Design

Stories by Googlers on the practice of design. For editorial content and more visit design.google

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade