![]() This is especially true if their wait is accompanied by a blank white page. It’s not a good impression or great user experience. Simply creating a loading GIF (also known as preloaders) for your high-content, heavy load-time pages can be the answer to keeping users engaged and interested in your content. Loading GIFs will let the user know their internet browser is still responsive. Do you say GIF with a hard G or like “Jif”? Check out our #BrancherBattle and vote! Click To Tweet Some Considerations of Your GIF Appearanceĭo you have a logo? Consider animating the logo mark. The logo mark is a very recognizable image of your brand and is a great thing to bring to life with a simple animation. If you want an even simpler loading GIF like an animating circle, square, etc., consider using your brand palette to reinforce your brand. Finally, don’t forget to add the words “loading” in your GIF or GIF artboard. This is an important consideration because it lets users know what your page is doing rather than having them wonder why something is animating on their screen. Here’s a GIF we created and use here at Red Branch Media on our blog. If you want to make something amazing, you need to get inspired. This will not only ignite your passion to create something awesome as well, but you can see what your fellow designers are creating too. Even CollegeHumor provides “ 24 Mesmerizing Loading Icons That’ll Make You Drool”Īfter you get that inspirational spark, set out to create your own handcrafted animated GIF.Best loading animation GIFs from Grasp Hub.10 cool loading animated GIFs from Smashing Hub.Here are some of my favorite loading GIF examples below: Google, look through design blogs and flip through Pinterest. I recommend setting your artboards in After Effects or Photoshop (whichever program you prefer) as a square, and always exporting your GIFs with a transparent background. Square images are great for web developers because they can be easily centered and configured. When you start creating your animations, adding physics will give your GIFs a more appealing aspect. For example, notice how each circle in the Marenated loading GIF above scales up from the center. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |