50 tips for designing brilliant iOS apps 1 A touchscreen interface might be flexible and intuitive, but it’s not perfect. Consider what people are doing while they’re using your app, and how they’re holding the device. Remember that fingers cover a much greater area than you might expect, and are far from accurate at selecting items. 2 Take a device-centric approach to design: don’t just think about the size of the screen, but also where and when it will be used. The peak hours of iPad usage for entertainment purposes might be 8-11pm, before bed, whereas an iPhone might be used standing in the bus queue or in a coffee shop. Take different usage scenarios into consideration throughout the design process – including things like how far the screen will be held from users’ faces. 3 Think of your app one screen at a time. 4 Designing for a mobile phone or tablet is very different from the web, or even a standard desktop app – every element has a fixed position on screen, which must be considered carefully.
10 Tips For Android UI Design This is a guest post by Guenther Beyer, an Android UI and Design expert who recently launched AndroidIcons.com to help developers improve the look and feel of their apps. These days many developers are jumping on the mobile train for fame and fortune – and they are right in doing so – there isn’t a market growing as quickly. Great, unique ideas are emerging from small teams. Apps are built at work on lunch breaks. Sooner or later every development cycle gets to the point where the app is almost done. 1. Good websites and mobile apps have quite some similarities. At first launch, everybody will have the same three questions on their mind: Where am I? Try to answer these questions instantly. Gowalla has a beautiful first start experience. 2. Think for a moment about how you really use your mobile device: a developer’s phone is safely sitting in its dock on a plain table, connected to a PC with a large keyboard, probably with full backlight turned on. 3. 4. Waiting is always annoying. 5. 6.
Designing Icons - 35 tutorials Every person who is using internet must watch the icons, because icons are the part and parcel of every site and we can say that icons also make some extra attraction in your site. Icons not only play an important role for a website but also in many fields of the graphics designing. If you are also a designer then today I am going to provide you something interesting and valuable, so now for your icon designing isn’t a big deal you can easily improve your designing skills, below you can see the 35 creative and useful tutorials for all the people who want to have icon designing skills at their finger tips. USB Hard Drive Device Icon – Photoshop Tutorial USB Hard Drive Device Design. Create a Download Folder Icon in Photoshop In today’s tutorial we will demonstrate how to create a download folder icon using different shapes and reflections in Photoshop. Design a Vintage Radio Icon in Photoshop Photoshop Tutorial: Make A Glossy Flash Drive Icon From Scratch Radar Icon in Photoshop
30 Gorgeous iPhone App Interfaces & Icons With over 100,000+ apps in the App Store, and the numbers growing fast, it’s much harder to make an impact on iPhone users in the iTunes store. Some mobile designers are spending more time designing high quality looking applications to create buzz and get recognition for their work. Here is a list of 30 apps that are well-designed and worth their purchase from their exceptional design skills and zealous attention to detail. If you love good design, beware – you may end up spending a few dollars if you read on! Pastebot Pastebot is the easiest way to manage your clipboard clippings on your iPhone. tapbots.com | App Store Link Pastebot Awesome Note Awesome Note goes above and beyond the default notes application on the iPhone. bridworks.com | App Store Link Awesome Note Convert Convert took other complex converters by storm by under doing the competition and making conversions function simple like a calculator. taptaptap.com | App Store Link Convert Air Mouse Pro mobileairmouse.com | App Store Link
How To Design A Gorgeous Big UI Button In Photoshop In this tutorial we’re going to be creating a gorgeous and modern user interface button suitable for the web or a mobile interface design. We’ll be using a handful of Photoshop techniques that are bound to come in handy for more than just creating buttons; in fact, the techniques we’ll be using are often used in most UI elements. Step 1 Create a new Photoshop document (I’ve used a 1000×1000 pixel RGB 72dpi document for this tutorial – keep in mind this will need to be a high resolution if you’re designing for a mobile device with a high resolution display such as an iPhone 4). To add a nice little bit of texture to our background I’m using a lovely vintage-style photograph of a cloud. With the textures layer selected, go to Image > Adjustments > Desaturate to turn your image black and white. Lower the opacity of your layer to somewhere in between 5-25%. Step 2 Select the Rounded Rectangle Shape Tool from your Tools Panel. Step 3 Now click on the Inner Shadow tab. Step 4 Step 5 Step 6 Step 7
Android UI Design Patterns: 5 tips for converting iOS UI to Android Making your app look like it belongs into an Android phone Many companies are converting their iOS apps to Android nowadays. However, simple one-to-one conversion of the UI might cause problems to the potential users. I don't believe that inter-platform consistency between an app's different versions is as important than consistency between apps on a single platform. 1. Google recommends that tabs in Android apps placed on top part of the UI instead of the very bottom. On the left: iOS version. 2. All Android devices are required to have a back button and user's have used in using it. Don't do this: 3. Android platform provides icons for most common actions. On the left: Wrong. 4. One of the most powerful features of Android platform is the intent API. Apps should not implement their own interface for sharing through Facebook, twitter etc. On the left: Wrong. 5. Action bar has become a single most easily identifiable feature in Android apps. Conclusion
iOS Fonts 45 iPad iOS Interface Showcase - Inspiration Apple released the new ipad few weeks ago and within a week, it reached 3 million sales! That’s a staggering amount of iPad being sold. With such a huge consumer based, it’s no brainer to say that the iOS apps demand will certainly increase dramatically. However, there are already over 500,000 apps (and still counting) in Apple appstore, your newly built app can be buried in it! If you have brilliant ideas, you will need an awesome user interface! Attractive interface gives your potential customer a good impression and you will able to stay competitive among the rest of the apps. About Kevin Kevin Liew is a web designer and developer and keen on contributing to the web development industry. Inspiring iPad Apps’ User Interface iOS6 vs iOS7, The Visual Differences Gorgeous iPhone App UI UX Inspirations