Home Authors Posts by webmaster


0 3367

The owner of the website Konigi is Michael Angeles. He’s a designer and director working at Balsamiq, an independent software company that makes wireframing tools . Konigi is a blog for UX designers.

Graph Paper

This 8.5 x 11 inch graph paper is made for visual designers, interaction designers, and information architects. You’ll find styles for wireframing user interfaces, and story boarding interaction. They tell that it’s also used by animators and filmmakers.


These cyan and gray grid pages are great for sketching, but also work well when producing high fidelity drawings. The boxes and grid lines of the cyan versions are non-photo blue, so you can easily remove them when scanned. The gray works better if you like more prominent grid lines.

Wireframe with Notes

This is a wireframe grid divided into 24 columns with gutters between each column. The grid is especially useful to designers who are working within a CSS framework such as Blueprint, which also divides its grid into 24 units, so setting up common divisions is easy (1/4 + 3/4, 1/3 x 3, 1/3 + 2/3, 1/2 x 2, etc.). 1/4 column divisions are marked along the top of the grid, and 1/3 columns are marked on the bottom. There’s also a 1/2 division on the side, which makes it easy to split the grid into 4 quadrants for plotting values on a 2×2 graph. To the right is a ruled column for adding labels and annotations.

Wireframe with notes cyan Wireframe with notes gray

 Wireframe (Portrait)

The grid in this graph paper is identical to the wireframe paper above, but the notes section is removed to make room for a larger (taller) page schematic. Like the landscape wireframe grid, this one provides 1/4 and 1/3 divisions, but they’re all marked at the top of the grid. Title/project and date areas are provided at the bottom.

Wireframe portrait gray


This is a sheet with 8 grid boxes for doing fast thumbnail sketches or 6-8-5 sketch sheets following Tod Zaki Warfel’s method of doing 6-8 sketches in 5 minutes. Each cell provides a simple grid and a rule below for a title or caption.

8-up paper gray

Storyboard with Notes

This is a storyboard with 6 cells. Each cell provides a simple grid. The area beneath each cell is ruled for notes.

Storyboard with notes gray

Dot Grid

This is a simple dot grid sheet. For best results when printing, set up your printer to print with 0″ margins and do not scale to fit.

Dot Grid gray

Other Tools and articles

Konigi has on his website a lot of other tools, including tools for OmniGrafle. There is also an instruction how to make your own sketchbook from his templates.
visit his site for more information.

Visit Konigi


0 3131

FreePSDFiles.net has released a psd-file (photoshop format) with webbrowser frames. You can use them as a mockup or a wireframe.

Is there more?

Nope…. That’s it. no explanations or any form of documentation. It’s not necessary, the file is self explaining. Various layers hold various versions of the browsers. The browsers which are in the file:

  • Safari
  • Opera
  • IE 8
  • IE 7
  • IE 6
  • Firefox
  • Chrome

you can download the file here:

Web Browser Frames


By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.