-
My Favorite Wire-framing Kits
The most exciting part of making an app is the beginning of it. Seriously, thinking of an idea and being able to start on it right away with all the excitement and rush you get is probably the best part. Unfortunately, if you act on the idea right away, you’re more likely to mess things up somewhere in the app. Why not visualize it first? Sure, thinking of it in your head works, but what if you need something a bit more than just thoughts? That’s where wire-framing can help you.
Wire-framing isn’t hard, it just takes a few extra hours at most. Wire-framing involves taking your idea and putting it down on paper (or screen). There is a huge variety on the software you can use to wire frame, but my favorite is Photoshop. You can find lots of resources online for wire-framing via Photoshop, and if you already know how to work with Photoshop, it only gets easier.
The following kits are the ones I use the most often. These are great to show a client what their project will end up looking like or just so that you can better visualize your personal projects.Mobile Development
iPhone GUI
This is super popular. They took every element available in the OS and put it down neatly on a PSD for you to use. It includes Retina Display support and is extremely well labeled. If you’re making an iPhone app, it’s foolish not to use this for wire-framing.
Android GUI
If you’re making an Android app, this is the one you’re looking for.
iPad GUI
If you’re making an iPad app, this is the kit you’re looking for. If you don’t find an element you’re looking for, you can still use the iPhone GUI. After all, it is the same OS.Web Development
Facebook GUI
Making a Facebook app? This one is absolutely awesome. It includes all of the popular Facebook elements.
Web Elements
Need to find radio buttons and form elements to draw out your web app? This kit includes all of the popular form elements both in Windows and OSX fashion.
