Paul Grunt

The underlying secret to beautiful user interface design is realism: making 2D objects on your screen appear to sit in 3D space with volume, surface properties and undulations that might appear in real life. These faux 3D objects have highlights and shadows just like objects on your desk might have, and they have textures that emulate real objects from glass to sandpaper and everything in between. Designing beautiful user interfaces has more to do with the why than the how.

via Mac & iPhone Interface Design Blog by Mike Rundle — Flyosity.

130 icons for iPhone applications

Glyphish has designed and carefully optimized some great icons for use on toolbars and tab bars in iPhone apps, they’re also perfect for Android apps, websites, t-shirts, tattoos and more.

icons. iPhoneIcons. iPhoneDesign. AndroidIcons.

Tutorial9 is sharing a beautiful set of free mono icons that has 108 items.

Icons are in transparent PNG format, black color & 32*32px in size.

Their colors can be customized easily as a group using layer styles & applying “Color Overlay” in Photoshop. For Fireworks, simply apply “Filters → Adjust Color → Color Fill” and choose your color.

Mono Icons. iPhone icons.

via Pro Tip: Cure iPhone Earbud Entanglement .

They’ve just released the new version of jQTouch, the open source jQuery plugin for mobile development. jQTouch allows developers to create powerful, native-looking apps on the iPhone with just HTML, CSS, and Javascript. Go check out jQTouch!

What is PhoneGap?

PhoneGap is an open source development tool for building fast, easy mobile apps with JavaScript.If you’re a web developer who wants to build mobile applications in HTML and JavaScript while still taking advantage of the core features in the iPhone, Android and Blackberry SDKs, PhoneGap is for you.

via PhoneGap | Cross platform mobile framework .

How to Make a Menu Interface for a Fantasy Themed iPhone Game – Psdtuts+.

Design Your Touchscreen Interfaces in Photoshop in True Life Size

When you’re designing a touchscreen interface in Photoshop, what you see onscreen is often a very different size than the way it will actually appear on the touchscreen display. This is problematic when you’re trying to size and space all the elements of a user-friendly interface. Fortunately, there is a way to preview your design in the true size of your target display.

Photoshop has a “Print Size” command in the view menu. This not only allows you to view the canvas onscreen at the actual size it would print, it’s also great for viewing the canvas at the actual size of your target touchscreen.

To do this, you first need to tell Photoshop the dpi (dots per inch) of your computer display. Mine, for example, is 113.21. You can figure out yours with this handy dpi calculator or the following formula:

dpi = sqrt (width_pixels^2 + height_pixels^2) / diagonal_inches

Read the Entire Article Here > Guifx : Design Your Touchscreen Interfaces in Photoshop in True Life Size.

If you’re thinking about starting to do iPhone development you’ll want to read that post on frobo.org -> Bootstrap.

You’ll also want to read this post on frobo.org -> So you’re going to write an iPhone app…