Archive for 'iPad'

Compleat UI Design

OK, we’ve mentioned various UI design helpers here and there before: but this, this is veritably canonical.

iPhone and iPad Development GUI Kits, Stencils and Icons

Within this post you will find complete GUI kits and stencils, iPhone GUI elements and PSDs and finally a collection of the best icon-sets perfectly suited for the iPhone…

Right up to date with the iPad GUI PSD we mentioned a little while ago, so looks like that’s the best current reference to point your artist flunkies at.

h/t: @mattgemmell!

UPDATES:

How about Apps-on: Post-It notes for your iPhone design? (h/t: iPhoneFlow!)

Or MobileSketchbook.com’s iPad Stencil, to go with their iPhone version?

Or just download some iPad & iPhone Sketch Paper PDFs.

Or try iPhone Wireframe Kit – Google Docs online.

Like to do your prototyping on the actual phone? Check out Dapp.app.

And here’s a newer roundup: 11 UI Kits for iPhone and iPad Development!

And one to start out 2011: 50 Free iPad, Iphone Icons, Tutorials and PSDs

These Keynote/Powerpoint templates look interestlng: Keynotopia

This presentation/prototyping tool could be good for client work: Realizer

20 Free UI Kits For iPad Development

iOS 5 GUI PSD (iPhone 4S)

Useful Collection of iOS Tools and Resources for Designers

Continue Reading →
1

Fake iPad Photos

Here’s a handy trick for putting together your iPad app promos:

Maybe you’ve wondered how it’s possible that some people (like Panelfly or even us) have photos of iPads with their apps in them weeks before the devices arrive to the market.

Well, the trick is to take the official photos by Apple and replace the screen content. It’s not difficult but a little tedious, especially getting the perspective transforms right. To save time and effort you can use this Photoshop template that does all the work you. Replace the placeholder images with your screenshots and you’re done!

Continue Reading →
0

Tip: iPad CSS

Here’s a new feature that snuck into the iPad’s version of WebKit: CSS orientation media queries!

Using orientation in CSS is very simple. The code looks like this:

<link rel=”stylesheet” media=”all and (orientation:portrait)” href=”portrait.css”>


<link rel=”stylesheet” media=”all and (orientation:landscape)” href=”landscape.css”>

Yeah, doesn’t get much simpler than that. And it works on non-sucking desktop browsers too, just resize the window narrow to see. Presumably this would be a handy tip for laying out content in your iPad (and no doubt iPhone after the next OS rev) apps via UIWebView and getting orientation changing in a straightforward fashion as well, with any luck.

Also check out the article comments for other handy tips on iDevice-friendly web page layout!

h/t: maxvoltar!

Continue Reading →
0

iPad App Store Sales

It’s always fun to go over some hard sales numbers for the App Store — and here is a really comprehensive look at that:

Revealed: Using Weather HD to Look Inside the iPad App Store’s Sales, and Why Apple May Have Just Created a New Billion Dollar Industry

Having an application, Weather HD, in the Top 10 top-paid list, we wanted to share our early look into how the numbers really are, and what the iPad App Store is shaping to become. We will use our own sales numbers to estimate how everyone else is faring out, and how much the iPad App Store is worth.

They calculate out a spreadsheet of the top 100 paid iPad sales, ranging from 5515 at #1 to 209 at #100; and according to this logic,

Based on the sales and ranks of our very own Weather HD, we estimate that the Top 1,000 iPad paid applications are making about $372,000 per day, which sums up to about $136 million per year. This figure is based on there being only 500,000 iPads in the market, and is accounting only for the application sales in the United States. If the iPad App Store were to be like the iPhone’s, then 40-60% of the sales would occur internationally, so on average that figure would rise to become $272 million per year.

We believe this to be a conservative estimate. If the iPad were to enjoy a lucrative growth as the iPhone’s, which rose from 100 million downloaded applications in the first 2 months to 4 billion 19 months after, we can easily see the iPad’s App Store becoming a $1 billion per year market in 2 years.

… whew, this iDevice development business just looks better all the time, doesn’t it now?

Continue Reading →
0

Source: iPad Dashboard

Here’s your daily dose of niftiness; this clever spark created an iPad version of Dashboard.

Inspired by Apple’s Dashboard application for Mac, Dashboard for iPad has been completely rewritten for iPad. It brings the ability of running multiple mini-applications, widgets, to all iPad users. With access to any of the existing Dashboard widgets for Mac available to download right within this application, you can quickly add several fun and functional widgets to your Dashboard.

Yep, that’s pretty cool alright:

Screen shot 2010-04-14 at 11.13.33 PM.png

Sounds like something you’d find handy, yeah? Well, not in the opinion of Apple. Boo, hiss.

Alas, Cupertino has now rejected the app for “contradicting the iPad’s user experience”, whatever that means…

Cha. Yes, sometimes they are genuinely annoying, aren’t they. But hey, at least you can run it yourself if you like, since the author has been kind enough to opensource it on GitHub!

h/t: TechCrunch!

Continue Reading →
1

iPad 3.2 SDK Roundup

So since it looks like we’ll be talking about all the new stuff in the 4.0 SDK very shortly, let’s take a minute here to round up some of the more worthwhile posts on what’s new and exciting in the newly not NDA’d 3.2 SDK for the iPad:

Jumping from iPhone to iPad Development, A Beginners Guide

The Good and the Bad: iPad from a Developer’s Point of View

What’s new in iPhone SDK 3.2

Noticed any others worth a gander, Dear Readers?

Continue Reading →
0

iPad GUI PSD

So no doubt you’re all looking forward to developing for the iPad, and here from the same people who did the iPhone GUI PSD that we mentioned ages ago — and is now up to version 3.0, by the way — comes, wait for it, the iPad GUI PSD!

ipad_GUI_PSD1.jpg

The PSD was constructed using vectors, so it’s fully editable and scalable. You’ll notice there are a few new UI elements as compared to the iPhone interface. The workable screen design is formatted to 768×1024 so anything you design in the Photoshop file can easily be brought over to the SDK.

It’s 1.0 so I’m sure we’ll notice missing elements as we begin to use it. We’ll perodically update it to include new elements as we notice them or as they become available through any SDK updates.

Any other iPad design helpers you’ve noted out there so far, Dear Readers?

Continue Reading →
1
Page 3 of 3 123