I have a few applications that I’d like to write for the iPhone, and I needed a way to prototype the UI so I put a simple template together.
All the parts are taken from screenshots I found online so none of the parts look too great, but I think it’s good enough to get a rough idea of how a web application UI will look on the iPhone (non-landscape mode).
I did the template in Fireworks, but Fireworks’ file format is a layered PNG so if your favorite editor supports layered PNGs it theoretically should work (I would imagine photoshop can import the file).
Here is a screenshot of the template in use:
It’s not pixel perfect, and the quality isn’t that fantastic, but it’s a lot better than just flying dark. You can download the template here.
Rob, Joe Hewitt of FireBug fame has a template that you can use:
http://joehewitt.com/files/iphone/navigation.html
Also check out this posting today on Ajaxian which may help out as well:
http://ajaxian.com/archives/iphonedevcamp-wrapup-including-iui