Blog: Secrets from the Chef

Stitcher iPhone Application

Dmitri JoukovAuthor: Dmitri Joukov
23 September 2008

Stitcher iPhone ApplicationOur good friends from d.workz approached us for help in creating an interface for their Stitcher version for the iPhone. The work demanded the best.

Apple does whatever it takes so that the coders could not screw things up with their bare hands. In the process of designing applications for the iPhone this ideology reached its peak. First, they wrote a humongous manual for designing interfaces. Secondly, all additional typified effects were no longer a designer’s concern – everything was automated. Our work seemed to have simplified but the overall tension just grew. “We’ll draw and then what? What if we do something wrong?” — we worried.

Tab bar

It all started with the tab bar icons. The tab bar is a dark stripe with bright icons in the bottom of the screen. Icons here are used to select the current section. Sometimes when a section is selected, icons become caramel-blue. Fortunately this was not one of our worries. All we had to do is to make white PNGs with transparency. The task was complicated by the fact that two sections out of five demanded standard Apple’s icons. So we had to do the remaining three:

  1. Settings;
  2. Topics;
  3. Sources

The work with the last two went smoothly but the gear did not come out as easy. It was partially our fault. We should have drawn an Apple-friendly gear in the first place but instead we went with something resembling a sailing steering wheel.

Steering wheel

We finally did it! The icons joined the bunch as the rightful cousins.

iPhone icons

Besides, we had to create the application icon based on the logo. The iPhone icons are such squares with rounded corners featuring a glossy flare and a pretty modest shade. All of this, including the corners is done automatically. All we had to do was to produce a fancy 57 by 57 pixels picture.


The client persisted with creating something more 3D than the existing logo. His wish was our command. The portable radio from the original logo gained some volume and sound waves radiating in all directions.

When we thought it was all over, we found out that a huge (512×512 pixels) picture was required for the Appstore. So we had to redraw the picture to increase the level of detail.


Although being a bit late for the show, our debut in designing for the iPhone turned out to be successful. Check out the Appstore for your free version of Stitcher.

Result Result

Related entries

Terms of Use

These materials can be used for any purposes with obligatory indication of the author.

Leave a comment

You can log in with your twitter or facebook accounts. After authorisation on one of this sites, you'll be able to leave comments here.

Connect with Facebook

If you have an OpenID (for example, use it to authorise.

Log in with your Turbomilk account or register a new one.