I’ve built this iPhone example to be a helpful resource for building mobile apps and websites.
[ul]
[li]Pixel Height and Width of iPhone Screen[/li][li]Mobile and iPhone interactions Swipe and Scroll Boundaries[/li][li]Mobile Accordion[/li][li]Sliding Dynamic Panel States[/li][li]Simulate Pinned Footer and Header (Without using Pin To Browser)[/li]
[/ul]
This file includes many of the basic interactions involved when designing a mobile app or website - along with guides and pixel dimensions for designing for iPhone.
Any suggestions, feedback, improvements would be welcome.
In the beginning I’d like to say sorry. I’m not fluent english. Hope you will understand my question.
Your templates are great. I just want to be sure that my first iphone application is not impossible to make by designer. I mean FONTS in general.
I read alot about fonts dp, px, points (photoshop for example). I want to use “real” fonts size in Axure (as pixels). I’ll give you an example.
Let’s say “Top bar 320 × 20 pt, font size is 13 pt”. What size of font should I use in Axure to be sure If you know what I mean? Do you? I hope you do.
Hey Greg,
Axure 6 switched to essentially store font sizes in pixels and the dpi of the document just affects the displayed font size in the droplist. This makes it so it can be consistent across computers with different DPI and it doesn’t suddenly change all your text sizes if you change the document DPI.
from the post link below "The default dpi for Axure RP documents has been changed from 96 dpi to 72 dpi. At 72 dpi, a font size of N points is equal to a font size of N pixels. Essentially, font sizes are in pixels by default. The default font size of the widgets is now 13 px versus 10 pts at 96 dpi or 13.33 px.
"
If you prefer to think of your font sizes in pts at 96 dpi, you can change the dpi setting for your document in Wireframe->Grid and Guides->Grid Settings.
hi ,paul,
I’m sorry to ask for your help because I 'm not able visit http://bit.ly to download the tutorial zip file. It always returned error code 101:connection is reset.
The website address looks different with others I had ever visited.
Is there something unusual with the site?
or is it possible to change to another site to in your convenience? Thank you !
First of all, congratulations for your example.
I have tried to download: iPhone Widget Library
But the error message always comes up: The requested URL /axure-iphone-widgets-and-library/ was not found on this server.
Do you know anywhere I can download it?
Agree a fine example. However I’m having trouble replicating the two interactions above and was hoping you could write out the required settings/relationships for each. So in my excercise to recreate these interactions:
The Inline Frame which is frame targeted to page 1 won’t scroll page 1 up and down when published (nor does it show the cross arrow cursor like yours does). I see that you have ‘preview image’ set to custom and then there is an import button. Did you import something to allow for it’s panning/scrolling action?
I’m not seeing any pan interactions set up for panning between images (1,2,3) on page one. How was that set up?
