Sketchbooks of a Web Developer

Brad Reiken — Wed, 17 Mar 2010 03:59:28 +0000

Before any tangible designs are made, any experienced designer should know that the first thing you do before any sort of web development project is map out a rough sketch first. Although most sketching is done on blank paper, many developers have now started using sketch templates for their web applications. This is definitely the most productive and organized way to start probably one of the most important phase of the application design process. Below are resources and templates to download or print off for designing your next great project! Enjoy reading and share this post!

Templates for Print

These are some good print-your-own sketch templates for web design.

Printable Sketch Templates for Web Design Browser (Chrome) Sketch Pad by UI Stencils

960 Grid System Template by Nathan Smith

960 Sketch PDF template

Grid paper by Konigi

Paper Browser by Rain Creative Lab

MBTI sketching paper for ideation by Concept7

Sketching grid paper by Concept7

6 pages template by nunile

6 pages PDF template

Paper wireframe templates by Jason Robb

Sketchboards by adaptive path

Wireframe template by Alfonso Bozzelli

PDF wireframe template

Sketchbooks

You can actually order some of these sketchbooks online if you prefer that. Check these ones out:

Browser Sketch Pad by UI Stencils

8.5 X 11 Inches
50 Sheets in a pad
70 lb Paper
Chip board back

Wireframe Graph Paper Notepad by Konigi

50 sheets
8 1/2 x 11 inches on white opaque vellum paper

Storyboard Notepad by Konigi

50 sheets
8 1/2 x 11 inches on white opaque vellum paper

Dot Grid Book by Behance

Semi-Hard Suede-touch Cover
9 x 10.5 Inches
50 pages, 80lb Premium Blend Paper
Double spiral (black)

Via GEEKCHIX.ORG

Edit: Thanks Amanda for her suggestion App Sketchbook

App Sketchbook

3 real-size iPhone® templates per page
Pixel (20px) ruler and title bar markings
Ruled section for your development notes
50 Double-sided pages

I hope you find these templates useful to better your design and development process and if you have any additional resources you would like to share, please do leave a comment so I can add them to this list!

Rocking Shell Chair Concept

Brad Reiken — Mon, 10 Aug 2009 12:12:36 +0000

Rocking chairs are often associated with seniority and grandmas. Things are about to change. Recently I have come across an innovative and modern rocking chair design that will blow your mind. Designed by Novague Design Studio, the Rocking Shell Chair redefines modern furniture. Say hello to rocking chair 2.0

The first thing you notice about this chair is its ergonomic streamline design. But what’s really special about this particular rocking chair is that it is fitted with a dynamo that provides enough electricity for a LED lamp specially designed for reading. In other words, this chair is completely power independent and movement from rocking the chair can generate sufficient power for reading or whatever you’re doing.

(Image courtesy of Novague Design Studio)

Rocking Shell Chair by Novague Design Studio. You can check out more of their works at http://www.novague.com/

LOOKS GOOD Design Magazine » Brad Reiken