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.
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.
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.
I’ve recently landed a project for a user interface design of an iPhone application. I can’t say too much about it at the moment, but have started the project off with some research on some nature inspired iPhone/iPad icons.
Using one of my favourite sites, Dribbble, I found the following icons. One or two of them aren’t actually icons, but are still serving as some awesome inspiration. Enjoy!
I created these Apple iPod Vectors purely for fun a few weeks back – I have no use for them whatsoever for a commercial project, so I thought I’d share them with you guys. They could be used in several different ways, such as display portfolio work in your portfolio, or simply to create an awesome poster. You can look at how many other designers have used iPhones in Web Design in one of my latest posts (‘Showcase of Apple iPhones in Modern Web Design‘) to wake the imagination tucked up away in you.
You can use the vectors for virtually anything you want, personal or commercial, and absolutely no attribution (a link back to me) is required!
The pack contains 1 Illustrator (.Ai) file, which includes:
I love web design, and I love Apple products – virtually all of them. So what better than combining the two together? Below you will find a great collection of over 25 creative examples of Apple iPhones in Modern Web Design. The showcase presents a selection of portfolios, application developers and software websites.