background preloader


Facebook Twitter

50 Excellent Icon Design Tutorials. Icons are essential in any graphical user interface.

50 Excellent Icon Design Tutorials

They are effective visual cues for performing tasks or navigating to a certain location. There are many resources online that can help and inspire you in your own icon designs and – in this collection – we share some of the best tutorials on the topic. In this article, you’ll find a wide selection of tutorials and resources to help you learn about designing icons. 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.

How to Create an iPhone Icon: Full Workflow

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 Cute Little Factory is the only blog whose tutorials feature soundtracks. The sketch Every iPhone icon sits inside a rounded square. Before you start sketcing you must collect photographic reference. I think it works. Step 1: the iTunes artwork. 7 Principles of Effective Icon Design. Before approaching icon design, there are some guidelines and principles that are worth studying.

7 Principles of Effective Icon Design

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. "