iPad GUI Design Template – Free Download

Is your app ready for the big screen? Future-proof your app with this free design template. You get a Photoshop PSD files and an Xcode sample project. Sign up below to download the new iPad GUI template while we are still crazy enough to offer it for free!

54 Responses to “iPad GUI Design Template – Download the Retina PSD”

  1. Tony Celestino says:

    Just one word to describe this: Amazing!

    #
    • Tope says:

      Really? Ok maybe I should take it down. This stuff can’t be free :-)

      #
  2. Patchstar83 says:

    GREAT WORK!

    #
    • Tope says:

      Thanks

      #
  3. Dev AppFactory says:

    BIG thanks! :-)

    #
    • Tope says:

      Happy you like it. Please share it with your friends

      #
  4. Robson Wolanski says:

    Thanks, Tope!!

    #
    • Tope says:

      You are welcome, Robson!

      #
  5. Anthony says:

    Thank You!!

    #
    • Tope says:

      You are welcome, Anthony

      #
  6. Brett Burky says:

    Man you are on it!!!

    #
    • Tope says:

      Thanks, Brett.

      #
  7. Brian Boccia says:

    I seem to be missing the font HelveticaNeueLTStd. I have Helvetica Neue, including the Light variant, so I’m not sure what I’m missing exactly. (Windows 7 Professional, Photoshop CS5)

    #
    • Tope says:

      Brian, You can use Helvetica Neue. Use the bold type and you should get the same effect

      #
  8. Ravi says:

    Thanks

    #
    • Tope says:

      You are welcome, Ravi..

      #
  9. Nino says:

    Don’t really know, if I will use it sometimes, but it looks good. Made a +1, thank you!!!

    #
    • Tope says:

      Thanks, Nino!… It will come in handy sometime I’m sure

      #
  10. ?????? ?????? says:

    Thanks a lot!
    Nice work – you are the first with this :)

    #
  11. RB says:

    The new iPad’s resolution is 264ppi (double that of previous iPads) so anybody wishing to use this for actual app graphics should note that the 72ppi used in this PSD will not suffice. The PSD does not include a landscape version of the iPad, nor is the image of the iPad itself supplied. A vector based template would be much more useful.

    #
    • RB says:

      Portrait version*

      #
    • Tope says:

      If you design at higher PPI values, you run the risk of your app going in to +20MB territory and then your users cannot download it through 3G. I’m sure that is a trade-off you would prefer to take.

      The PPI on the device is not a number to go by when implementing app graphics. The iPhone 4 display is 326 PPI (more than the iPad), and graphics done at 72 ppi look stunning on it.

      The PSD uses vector shapes so anyone with an idea of how to use Photoshop can modify the images to support portrait versions.

      #
      • alpi says:

        the limit got 50MB with the release of iOS 5.1

        #
      • RB says:

        From experience I have to disagree. There is a notable difference between 72/163ppi and 326ppi images. The iPhone 4 screen has 4x the pixels of its predecessor therefore an image of 72ppi lacks the pixel density to appear crisp on the retina display. This is most obvious with curves where the anti-aliasing pixel depth is too low to appear smooth. Low ppi images may not be as obvious on the iPhone screen however the new iPad screen will exaggerate these flaws. Apple have released a high pixel density version of their website which the iPad will display after the low PPI version has loaded. It remains to be seen how low pixel density websites will look on the iPad retina screen but I doubt designers will go out of their way to support this higher PPI for every website.

        #
    • Guest says:

      False.

      #
  12. Oscar says:

    Am I the only one that cant extract the files from the zip? it always sends me an Error message on my mac

    #
    • RB says:

      I use winrar and have never had any problems, I think it’s available for mac or at least something similar.

      #
  13. Monique says:

    Awesome thanks, am using already :)

    #
    • Tope says:

      Great! Please send me screenshots! Would like to see

      #
  14. VoteAlex says:

    Xcode can not Build the sample file. Some ideas?

    #
    • Tope says:

      Please use Xcode 4.3.

      #
  15. Nickquinn00 says:

    How do I therefore design/prepare graphics for iPad version 1 – 3? Is it like the retina display for iPhone 4 in which I have to export 2 sets of assets for IOS 3 at 320 by 480 and 640 by 960? I know if you are using vectors you can always scale up, but I preferred to scale down.

    Love the graphic by the way!

    Nick

    #
    • Tope says:

      The process will be the same. The PSD is at 2048×1536 when you export your graphics, you will name that with the @2x and then scale it down and give it the normal name. Include both sets in your app and make sure you are using Xcode 4.3+

      #
  16. rb25 says:

    Although the resource is ok a lot of the information given by the creator of this resource about DPI etc. in the comments is not correct.

    #
  17. Tom says:

    There seem to be no Slices defined inside the Photoshop file. Is there a (paid) version that includes those for easy export?

    #
  18. Jeff says:

    Thanks

    #
  19. Paul says:

    Nice job! I love it

    #
  20. Jim west says:

    Nice

    #
  21. mohamed says:

    not bad

    #
  22. IRIL says:

    Hello, I got here from raywenderlich.com

    I’m have no basic about photoshop
    how to use that psd file?

    how make save each images into seperate files?

    thank you very much, sorry for my bad english

    #
  23. http://en.z-wave.me/content/guide-painless-water-systems says:

    Blowing up toys are not only to inspect these inflatable toys are qualified or not.
    The price of the shower filter will not break the bank and is well worth it when you consider the health
    benefits. And that means collecting sufficient rainwater in
    winter and spring to tide us over the long, hot, dry Greek-Mediterranean summer.

    #
  24. Harry says:

    Trekkies Unite Star Trek Plastic iPhone Case This is one
    iphone cases 4 off the long lines outside a retail store to gett that iPhone?
    They add a gracious and iphone cases 4 glamorous look to your iPhone 4.

    Please check prices best price before making a purchase.
    By cmfoxhall – PERFECT! Designed too look like a bunch
    of bright pink heart-shaped balloons wrspped around its
    body. Thee casers are maanufactured with premium quality material
    and are capable of protecting your costly iPhone iis to choose any of the bells andd whistles that
    distinguish thee others.

    #
  25. iphone 5s cases on ebay says:

    Finnd a Suitable Material and ManufactureYou have otterbox
    to be very elective when it comes to remote locals. Iphone is one such gadgyet that is your status symbol and makes you center of attraction for them.
    The opening on the sides don’t hit the side buttons like othedrs did.

    The otterbox best part with designer iphone cases are available inn various shades.

    #
  26. Joycelyn says:

    It goes without saying that such a delicate device needs to be looked after
    properly. These cases may well safeguard your Apple iphone,
    you aare scared to even look at it, we put it carefully down on soft iphone cases like otterbox defender
    surfaces, we neever put it info the weather-proof case. Here are
    a few iphone cases like otterbox defender designs that you would be wrong.
    The case is made of brighyly colored plastic, so there’s nothing new there.

    #
  27. Solomon says:

    Almost all of mmy products in my Zazzle shops: Sandyspider Gifts and Funnyjokes Shop ccan be customized.
    But just in case you iphone 5 case mate barely there accidentally dreopped your phone.
    Wheever you select an Iphoje case to offer protection to your iPhone, though it is fashion already.

    #
  28. iphone cases says:

    Just like the Aquapac, it also has a circular matting expose the
    main navigation key to itts bottom. This compact crade works with iPone 3G,
    3GS, iPhone 4, Touch 1G, 2G 3G and 4G. Everybody
    has iphone cases 2pac an iphone cover case, you aren’t sure about, which case is perfect for your iPhone.
    Smart phones are a kind of elegant and beauty. Three of the 4designs
    in thee Otterbox” series” are compatible with the Verizon model Just here I’m sure Ivyskin is working on the solution but.

    #
  29. Best Buy iphone 5S battery case says:

    The charger conjointly hass 2 USB ports that mean if you havee got 2 devices in want of charging,
    you wouldn’t like to wait foor onne to end.
    One of the special characteristics of i – Phone 4, which
    is mainly highlighted, is, itss frame work
    being insulated with stainless-steel. The device is entirely superior, lighyt inside the hand over together with has
    developed that shining finishing.

    #
  30. iphone 5s cases amazon says:

    With i – Phone,i – Pad,i – Pod,Apple TV plays an important role in our daily life,most people prefer tto share their interesting
    video on those famous devices. This is definitely an eight-signal, reversible connector that’s competent at transferring data and charging the handset even quicker than before.
    are dozens and a large number of accessories manufactured
    for use with it.

    #

Trackbacks/Pingbacks

  1. Descarga templates gratis para diseñar aplicaciones para el nuevo iPad | GeekCompulsivo -

    […] Descargar desarrollo para ipad descargar para ipad Diseño Recursos para ipad templates para apps de ipad […]

  2. Photoshop For Developers: Making a Leather Navigation Bar | | Hacker ColonyHacker Colony -

    […] all your hard work… click here to get a free template that includes custom designs for almost all the UIKit controls including […]

  3. Photoshop For Developers: Creating a Custom UISwitch -

    […] you want to create a good looking template for your app without the hassle, you can get a complete template here that includes custom designs for almost all the UIKit controls including Navigation Bar, Tab Bar, […]

  4. 开发者版Photoshop:制作一个皮革效果的Navigation Bar -

    […] 在你辛苦工作后…点击这里获得一份包括所有的UIKit控件的免费设计模版,其中包括Navigation Bar, Tab Bar, UISwitch, UISegmentedControl, UIButton, UIProgressBar, USlider, iPad 和 iPhone retina 设计等等。 请访问论坛,让我了解你对本教程和免费模版的看法,还有你的任何问题! […]

  5. Ipad Aquapac | obtener su nuevo iPad - España -

    […] iPad App Design Template – Download the PSD GUI Template … – Download a free GUI template and make your apps ready for the new iPad. This app design template includes a Photoshop PSD file and if you sign up you get the… […]

  6. Ipad Website Design Template | Get Your iPad Now -

    […] iPad App Design Template – Download the PSD GUI Template … – Download a free GUI template and make your apps ready for the new iPad. This app design template includes a Photoshop PSD file and if you sign up you get the… […]