Templates for Device Mockups

I recently learned that the designers at Facebook make some of their designs and design tools available for designers to use. Designed originally for their design prototyping tool Origami, their collection of devices lets you see your designs as they would appear on those devices. Designing an app for the iPhone or a productivity tool for the Nexus? These images make it easier to conceptualize your final product. Each bundle includes PNG files into which you can slip your mockups as well as the original Sketch file used to create the image.
More than high-end smartphones, they have less flashy devices such as the Nokia 230 covered, with plans to add tablets, TVs, and wearables in the near future. It’s not all about the devices, either. They recently made the “Diverse Device Hands” available, which expands on their lone Caucasian male hand featured in previous mockups. In creating a more diverse stable of hand images, Facebook photographed the hands in-house and documented the process here. Strangely, they mention having over 25 hand model volunteers, but the downloaded images seem to contain only two. Still, it’s a good start and making them freely available is a nice touch.

Posted on: January 14, 2016

Erica Gamet

Erica Gamet has been involved in the graphics industry for an unbelievable 30 years! She is a speaker, writer, and trainer, focusing on Adobe InDesign and Illustrator, Apple Keynote and iBooks Author, and other print- and production-related topics. She is a regular presence at CreativePro Week’s PePcon and InDesign Conferences, and has spoken at ebookcraft in Canada and Making Design in Norway. You can find Erica’s online tutorials at CreativeLive and through her YouTube channel. When she isn’t at her computer, she can be found exploring her new homebase of Seattle and the greater Pacific Northwest.

1 Trackbacks & Pingbacks

  1. Templates for Device Mockups from CreativePro | Michael Kelleher's Website

Leave a comment

Your email address will not be published.