Tag Archives: iphone

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!

Nature Inspired iPhone & iPad App Icons

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!

Nature iPhone Icons

Free Apple iPod Vector Pack (Shuffle, Nano, Classic and Touch)

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.

Apple iPod Vector Pack

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:

  • An iPod Shuffle
  • An iPod Nano
  • An iPod Classic
  • An iPod Touch

iPod Shuffle Vector

iPod Nano Vector

iPod Classic Vector

iPod Touch Vector


DOWNLOAD THE APPLE IPOD VECTOR PACK NOW!

Whether you are interested in cissp or want to get mcitp and itil certification to support your IT career, proper training is crucial to take on such high tech certification exam.

Showcase of Apple iPhones used in Modern Web Design

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.

The Alchemist Lab

The Alchemist Lab

Awesome Note

Awesome Note

Bird Brain

Bird Brain

Color Stream

Color Stream

Convertbot & Weightbot

Convertbot & Weightbot

Daylite Touch

Daylite Touch

Dropbox iPhone

TITLE

Ecoki Reader

Ecoki Reader

Feed Me

Feed Me

Firetask

Firetask


 

Inquisitor X

Inquisitor X

iShots App

iShots App

Keypoint App

Keypoint App

Littlesnapper iPhone

Littlesnapper iPhone

Making of Barbeque

Making of Barbeque

Pennies

Pennies


 

Ramp Champ

Ramp Champ

Shows

Shows

SimplyTweet

SimplyTweet

Snow Reports

Snow Reports

Sportsbook

Sportsbook

Things

Things

Trivia Wars

TITLE

Wallet

Wallet

Weightbot

Weightbot

You Know Who Design

You Know Who Design

What’s your favourite website that uses an iPhone, or another Apple product, in its design? Share your thoughts below, and promote this post if you enjoyed it!

Pass your N10-004 certification exam with highest score using 70-640 practice questions and 646-204 mock test.