Tag Archives: sketching

iOS Icons: Sketch to Design

When a user first comes across a new mobile app one of the first things they will notice is its icon. It’s the tiny picture that gives an intuitive graphical representation of the function the app will perform and visually explains what a user can expect from it. Icons need to work hard to communicate all of this information, especially when you consider the limited space that’s available to play with. What’s more, different operating systems all impose different specifications. This means that the quality, scale and shape of the icon may vary depending on whether it’s being viewed on a desktop computer, an iPhone, iPad or other mobile device. To cope with these demands some designers prefer to keep their icons as simple and minimalist as possible, whereas others will push the boundaries of small-scale creativity to the max. Either way, the icon design process is one that inevitably keeps designers on their toes. Here is a collection of creative iOS icon sketches plus their finished version, a behind-the-scenes sneak-peak at the first and final stages of the creative process.

Working on grid paper will enable you to make sure you’re artwork is to scale and stays within the appropriate dimensions. It’s amazing how much personality is imagined in the first sketch and then brilliantly brought to life in the completed version.

Continue reading

iPhone sketching template – ready to print!

Earlier on today I was looking for an iPhone sketching pad to sketch my user interface ideas and wireframes on. After searching I found some great ones, but none of which were in the UK, and due to a current project I have on I can’t wait 2-3 weeks for them to turn up.

I fell back on to looking for templates I could print in the office. Although I have found several, most of them have huge iPhone borders (which are completely unneeded and just waste space) or only have 1-2 per page.

iPhone Sketching Template

Although I didn’t have much time, I opened up AI, and rushing like a maniac managed to produce some simple iPhone screens with grids ready to print at home. I thought I a) may as well share them with you in case you need something similar and b) may as well upload them here anyway so that I can easily find them again when I need to do more sketching instead of hunting through my resource box (my external HDD) which now has over 10,000 textures, icons etc.

The template is A4, and has 8 screens per page. Download and enjoy!