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.
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.
What is PhoneGap?
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.