iPhone UI Sketchpad

So originally I planned on this site being more dedicated to my photographic endeavors, however I haven’t been shooting much lately. In fact, The last time I shot was back in August. I haven’t had much time to shoot since then, but I’ve been keeping busy with other stuff. Lately, as a sort-of work-related thing, I’ve been increasingly interested in iOS app development. As a result, In the last few days I purchased a 13″ MacBook Air and a bunch of books to try and get me back into programming, something that I haven’t done in years (I used to do a little C++, visualbasic [lol], but mostly I was interested in web languages like PHP/MySQL, CSS, and a little ASP/Java/AJAX). I’d been interested in doing some iOS development for a while, but the lack of a usable mac machine (my older macbook and mac mini don’t quite work anymore) meant I never really followed through. No more excuses, I guess.

Anyway, On to the point of this post — I’ve always been a fan of aesthetics. And we all know Apple products and (most? some?) applications are beautifully designed and (mostly) well-integrated. Much of that is attributed to the way we interact with the apps on our phones. Without a well-thought out UI, the application probably isn’t going to do well due to frustration by its users.

I noticed that there are a lot of PSD files for UI designed floating around the web, which is great — but sometimes, especially with a new project, a new idea, or when meeting with a client, you don’t usually have time to draft up a pixel-perfect UI solution. As a result, there are things out there like uistencils which are awesome — a quick way to draft up a UI design with good ‘ol pencil and paper.

A little while ago, I was in charge of crating promotinal materials for a work-related event — the theme of the event was “stay connected”, and much of the promotional materials I designed were centered around social media, and more importantly the iPhone as a backdrop for much of the flyers/postcards, etc. Since I’ve started developing apps for the iPhone I thought that the iPhone template I’d created for that event would come in handy for designing UIs, so I decided to dig around and find the Illustrator file and spit out a PDF that you can print and use to design your own UI’s /App views.

Below You’ll find 2 versions — one with the status bar, and one without, to help you design your “immersive” apps. Enjoy!

bgateb – iPhoneUI Sketchpad

bgateb – iPhone UI Sketchpad – Immersive

And if you’re at all interested in the books i’ve picked up to learn a little Objective-C/Cocoa Touch for iOS Development, check out the books below — they’ve all got great reviews:

  • [amazon_link id=”1449387829″ target=”_blank” container=”” container_class=”” ]Head First iPhone and iPad Development: A Learner’s Guide to Creating Objective-C Applications for the iPhone and iPad[/amazon_link]
  • [amazon_link id=”0321706242″ target=”_blank” container=”” container_class=”” ]iPhone Programming: The Big Nerd Ranch Guide[/amazon_link]
  • [amazon_link id=”143023024X” target=”_blank” container=”” container_class=”” ]Beginning iPhone 4 Development: Exploring the iOS SDK[/amazon_link]
  • [amazon_link id=”1935182536″ target=”_blank” container=”” container_class=”” ]Objective-C Fundamentals[/amazon_link]

About Bryan

Bryan Gateb is a Southern-California based photographer.