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.
Devices
DeviceHands
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.

Tags
Posted on: January 14, 2016

Erica Gamet

Erica Gamet has been involved in the graphics industry for over 25 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 contributor to InDesign Magazine, tech edited How To Do Everything with Adobe InDesign CS4, and served as leader of the Denver InDesign User Group. After living as a nomad for almost a year, she recently put down roots in El Paso, Texas, where she hikes and bikes every chance she gets. Check out ericagamet.com to see all of Erica's upcoming events, tips and tricks, and workbooks.

1 Trackbacks & Pingbacks

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

Leave a comment

Your email address will not be published.


*