50 Excellent Icon Design Tutorials. Designing iPhone Icons. With its ability to run all kinds of applications and games, the is the icon and interface designer’s dream come true. In this article I’ll discuss the process of creating icons for this platform, showing you the full workflow from the initial handdrawn sketch to the final icon in all the required sizes. The finished icon To illustrate the design process I created the icon for a fictitious iPhone app named It’s a search engine for recipes with additional social functionalities: you can turn the ingredient list into a shopping list, share pictures of your dish and suggest modifications to the cooking process.
The icon depicts a typical gas range, a graphic metaphor that fits both the app and the rounded square format. If you’d like to know how I created the icon I wrote a tutorial to share my workflow. Disclaimer/Call To Action To my knowledge there is no “Kitchen Range” app out there. I came up with this concept in order to have a fictitious app to design for. Foreword: Icon or Logo? How to Create an iPhone Icon: Full Workflow.
In this detailed tutorial I’ll show you how to create an iPhone icon from scratch using Photoshop’s vector shapes, layer styles and masks.
Starting from a handdrawn sketch we’ll proceed to create the high resolution icon for iTunes. Finally I’ll take you through the necessary steps to resize the icon by hand in order to create the remaining sizes for the Home Screen and Spotlight searches. The finished icon Here’s the final result: the icon for the ficitious Kitchen Range app. I came up with the concept for the app and designed its icon in order to show my design process in the article Designing iPhone Icons, a guide I wrote for designers and developers of the iPhone platform. Soundtrack: Chitlins Con Carne.
7 Principles of Effective Icon Design. Before approaching icon design, there are some guidelines and principles that are worth studying.
If you want to create effective icon designs, then you should take a holistic approach to issues such as audience, size, simplicity, lighting, perspective, and style. This article gives you a good starting place for creating icons that work well together and fit seamlessly within your designs. 1. Approach Icon Design Holistically Icons fit within graphic systems. In the article Designing an iconic language over at Turbo Milk the author Yegor Gilyov states, "If you need to draw several icons, you need to think over images for the whole set of icons before proceeding with illustrating activities. " 2. You will have different considerations if you're designing an intranet for a small company, rather than for a product that may be sold internationally. Turbo Milk has another great article called 10 Mistakes in Icon Design. 3. 4. Try not to overcomplicate icon designs. 5. 6. 7. Conclusion.