Anything that can make the design process any faster and even help you skip unnecessary steps is worth trying out.
Last week, I showcased some nice graphical UI (user interface) elements to speed up mockup work.
This week: some nice resources to help you wireframe a site layout and work with UI elements.
This is where I downloaded my 1st set of graph paper for sketching page layouts. Now the collection has gotten even bigger.
Here are just a few of the resources:
- Printable Graph Paper (7 styles and layouts)
- Printable Wireframe Magnets (DIY Kit)
- Illustrator Template for Blueprint Comps
- Photoshop Template for Blueprint Comps
- Wireframe Icons (EPS, PNG)
The 960 Grid System has a great set of templates for working with and designing for the framework during each step:
- Sketching (graph paper / sketch sheets)
- Mockup and design (Photoshop, Illustrator, Fireworks, InDesign, Inkscape, OmniGaffle and Visio templates)
Since you’re working with graph paper provided by the framework designers, it makes transfering your wireframes to your favorite graphics program a lot faster.
Not to leave out mobile devices, the Boulevart Group has released sets of printable sketch paper for mobile phones: iPhone and Nokia N95.
The sketch paper comes in 12 styles with the phone body (with or without browser chrome) in both portrait and landscape views, along with room and lines for notes.
The sketch paper is available in PDF or Photoshop CS3 format.
I know there are a ton of other resources for UI, wireframing and layout design. Share your favorites with us in the comments.