09 Jun
   Filed Under: Apple, Design, Goodies, Icon Design, Personal Work   

I’ve updated the iPhone / iPad icon PSD I released not too long ago with some fixes and a 114×114 pixel icon template for designing icons for Apple’s hottest new device.

Download it here. I cannot be held responsible for inaccuracies, flaws and errors in this this PSD I might have overlooked, but if you notice anything please let me know in the comments.

Again, if you appreciate it, tweet this to help your fellow designers and developers make nicer icons for iPhone 4 (and beyond).

13 Mar
   Filed Under: Commercial Work, Design, Icon Design, iPhone   

A while ago Buck Wilson, the designer in a small team of Portland-bound guys, contacted me about icon design for Here, File File!, an iPhone app that lets you connect back to your Mac from anywhere and read, view, and stream your files. As opposed to the popular Dropbox and iDisk apps, it allows full access to all the files on your Mac, instead of just a few hand-picked ones.

I happily started working for them to make a kick-ass icon. There was an additional challenge as multiple icons were required: a Mac icon, a menubar icon, and an iPhone icon, which required a metaphorical connection between all of them. Buck mentioned they had an idea for using a doghouse for the Mac app and a dog with files on the iPhone, but I recommended against using animal motifs. Not only do we have the classic divide between ‘dog people’ and ‘cat people’ to worry about; animal motifs are just not very suitable in iPhone icons.

Continue reading…

01 Feb
   Filed Under: Goodies, Icon Design, iPad, iPhone   

Update: Get the updated version.

As there’s a tendency lately to release lots of (often less-than-pixel-accurate) PSD templates of iPad UI elements, I’ve decided to work with my good friend, Sean Patrick O‘Brien to create a PSD based off the exact overlays, outlines, and masks the iPhone and iPad OS use to mask icons.

This lets you preview the pre-supplied gloss, or modify it. It’s made up entirely of shape layers and layer effects and should be completely pixel-accurate. If you use it, credit is welcome — it’s not required, though.

I’d appreciate it if you let others know about the PSD if you grab it. Tweet this or blog it. Thank you!

iPhone Resource will obviously have templates like this with actual sample icons (and some recreated Apple icons) once it’s out. Consider this a small goodie until iPhone Resource and Composition is out (yes, the latter is in development, but it’ll take much longer than expected).

25 Jan

In August last year, I decided to hold a limited sale period for Icon Resource, since I was about to upgrade it with new content for existing members. I like giving people free upgrades whenever possible: Icon Resource was always meant to be an ongoing project, and it still is. However, it’s taking longer than expected to roll out the new websites. It’ll certainly be worth the wait, though!

Here’s a brief a look at the new Icon Resource – and its new brother, iPhone Resource. There’s something new for previous and new members in the works, but I’m not ready to release it yet. This only means that there’ll be that much more content for you if you’re a member: two entirely new courses on Mac / Windows icon design, including intermediate and advanced techniques.

iPhone Resource, a separate and new set of courses, focuses on making amazing iPhone icons and interfaces. It’s shorter and more concise than its big brother, but from what I’ve seen in the App Store, it’s certainly sorely needed.

You will also get a brand new member area, where you can watch course videos, review lessons and download files. An iPhone application is also in the works, but I can’t tell much about that yet. It’ll be released a bit later than the actual upgrade.

Much design love went into this new version, and all pages have been redesigned from the ground up. The new login page went through over a hundred iterations. Click on the image to view it at full size on Flickr.

I expect to roll out the entire new Icon Resource upgrade in late February or March. As an existing member, you will be notified by email (and only this time! I hate newsletter spam) when the new content arrives. The price will remain unchanged.

17 Dec
   Filed Under: News, Software Releases   

I featured Billings on my blog before, and it’s still my one and only application for time-tracking, invoicing, and pretty much everything in my workflow that isn’t about designing. When Alykhan Jetha of Marketcircle contacted me to join the beta of their iPhone companion application, I jumped at the opportunity. Now I can proudly display the first public images of this amazingly well-designed iPhone app, which will be available soon.

As a disclaimer: I did not design any aspect of Billings Touch.

Billings-Touch-Icon

As you can see, it has a sharp icon that resembles its desktop counterpart. Upon opening the app, you are greeted by its gorgeous main screen.

Billings Touch Main screen

I can’t divulge much about it yet, but the app does pretty much everything I ever dreamed of having in my pocket for my on-the-go demands. I’ve even come to use its timer as a punch clock next to my computer so I can even more effortlessly pause or resume my time tracking when I go off to brew a nice cappuccino.

Billings Touch Timer

In short: the app syncs with your Mac database of Billings (and vice-versa, new slips and invoices you created and tick off on your iPhone get synced back to your Mac over the air), and every single nook and cranny is wonderfully designed, as I’ve come to expect from Marketcircle.

It also works great without the desktop app: as a standalone app, it’s already a very powerful set of tools to add to your workflow. You can follow Marketcircle or me on twitter if you want to know when Billings Touch hits the App Store.

12 Dec

Warships, a game designed by me and developed by the Canadian Edovia is now available on the App Store. It’s a great, simple game of naval conflict, and I had a lot of fun designing it. You should get it (while it’s still a mere $1!) here.

warships-the-game

However, I won’t be doing a lengthy post on its design process this time around. Instead, I made a video in which I tell you a bit about the process and show off some timelapses of the game graphics and icon. Consider this an experiment, and let me know what you think!

Viewing in HD at Vimeo is recommended!