Use them to showcase how your micro-interactions work, or how a user will transition from one screen to another. Next time, why not accompany your mockups with a set of animated GIFs? Video via Ryan Taylor. But, as good as they are, they can never give an overall sense of how a digital product works. Present User DemosĮverybody loves a set of super-slick UI mockups. Rather than provide just a bulleted list of actions in your next tutorial, why not offer bitesized snapshots of the process itself? See the second section of this piece, for example. An animated GIF is a nice way of enhancing that experience, as it can more dynamically showcase how the product works, or give the customer a sense of journey in an unexpected way. Equally, a graph or diagram can lack impact if there’s no big reveal. Meme-Free Ways to Use GIFs Enhance Illustrations or DiagramsĬonveying the intricacies of how something works can sometimes be difficult with static visuals. So, what are GIFs good for, besides making your Twitter followers cackle or lighting up a dull email chain? Whether hilarious, cool, or informative, gifs are the perfect bite-sized file format for sharing online. And, they have the potential to be flung far and wide. They’re widely supported on all major platforms. The small bitmaps take up next to no space in comparison to their high-fidelity counterparts, such as JPGs or PNGs. In fact, long before the stratospheric rise of memes, GIFs were used for many other business and marketing purposes-and still can be. When Steve Wilhite invented the Graphic Interchange Format, or GIF, I’m pretty certain he never expected it to become such an iconic part of pop culture.īut, GIFs are good for more than viral memes. But, they’re also a useful, low-lift design tool. I don’t understand why that happens.Sure, GIFs are best known for their meme potential. I’ve found, however, that gifs – even tiny ones like this – can take a while to display in my app when I used it inside a browser. The result is the gif you see above, which is only about 11 KB. Then, in GIF Brewery I imported the movie, set the width of the images to 350 pixels and the frames per second to one. In Keynote, I set each screenshot to fill the screen and then exported it as a movie with two seconds between each slide and the final slide duplicated to give me a pause at the end. This makes the “movie” appear to be stable (no jumping up and down or getting smaller or bigger). Today I used the following software on my Mac to make the gif you see below: Screenshots -> Keynote -> GIF Brewery (Final Cut eliminated from the sequence).įor the screenshots, I used the Shift-Command-5 screenshot function because this allows me to determine the size and position of the screenshot and then make use those settings for every shot in the series. His question made me realize that my method (Screenshots -> Keynote -> Final Cut Pro -> GIF Brewery) was probably unnecessarily complicated. I’m sure there are other ways to produce similar animated slide shows like this but the method I described above is what I did.Ĭome to think of it, since what I did was a slide show, I probably could have done something similar in PowerPoint or KeyNote and then exported that as a video. Gif Brewery also allowed me reduce the size of the images to a width of 350 pixels. I set it for one image per second and left the two-second speed unchanged. Then I imported that to Gif Brewery which allows you to designate how many images you want per second and whether or not you want the speed of the video to be changed. In the example above, the video I made in Final Cut Pro X was composed of 2 second still shots. Finally, I use Gif Brewery to make the video into a gif. Then, I edit the video in Final Cut Pro X. But, on my Mac I record my I phone screen with QuickTime or I record my computer screen with ScreenFlow. I’m not using a web-based service (other than Google Drive, which you recommended).
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |