Free DownloadUX Sketching And Wireframing Templates For Mobile Projects
Today we are happy to release two printable UX sketching and wireframing templates, designed by Pixle for Smashing Magazine’s readers. This article presents Outline, a set of sketching and wireframing papers for mobile platforms and Tapsize, a set of templates for checking optimal tap areas without a mobile device.
Outline
Outline is a set of 28 printable sketching and wireframing papers (in PDF) for seven mobile platforms: Android, BlackBerry, iOS (iPad and iPhone), Meego, Symbian, webOS, Windows Phone 7. The set consists of a few combinations, such as actual size, 10 devices fit to a page, and landscape layout.
Note: Print the sheets at actual size (i.e. do not resize).
As a bonus, Outline includes an Illustrator file displaying the mobile devices.
Outline paper set
Windows Phone 7 and 8 panorama template
Android 4.x template
Tapsize
With Tapsize, you can determine the optimal tap area without having an actual device. Just print the screen you need. The set includes 9 PDFs:
- 3.5 inches — 640 × 960 pixels
- 4.65 inches — 1280 × 720 pixels
- 5.3 inches — 1280 × 800 pixels
- 7 inches — 1024 × 600 pixels
- 7 inches — 1280 × 800 pixels
- 7.7 inches — 1280 × 800 pixels
- 8.9 inches — 1280 × 800 pixels
- 9.7 inches — 1024 × 768 and 2048 × 1536 pixels
- 10.1 inches — 1280 × 800 pixels
Note: Print the sheets at actual size (i.e. do not resize).
Tapsize paper set
Calculating the grid
Checking the optimal tap area for the Google Nexus 7 tablet.
Behind the Design
Pixle are talented and skilled dots based in Warsaw, Poland, focusing on mobile software and UI design. Besides mobile apps like Bord and Foldify, they designed Gesty and Subway icons sets for designers and developers.
Download The Set For Free
Both sets are completely free to use for commercial and personal projects, without any restrictions. Please link to this article if you want to spread the word.
- Download the package (ZIP, 2 MB).
We’d like to thank the creative minds behind Pixle for providing the resources for everybody to use and share!
(al) (il)
Benjamin Christine
September 19th, 2012 12:40 ambrilliant templates! very handy! will try and use them.
Dan
September 25th, 2012 4:39 amOh God, awesome!
CJ
September 19th, 2012 1:08 amYou’re amazing. :)
Kath
September 19th, 2012 2:00 amWell what can I say? AWESOME! Thanks for this! :D
peter
September 19th, 2012 3:07 amthen what? design different layouts for every single device? guys, stop thinking in pixels!
Haziq Mir
September 19th, 2012 5:51 amResponsive native apps? What are you thinking?
Ryan
September 19th, 2012 11:06 amyou clearly don’t get it.
You still need different sizes to understand and illustrate how a site can be responsive.
It’s also very important, when designing a native app, to understand how your app relates to the device it’s on (ie. android hardware controls on the bottom of the screen)
AboutaDirk
September 19th, 2012 4:32 pmThat’s alright Peter.
I up-voted, because you made me crack a smile.
Cheers, and appreciated.
Taylor
September 19th, 2012 3:43 amTruly awesome freebies! Thanks!
Erkki
September 19th, 2012 3:54 amThis is great, it will help a lot.
cateland
September 19th, 2012 4:20 amThanks a lot !
sally tran
September 19th, 2012 5:33 amThanks! maybe not sleep tonight :>
Crunshii
September 19th, 2012 6:07 amI love you guys… Thanks for this, it really helps in this crazy world we try to enhance the experience, and at times we spend most of our time just trying to keep it the same throughout multiple platforms.
Aleksandar Jakovljevic
September 19th, 2012 6:41 amGreat stuff, thanks!
Bruce
September 19th, 2012 7:29 amThank you so much – exactly what I’ve been thinking of TRYING to do on my own, but so much better!
Robert Munro
September 19th, 2012 8:01 amVery handy – thanks so much….
Ed
September 19th, 2012 9:17 amThis is great. As a programmer trying to learn design elements this helps.
Cindy Anzo
September 19th, 2012 10:27 amwow… muchas gracias!
Rob Mac Neil
September 19th, 2012 10:31 amCool resource, thanks!
It would be neat if there was also a version where the paper would ‘accordion’ open (like the last page on a Mad magazine) and represent some responsive nature… just kidding :)
s0fa
September 19th, 2012 11:17 amTHANKS! yay
Ben Riga
September 19th, 2012 11:17 amThese look awesome. Thanks.
I’d love to see these for Windows 8 as well. That would include size like 1366×768, 1920×1080 at 10.6″ etc
Pixle
September 19th, 2012 11:49 pmYes, we will update this set very soon. Thanks!
Kadir Selcuk
September 25th, 2012 9:37 pmThank you. As Windows 8 designers/developers, we are eagerly waiting.
alian
September 19th, 2012 11:48 amNice, thanks!
Anton
September 19th, 2012 2:00 pmThanks!
Adnan Tariq
September 19th, 2012 5:32 pmNowasys’s can supply top quality technology consulting resources to our clients enabling them to outsource specific functions at a much reduced cost. For example one of our clients have outsourced their mobile development department to Nowasys.
Nowasys’s outsourcing services – has been designed specifically for those organisations who are considering outsource development or who have tried the traditional outsourcing model and found that it does not meet their requirements for responsiveness, quality and manageability.
The motivated, dedicated, expeienced Team solution is simple, straight forward, low risk and very cost effective – it refers to a highly qualified, self managing development team, working exclusively for you, and completely under your direction. It gives you all the financial benefits of off-shoring but in a controlled and easily managed way.
http://nowasys.com
Damián
September 19th, 2012 6:50 pmI want to cry… Thank you all.
Martino Spreafico
September 20th, 2012 1:02 amOnce again a handy MUST HAVE by SM! Thanks!
Grant
September 20th, 2012 1:31 amUber-awesomesauce guys, thanks :)
Tom-Erik Thorbeck
September 20th, 2012 3:01 amJust uploaded these to adobe creative cloud and now I got some sweet templates for my adobe touch apps. Yey!
Luis Hernández
September 20th, 2012 7:17 amGreat Resource !!! Thank you
Nesma
November 28th, 2012 6:28 amIt is a major problem, but in the elxpmaes that you have given it takes no time at all for them to respond to just acknowledge they have received your email / enquiry and get back to it as soon as poss, and if they haven’t had a chance to get back to you properly for a while to just send an update to you.
Floris
September 21st, 2012 9:14 amRemember the days when you would start with a drawing of a laptop before you begin sketching? ;-)
Liam
September 21st, 2012 6:45 pmA fantastic resource – thanks for sharing!
Wasim
September 23rd, 2012 11:05 pmwow! just amazing.
AlexandreHuete
September 24th, 2012 3:27 amThx !
Shiva
September 24th, 2012 11:46 pmGreat Resource !!! Thank you
Maicon Sobczak
September 25th, 2012 6:55 amAmazing job! Thank for this freebie.
Nitesh Pandey
September 27th, 2012 12:31 amThis is what is called “SOLUTION” :-]
Amazing stuff…!
grace kan
September 27th, 2012 9:16 amwow, Thanks so much!
Chris Allen
September 28th, 2012 8:42 amThis is so great – thank you for posting, and thank you Pixle for creating this wonderful tool! Now, I don’t design in 25px increments – I stick with 10px increments since most screens are divisible by 10 (although now I’m pissed there’s another 6 pixels in the new iPhone 5 :) So, I tweaked Pixle’s iPhone 4 vector object to fit a standard iPhone 4 640×960 screen at 100% on a tabloid sheet of paper (11″ x 17″). If you’d like to use this resource for your drawing projects, I’ve uploaded the PSD over on Dribbble: http://dribbble.com/shots/748432-Iphone4-Drawing-Template-Freebie.
Jakob
September 30th, 2012 7:03 ammake also sure to checkout this neat little service where you can download customizable templates for iPad, iPhone etc.: http://generatedpaper.com/en/wireframing
Ferad Osman
September 30th, 2012 10:34 amthats cool. thanks
Thai Bui
October 1st, 2012 9:18 amJust printed some and I know these will come handy.
Thank you!
bipin
October 9th, 2012 5:45 pmWe can’t ask for more!!
Zamir
October 18th, 2012 8:41 pmIt’s awesome guys. Thank you very much. (y)
Valeria
November 16th, 2012 9:22 amThank you!! Very useful!
Matt
November 20th, 2012 12:16 pmJust wanted to say thank you very much!
Cagla
November 27th, 2012 12:05 amThese are amazing! Thank you for your share.
Ahmed Compo
February 25th, 2013 7:25 amthanks so so so so much for your efforts :)