Screenleap is a free service that lets you share your screen from any device with a browser, including tablets and smartphones. No software downloads, installs, or sign ups are required. May come in handy for people doing customer support or testing sessions where participant software installation could be an issue.
This is a guide for binding your own sketchbooks. I offer it to you designers, developers, makers, and tinkerers out there who are looking for a way to physically connect to your practice of designing interfaces, or who maybe just want a fun and practical way to get your hands dirty.
I started making my own sketchbooks and pads a few years ago. At the time there weren't many options for interface sketching and storyboarding.
I began buying different types of notebooks, researching simple bookbinding, taking classes, and prototyping. I wound up liking wirebound books best. You can see pictures of some of the notebooks I made and some of the interface design sketchbooks I later sold via this site and Amazon.
The project to sell the sketchbooks was a great learning experience—one I would highly recommend. I wanted to go through the steps of learning to design something physical, figure out how to get it produced, and learn about the logistics of selling and fulfilling.
It was a great experience, and a lot of people put up with the progressive quality improvements in each phase.
After a few years making and selling my sketchbooks, I stopped. I've had many requests to stock them again, but in the end the time and effort to devote to this business of designing and selling atoms, and improving the product costs more to me than I have to give. I've decided to just tell you how I make mine and give you the printable sheets, links to resources, and the steps to make your own.
The easiest method for binding your own sketchbooks would be to take paper (either plain white, or printable graphpaper) to your local copy shop and have them wirebind your pages together. The suggestions below might help if you want to invest in a binding machine and do it yourself like I do.
I use a wire binding machine to do all of my own personal sketchbooks, using the double-ring style binding closure, also called wire-o or twin-loop. I prefer this style of binding because it lays flat, and the cover can be folded back on itself to make it easy to keep a small book on your lap or desk.
The machine in the pictures on the top right of this page is the Akiles Wiremac Duo. It's not inexpensive, but it gave me the most flexibility when it came to binding both large and small books. It's heavy and has a 16" x 17" footprint, but it's made to work hard and last a long time. I've bound hundreds of books with this one and it still works like new.
At the lowest end is an inexpensive little craft product called the Bind it All that makes mini-wirebound books, but you can also shift the paper along the binder to bind bigger books.
Decide on the kind of sketchbook you're going to make.
Here are some things to figure out.
Shop around. There may be more affordable sources out there than what I've used.
This tutorial shows you exactly how I bind books with the wire-binding machine. What you end up doing will depend on the machine you choose, but the steps should be about the same.
Measure stack of paper, front cover and back cover against the binder's coil guide. This will tell you what size coil to use. I typically create 50-60 page notebooks with a 3/4" 2:1 coil.
Hang your coils on the coil holder on the front of the binder.
Punch envelope first and place with front of envelope facing forward.
Punch paper in sets and place on coils, repeat until all placed.
Punch front cover and place on coils, with front of cover facing forward.
Punch back cover and place on coils, with inside facing forward.
Cut coils to end of book edge.
Pull the stack off of the binder, and rest with open coil side down on the coil squeezer. Pull lever to close coils.
Flip over the back cover. You'll notice that because you hung the envelope and paper first, the inwardly-turned part of the coil should keep paper from sliding out of the rings.
Create a cardboard rig to place your eyelets evenly on the back and use a clamp or bulldog clips to hold the cover and jig together. Use your punch and mallet to punch two holes at the corners about 1" in from each side. The wooden mallet works well with a small anvil.
Cut 1/4" elastic bands. I measure to the length of the edge of book that will be wrapped and add 2-3 inches for the books above. Thread the elastic through your holes and leave 1/2" hanging on the inside. Push the eyelets through the holes, outside facing the back.
Use your eyelet crimping tool to snap closed the open end and fasten the elastic to the back cover. Make sure you're using the right end of the eyelet tool or else they won't close properly and cleanly. You can now cut that excess 1/2" of elastic from the inside back cover.
Big costly binders aren't your only option. At right are pics of books I've bound with a DIY disk-binding system. They have sort of a cult following among notebook and journal obsessives because of their versatility.
Disk systems let you punch small mushroom shaped holes in your paper that you slide into disks (some people call these Smurf binders because of the shape). This lets you easily remove and replace pages in your books. Nice, right?
To the right are a few vendors that sell disk binding systems.
Makes personal and office-sized punches, and sells paper and covers for their system.
Sells personal punches and paper for the Rollabind system, rebranded under the Circa name.
A disk-binding system made and fulfilled by a company in Europe.
The big box retailer now sells it's own inexpensive disk system.
Sketchpads are made by gluing stacks of paper that on one end. To make sketchpads, you'll need a padding press, paper, chipboard, and padding compound. These are easily obtained from office and binding supply stores.
Tim Liston pointed me to an inexpensive wooden binder called the Pad Magic Paper Padding Press that looks decent for DIYers doing small runs. The free printable graphpaper sheets on this site are perfect for this.
Enjoy! Have fun making your sketchbooks! A donation keeps me wired and makin' stuff like this.
Usabilla Discover is like a mashup of Pinterest and LittleBigDetails, or maybe it’s a social LittleSnapper. Whatever the pitch, it’s pretty useful to share screenshots of interface and visual designs you like. Now to figure out how to get my over 2,000 screenshots into it.
Note: To get in during the beta, sign up here with code "KONIGI", good for the first 200 who use the code.
Mr Tappy is a kit for filming mobile phones, tablet computers and handheld devices from the user’s point of view. Looks like a great alternative to setting up your own DIY rig, and costs $289.
Originally designed by Nick Bowmast as a filming rig for iPad usability testing, Mr Tappy lets you capture or share user interaction with mobile devices during user experience research, product demonstrations or classroom presentations. Attach your webcam and any type of mobile device, set the camera height and angle, and record.
The team at Viget have created a free OmniGraffle stencil for designing interfaces with Twitter Bootstrap.
Need a holiday card for your nerdy design team. Then look no further, and don’t let your Christmas procrastination get you down.
These postcard-sized Christmas wireframes were lovingly crafted in OmniGraffle. You can download the .graffle file to customize it and send around some holiday cheer or whatever. Santa suit up, nerds!
Using InstaCSS is a much easier way to look up CSS docs than Googling. Enter a CSS property in the search box, and the panel below dynamically shows matching properties. Simple. If you’re a Mac user, it seems to me like it would be useful tucked into a Fluid menu item like this.