Communicate with Silent Movies

It can be hard to describe a visual idea with words. Thats why photos exist. But sometimes even a picture doesn’t get the job done. Thats why GIFs exist.

It can be hard to describe a visual idea with words. Thats why photos exist. But sometimes even a picture doesn’t get the job done. Thats why GIFs exist.

Soon, WordPress.com will have a new View Site menu that will show you a preview of your awesome website. One thing my team has been tweaking is the loading state. We’ve done our best to reduce the loading time, but sometimes you’ll have to wait. Them’s the breaks.

Take a gander at the following screenshot:

The static screenshot from Sketch does a pretty good job at conveying my intentions for the design, but it still requires some (written, or other) explanation.

Take a gander at the following GIF:

Adding some motion to the picture helps convey the idea without me having to explain anything. Now here’s a (not silent) video of how I made the GIF above:


I originally wrote and published this post over on Automattic.design on August 31, 2017.


Posted

in

,

by

Tags:

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *