ui-wireframing-resources-hd

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.

Konigi

Konigi has a big collection of tools and printable resources.

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:

960 Grid System
960-grid-templates

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.

Sketch Paper For Mobile Design
nokia-mobile-sketch-paper

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.

Share

I know there are a ton of other resources for UI, wireframing and layout design. Share your favorites with us in the comments.

Similar Posts: