Buy my Books!


The Sketchnote Workbook is a fully-illustrated book and video, showing how to use sketchnotes in new ways, along with advanced tips and techniques.
Learn about and buy the book →
Download a FREE chapter →
Watch a FREE video sample →


The Sketchnote Handbook is a fully-illustrated book and video, designed to teach regular people how to create sketchnotes.
Learn about and buy the book →
Download a FREE chapter →

Mike Rohde (Color - Square)

ROHDESIGN is the website of designer Mike Rohde, who writes on design, sketching, drawing, sketchnotes, technology, travel, cycling, books & coffee.
Read more about Mike →

SIGN UP! Get the Rohdesign Newsletter.

Entries in Sketchnotes (78)

Friday
Mar202009

SXSW Interactive 2009 Sketchnotes

SXSWi 2009: Sketchnotes: First Spread

SXSW Interactive 2009 Sketchnotes are Posted!


I've just finished processing and posting 70 pages of sketchnotes from SXSW Interactive 2009 on Flickr.

This year I doubled the amount of pages I was able to capture to 70, up from 34 pages of sketchnotes in 2008. Having done more sketchnotes since last year helped as did my position of official SXSWi sketchnoter.

Here's the FlickrSlidr set:


Created with Admarket's flickrSLiDR.

3354115163_1889ddb253.jpg

Photo: Derek Dysart

Thanks to Hugh Forrest and Shawn O'Keefe for giving me the opportunity to live sketchnote this year's festival and design the tote bag.

Another Great SXSW Interactive


I had a great time at SXSW Interactive again this year. I met many new people, bowled with friends at the Avalonstar Bowling Extravaganza, wandered the streets of Austin, Texas and received great feedback on my SXSWi '09 Tote Bag Design.

I also had the opportunity to perform live sketchnoting at the 9th annual 20x2. The organizers of 20x2 invited 20 people to interpret the question "What's it gonna take?" so I chose to sketchnote my answer live on stage. Here's the video of my performance (watch it in HD on Vimeo):


20x2 Live Sketchnoting from Mike Rohde on Vimeo.

3362805681_d189191497.jpg

Photo: Derek Dysart

Flickr-Stats-Sketchnotes-09.png

I'm already looking forward to SXSW Interactive 2010! :-)

Related Links
SXSW Interactive 2009 Sketchnotes
SXSW Interactive 2009 Tote Bag Design
Austin Kleon's SXSW 2009 Drawings
SXSW Interactive 2008 Sketchnotes

Sunday
Mar012009

SXSW Interactive '09 Tote Bag Design

In October 2008, I was honored when Shawn O'Keefe and the SXSW team asked me to design the 2009 SXSW Interactive canvas tote bag.

I know from my last year at SXSW Interactive that 8,000+ tote bags are given out to SXSW Interactive registrants — so I was driven to come up with an unique design.

In this post I'll explain the tote bag design process, including some of the challenges we faced through that process and how we came up with a winning solution.

Initial Specs and Feedback

In the initial briefing for the tote bag design project, Shawn had a few specs for the bag and a sense of the general direction the team at SXSW wanted to go in for the design. For specs, I had a 10" x 10" space and up to 7 colors to work with.

The SXSW team also mentioned that the past two bag designs had been hand-drawn in a cartoon style, with mostly darker colors. For the 2009 design they wanted something brighter and less cartoon oriented.

For creative direction, the SXSW team wanted to represent the most common tags generated by the Interactive Panel Picker in a creative way. Shawn shared a Wordle word cloud type treatment as a reference, using some of the tags they were seeing:

Sketches

I wanted to explore some alternate ideas for Shawn to see, so I began by sketching pencil concepts in my trusty Miquelrius gridded sketchbook. I find this is a critical step to working out ideas. It's clear enough that clients can see direction, but open enough that there is still room for adjustment and iteration.

Concept Sketch v1

In the first round, I created a network tree, with SXSW 09 text at the center of the tree with panel picker tags branching out from the center to fill the space:

The SXSW team felt the very structured network idea was a bit too rigid. They wanted the design to have a more random, organic feel than a network structure could offer.

Concept Sketch v2

In my second sketch, you'll see I've returned to the general idea of a tag cloud, but making better use of the square shape I had to work with.

The upper sketch uses actual tags to form an arrow pointing to the SXSW tag in the lower right corner. The lower sketch features four arrows created with tags, point to the 4 corners that spell out S X S W:

We liked the second round of sketches, especially the idea with the single arrow pointing to SXSW in the lower right-hand corner of the design.

Black & White Concepts

At this point I moved to Adobe Illustrator on the Mac to build the tag cloud in black & white with real fonts, to see how actual tags would look in place:

This direction was good — the sizing of the letters, positioning and overall shape felt right. In fact, when I showed this to my friend Brian Artka, it reminded him of the state of Texas. I hadn't intended this, but I really liked the serendipity of it.

Shawn and the SXSW team wanted to see the arrow tags and SXSW pointing to the lower left, so I created a second version, emphasizing the Texas shape a bit more:

Notice the circle-star and AUSTIN text in the middle of the type treatment? I added it once the shape was tweaked to look more like Texas.

Color Concepts

With the structure worked out in black & white, it was time to explore color. I started adding colors to the tags, balancing their placement across the cloud. Then mocked up the color concept on a blank canvas tote bag photo for review:

The brightness of the design was great, but it needed something to separate the tag cloud from the canvas color. I used the type to create a halftone-edged shape in Photoshop, which formed the white shape under the typography in v2:

Facing & Solving Challenges

This design was shaping up! The tag cloud was working well, color was bright and cheerful and the overall feel was mostly positive. But there was a problem — the design was a bit too crisp and mechanical.

The SXSW team wanted a design that was more organic, and even though initially they didn't want another hand-drawn bag design, we started talking about using the Sketchnote style they really loved, mixed in with regular typography.

I replaced some of the tags in the cloud with hand-drawn sketchnote lettering:

It still wasn't noticeable enough, since the crisp typography dominated the design. The hand-drawn words were getting lost in the mix, and looked more like bad reproduction than intentionally hand-drawn typography.

Next I traced the bottom half of the tags in a sketchnote style, scanned and auto-traced the letters using Vector Magic (a wonderful service BTW).

I wanted show a transformation from sketchnote letters to real type — but it still felt wrong. It was too loose for actual type and too mechanical for hand-drawn type:

I was stumped, trying too hard to sneak organic hand-drawn letters into the type.

The Solution: Raw Sketchnote Typography

After a good discussion with Shawn about direction, we decided to shift radically and completely to a sketchnote style for the tag cloud typography. I changed my production method, using actual scans of the sketchnote type, rather than tracing the scans into vectors. The raw scans were much more human and organic:

Yes! This was what we were aiming for! Shawn and the SXSW team liked the new sketchnote direction and I did as well. I had my personality baked in and felt unified and organic — something we didn't feel with the clean typographic approach.

With the design approved, I finalized my Photoshop artwork for printing, and sent it to the SXSW team for production. That was November 17th, because printing 8,000+ canvas tote bags with 7 colors needed lots of lead time. :-)

Final Tote Bags

It was mid-February when Shawn sent word that the bags were back from production. He grabbed a camera and took a few shots of the bag design, so I could see how they turned out and for this blog post:

After having a few months away from the design, the human touch in the sketchnote lettering really feels right for this bag design. I'm very happy with how it's turned out.

I'm hoping attendees to SXSW Interactive for 2009 will enjoy the bags and the design. I'm honored knowing that these bags will be used for years to come, reminding SXSW attendees of their great experience in Austin.

Thank You

Thanks go to Shawn O'Keefe, Hugh Forrest and the entire SXSW team for choosing me to design the tote bag for 2009. Thanks for staying with me through the tough times in the process as we met the challenge together. It's been great fun.

I'm excited to see thousands of tote bags I've designed wandering around Austin!

Saturday
Jan312009

Sketchnoting SXSW Interactive 2009

SXSWi 2008 Sketchnotes: First SpreadDoom and gloom. Meltdown of the global economy. Real estate prices dropping, layoffs, businesses closing and more bad news bombards us daily.

2008 was a rough year and 2009 is off to a rocky start. These are challenging times.

In spite of the bad news around us, I've decided to focus on the positive. To focus on the opportunities in this new year and not let the negativity dominate my outlook or perspective.

For me, this begins with SXSW interactive in Austin, Texas, March 13-18, 2009.

SXSW Interactive Official Sketchnoter


One hugely bright spot in 2009 is the honor of being the Official Sketchnoter to SXSW Interactive. In 2008, my first ever SXSW, I used my Moleskine pocket sketchbook and G2 pen to live capture several of the panels and sessions in sketchnote form.

At the time I was capturing the event for myself and the small band of followers who enjoyed my work from SEED 1 and SEED 3 conferences and other events I'd captured in 2007 and 2008. What surprised me was how popular the SXSW 2008 sketchnotes became. Just a week after posting the sketchnotes, they appeared on 80+ sites, including Daring Fireball, R.BIRD, FrogDesign, Jason Santa Maria and Boing Boing!

I'm very excited about working in an official capacity this year. I think the toughest challenge will be which panels to attend and capture. I have a list of panels I'm looking forward to, but I also know how panels often overlap. It should be fun. :-)

Get In Touch


I'd love to meet new people at SXSW, so if you're attending and would like to talk over coffee at the event, drop me a line with SXSW in the subject line and say hello, and if you like, follow me on Twitter.

I'm attending the 2009 Avalonstar Bowling Extravaganza on Saturday, March 15th, and my co-conspirator Brian Artka and I are organizing some kind of small gathering at an Austin location during SXSW Week, we'll announce soon.

Stay Positive!


Be thankful for what you have in your life. Be ready for opportunities. Circumstances can bring you down — don't let them ruin your outlook. Stay positive!

Related Links
SXSW interactive
SXSW Interactive 2008 Sketchnotes
SCHED.ORG
SXSW Ning Group
2009 Avalonstar Bowling Extravaganza

Saturday
Jan172009

8 Questions on Art Direction, Design & Sketchnotes

Mike Rohde Portrait: Cream BricksSeveral months ago, my friend Larry Wright asked if I'd be up for a detailed interview about design, art direction and sketchnotes. I loved the idea and agreed, responding to Larry's questions via email.

We met at the first SEED conference in 2007 and we've kept in contact since. As a developer, Larry is fascinated by design and after sitting next to me as I produced the SEED 1 sketchnotes, was curious about the sketchote process.

Here are some excerpts from the interview, first, my thoughts on art direction:

"In my view, an 'Art Director' is a designer with a 50,000 foot meta view of design projects they work on. They are involved all the way from listening to the client and stakeholders on a project, through the conception of an idea to the design, development and production the idea."

On my design process:

"Once I understand the challenge, I read my notes, and synthesize the goals for sketching. I use pencil sketches to help work out ideas that can solve the challenges I’m facing. These sketches are presented to clients with what I call “rationale notes” explaining the whys of my design concepts."

And on my sketchnotes:

"I find taking notes and sketching really reinforce what I’m capturing in my head as a speaker talks. Sketchnotes are not meant to be word-for-word stenographer notes, but interpretive. I capture what I feel is important, which makes sketchnotes personal."

The full interview: Mike Rohde - Designer, Blogger, Sketchnote Artist is available at Larry's site. Do check it out and consider following Larry Wright on Twitter!

Thanks Larry!

Thursday
Jan082009

Spreenkler Sketchnotes: Milwaukee Mayor Tom Barrett

Spreenkler Sketchnotes Tryptych

Last night I had an opportunity to attend the Spreenkler January meeting, to hear Milwaukee's Mayor Tom Barrett speak about his vision for sustaining creativity and innovation and answer questions at The Residences at Hotel Polomar's sales office.

I wasn't intending on sketchnoting the event, as I'd left my blank Moleskine sketchbooks at home. However, I did have my Moleskine notebook and a G2 gel pen along, so I decided spur of the moment to see what would happen.

Turns out that Mayor Barrett had some great things to say, which I was able to capture in sketchote form, shown above.

Thanks go to Steve Glynn for starting up Spreenkler to give Milwaukeeans more opportunities to connect and generate excitement in the city and this area, and to Mayor Barrett for speaking and taking questions.