About
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, story boarding interaction, and plotting values on a two by two grid. Plus you'll get a basic grid for drafting sitemaps or anything else that might come up.
Scanning
These pages are great for sketching, but also work well when producing high fidelity drawings. The title bar and grid lines are non-photo blue, so you can easily remove them when scanned. The thick black lines for boxes will show in scans and are 2px wide to match the weight of Pentel Sign Pens.
Download
Download all of the PDF files.
You can also buy notepads from the store!
This template is free to use, but may not be distributed without permission. If you like it, a donation is appreciated.
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.). The column units are numbered along the top of the grid. To the right of the grid is a ruled column for adding labels and annotations.
Wireframe (Landscape)
The grid in this graph paper is identical to the wireframe with notes, but the notes section is removed to make room for a wider page schematic.
Wireframe (Portrait)
The grid in this graph paper is identical to the wireframe with notes, but the notes section is removed to make room for a wider page schematic.
Storyboard
This is a storyboard with 4 cells. Each cell provides a simple grid.
Storyboard with Notes
This is a storyboard with 4 cells. Each cell provides a simple grid. The area beneath each cell is ruled for notes.
Basic
This is a basic grid box. Use it for concept diagrams, sitemaps, spectrums, tables, and whatever else you might sketch.
More Grid Tools
To make the most of this system, a designer can complete their process by using other templates and tools that utilize the same grid system, such as grid notepads, an OmniGraffle wireframe template, Adobe Photoshop template, and Adobe Illustrator template.
Comments
06/29/08 09:07
This is excellent, thank you!
07/03/08 05:27
Great - thanks for this!
07/03/08 05:28
Brilliant! These are great!
07/03/08 08:21
[...] Per chi progetta interfacce utente per siti web o cd-rom, sviluppa contenuti per il web o in generale necessita di una base di partenza per la realizzazione di storyboard potrebbe essere utile l’utilizzo dei paper realizzati da Konigi. [...]
07/04/08 16:59
[...] Graph Paper [konigi] EXCERPT: “This graph paper is made for visual designers, interaction designers, and information architects. You’ll find styles for wireframing user interfaces, story boarding interaction, and plotting values on a two by two grid. Plus you’ll get a basic grid for drafting sitemaps or anything else that might come up.” [...]
07/04/08 23:47
reminds me of how thomas pynchon wrote gravitys rainbow on graph paper with a mechanical pencil
07/05/08 04:36
[...] Graph Paper | Made for web designers This graph paper is made for visual designers, interaction designers, and information architects. (tags: layout paper pdf print webdesign) [...]
07/05/08 08:46
[...] Graph Paper | Konigi Carta millimetrata… si sa mai… (tags: layout webdesign webmaster) [...]
07/05/08 13:31
[...] Graph Paper (Plantillas para descargar) - Konigi [...]
07/06/08 00:31
[...] Graph Paper | Konigi (tags: download resource templates ui design pdf) [...]
07/06/08 05:50
[...] come i geometri e gli architetti la usano, ecco delle griglie preparate da Konigi e che a mio parere sono molto utili. Tutto questo per suggerire, a chi non lo [...]
07/06/08 10:25
[...] Carta millimetrata per webdesigner [...]
07/06/08 23:38
[...] Graph Paper This entry was written by Mkl and posted on 6 juillet 2008 at 19:36 and filed under Url. Bookmark the permalink. Follow any comments here with the RSS feed for this post. Post a comment or leave a trackback: Trackback URL. « Hoist the Colors [...]
07/07/08 16:02
Great layout tool! Much appreciated!
07/07/08 18:05
Very useful.Thansk!
07/07/08 18:40
[...] Graph Paper | Konigi (tags: templates design paper webdesign wireframes pdf blueprint) [...]
07/07/08 20:51
[...] Grids for printing - pdf - Konigi [...]
07/08/08 20:57
Really useful, thank you!
07/09/08 21:08
[...] free to browse the archives, but what I liked best was these graph paper templates, because hey, you can never stop using pencil and paper in UI [...]
07/10/08 01:43
[...] Por si se saltean los comentarios, JDiick ha colaborado con un excelente enlace de grillas gráficas para bocetado. [...]
07/11/08 00:31
[...] Graph Paper | Konigi This graph paper is made for visual designers, interaction designers, and information architects. You’ll find styles for wireframing user interfaces, story boarding interaction, and plotting values on a two by two grid. (tags: design paper webdesign wireframes blueprint) Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages. [...]
07/12/08 16:35
[...] Graph Paper | Konigi for grids based design (tags: css design paper templates webdesign) [...]
07/14/08 05:06
This is great, I'm sure to use it!
07/15/08 14:41
Awesome, thanks for the grids!! you rock!
07/16/08 12:42
Sehr nützlich - vielen Dank!
07/17/08 11:50
[...] Link: Graph Paper [...]
07/25/08 07:33
[...] collezione di fogli di carta millimetrata e suddivisa in griglie messa a disposizione sul sito di Konigi. Troverete diversi stili per la creazione delle interfacce utente, per gli storyboard [...]
07/26/08 21:04
Esto es un superpost"!"!!
07/30/08 20:25
[...] Graph Paper | Konigi. Posted in Design | Leave a Comment [...]
08/01/08 17:19
[...] Printable Graph Paper: This is probably my favorite resource to date. The paper is made for visual designers, interaction designers, and information architects who do wire framing and design sketch ups. [...]
08/07/08 20:38
[...] Graph paper For someone with several online notes repositories and TiddlyWikis, I’m still a [...]
08/09/08 15:31
A4 version please!!!!
08/11/08 07:49
[...] Graph Paper | Konigi [...]
08/13/08 08:28
[...] en anglais, mais très simple à comprendre, le site KONIGI propose aux designers 7 “graphiques” de mise en forme à imprimer (format PDF), afin de [...]
08/15/08 21:11
210 mm x 297 mm - old DIN A4 would be nice, too.
Thank you anyway!
08/17/08 15:39
[...] en anglais, mais très simple à comprendre, le site KONIGI propose aux designers 7 “graphiques” de mise en forme à imprimer (format PDF), afin de [...]
08/19/08 19:00
[...] Graph Paper | Konigi Several graph paper designs suitble for your next storyboard or "on paper" design session. (tags: resources tools layout) SHARETHIS.addEntry({ title: "links for 2008-08-19", url: "http://michaelwender.com/2008/08/19/links-for-2008-08-19/" }); This entry was written by Michael, posted on August 19, 2008 at 2:58 pm, filed under Links. Bookmark the permalink. Follow any comments here with the RSS feed for this post. Post a comment or leave a trackback: Trackback URL. « links for 2008-08-18 [...]
08/30/08 07:29
I never fail to be amazed by people like you that give so much back to the community. Thank you very much.
09/03/08 14:15
[...] Konigi - Specifically for web designers, information architects, and other visual designers, Konigi features high-quality graph papers in a variety of formats complete with title bars and non-photo blue so you can easily remove your guides when scanning. [...]
09/06/08 16:33
[...] Graph Paper | Konigi (tags: webdesign ui grid) [...]
09/07/08 16:21
[...] en anglais, mais très simple à comprendre, le site KONIGI propose aux designers 7 “graphiques” de mise en forme à imprimer (format PDF), afin de [...]
09/10/08 23:00
Those are amazing. I was looking for them to use in my newly coding template. I think we can do some amazing artwork with them.
09/14/08 20:01
Nice, thanks!
09/16/08 20:13
[...] KONGIのGraph Paper使いようによってはいろいろな使い道が出来そうですね。 WEBデザインのデザイン案とか、フライヤーデザインのラフ絵を書いたりなど。 KONGI-Graph Paper [...]
09/17/08 10:56
Really very nice.
09/17/08 18:49
[...] por isso por disponível para download num único ficheiro, com todos os tipos de papel (360KB) ou individualmente consoante as suas necessidades. Não deixe de ir consultando regularmente a secção [...]
09/20/08 23:37
[...] Free downloadable graph paper for wireframing and storyboarding. [...]
09/25/08 18:29
[...] can find the free printable storyboard graph papers in the tools section. Notepads are on sale here. URL konigi.com/ [...]
09/26/08 06:41
Thank you so much. its tremendous and cool.
09/29/08 00:35
[...] blue). For more ways to put your printer to good use, see our top 10 printable productivity tools. Graph Paper [Konigi via Evil Mad [...]
Post new comment