iPad Design Resources
Test your web pages in the iPad browser emulator. Click on the top iPad border to rotate.
LiveView is a specialized remote screen viewing application intended as a tool to help designers create graphics for mobile applications
The iPhone operating system makes up 50% of the worldwide smartphone market, with the next-highest OS being Android at 24%.
The main focus of this article relates to designing websites for the iPad.
Think about the device in terms of lifestyle rather than features and technology.
GUI & Templates
The PSD was constructed using vectors, so it’s fully editable and scalable.
OmniGraffle template for folks designing iPad apps
Here's a list of free iPhone & iPad templates and stencils.
Library of UI elements at your disposal. Big time saver.
iPhone and iPad Development GUI Kits, Stencils and Icons.
Collection of ready made icons and PSDs.
Size of iPad and other Apple products compared.
Tufte & Formless Content.
A key first step: do a diagram of your storyboard, so that you can pace content, strategically place destination moments. This is essential in a non-linear platform.
Fonts & Typography
iPad’s resolution is higher than a regular LCD but still lower than an iPhone which gives the pixel type an unusual “in between” feel.
Yet it’s exactly that part of media consumption, reading, that reveals what’s missing on the iPad: good typography.
Today’s Microsoft actually beats today’s Apple in typography.
The primary warning about designing for the iPad is: more screen space doesn’t mean more UI. You’ll be tempted to violate that principle, and you need to resist the temptation.
It's the same with iPad apps: anything you can show and touch can be a UI on this device. There are no standards and no expectations.
UI pioneer Jef Raskin once used the terms card sharks vs. holy scrollers to distinguish between two fundamentally different hypertext models: cards and scrolls.
There’s a unique and exciting opportunity here, and just possibly the beginning of the next major stage in software design and user experience.
We should use original tools to create iPad apps, not because Steve Jobs said so, but because these tools create products with flesh and bone, that is: an understanding of both the purpose, the potential and the limits of the iPad technology.
The Devil is in the details.
The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces.
Apple's Human Interface Guidelines for the iPad.
Pad’s Two Orientation Are A Big Deal.
If your site is designed to work at 980 pixels wide or slightly less, you probably don’t need to do anything.
iPad Ready checklist.
A special iPad optimised website layout that uses pure CSS to change layouts in the portrait and landscape orientation modes.
Sencha Touch allows you to develop web apps that look and feel native on Apple iOS and Google Android touchscreen devices.
Use Appcelerator Titanium to build mobile apps for iPhone & Android and desktop apps for Windows, Mac OS X & Linux from Web technologies
A look at the new digital version of Wired.
Dave's iPad Stuff featuring Time, NASCAR, Cadillac and Route 66.
Popular Science, Real Racing HD, The Periodic Table, Alphabet Fun, Glee, Zillow, The Weather Channel, Things for iPad, Marvel Comics, The Wall Street Journal, Epicurious, E*TRADE Mobile Pro, F1 2010.
Netflix, ABC Player, Marvel Comics, iBooks, NBA, MLB, ESPN, Yahoo Entertainment
A showcase of beautiful iPad app design
Landing Page design for iPad App sites.
CNN, Reuters, New York Times, Vimeo, Time, ESPN, MLB, Netflix, NPR, NHL, The White House, Virgin America, Sports Illustrated, Flickr, People, TED, Nike.
Air Video, Real Racing HD, GoodReader, Mondo Solitaire, Wired Mag, Kindle for iPad, Epicurious, Dropbox, The Guardian Eyewitness, NewsRack.
You can use these techniques to make almost any Apple product.
Over 30 iPad apps designers, developers and creatives will find useful.
A classic look to protecting your iPad.
Find the perfect iPad case.