iPhone UI Layout Template

Xiao CiDian – Air Version

As you might know I wrote an iPhone application that has been rejected from the AppStore. The application was a Chinese to English / English to Chinese dictionary based around the free CC-CEDICT dictionary. (The reason it was rejected was because it could define curse words)
In order to recoup some of the code, [...]

Published: June 14th, 2009
Category: Chinese, Linux, Web Apps, Windows, iPhone

Internationalised Domain Names

I’ve been wanting a Chinese domain for a while. Not a .cn mind you, but a URL that was in Chinese – like http://大猪网.com or what have you.
I’ve looked into it on and off for a year or so, and finally decided to give it a go. I wanted to see [...]

Published: June 10th, 2009
Category: Chinese, Mac, Tinkering, Web Apps, Windows

New Afae Release 0.9.7

(Afae is an all purpose editor for Eclipse. You can read more about it on the wiki page.)
I had a few patches sitting in my list of things to do, and decided to tackle them this weekend. Thanks to all who’ve submitted patches.
Here is the new stuff and changes in this [...]

Published: June 7th, 2009
Category: Afae, Coldfusion, Linux, Mac, Ruby, Web Apps, Windows

Almost WebDU Time – It’s the Final Countdown

If you are in Sydney, don’t miss Code wars tonight – which should be really fun.
I never really mentioned it either, but I’ll be talking about iPhone Web Application development, and I’ll be hanging out talking about iPhone native app development at a birds of a feather chat if you are into iPhone stuff.
I am [...]

Published: May 19th, 2009
Category: Afae, Coldfusion, FarCry, Flash, GlueyNotes, Mac, Tinkering, Web Apps, cfeclipse, iPhone

Jul

8

2007

Category: Mac, iPhone

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.

« iPhone Rate Plans | Home | iPhone post »

Comments

This entry was posted on Sunday, July 8th, 2007 at 11:20 pm and is filed under Mac, iPhone. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

1 Comment so far

Rey Bango on July 9, 2007 10:22 am

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

Recent Comments
- Joe on CFML in gEdit (The Ubuntu Text Editor)
- 小罗 on CFML in gEdit (The Ubuntu Text Editor)
- Ron Stewart on CFML in gEdit (The Ubuntu Text Editor)
- Adam on CFML in gEdit (The Ubuntu Text Editor)
- Joseph Labrecque on Xiao CiDian – Air Version

Xiao CiDian – Air Version

Internationalised Domain Names

New Afae Release 0.9.7

Almost WebDU Time – It’s the Final Countdown

Jul

8