Hacker News new | past | comments | ask | show | jobs | submit login
Early sketches from web designers (layervault.tumblr.com)
92 points by kellysutton on Nov 14, 2012 | hide | past | favorite | 22 comments



I don't think sketching is only useful for designers. Before I solve complex coding problems I usually have a block where I can scribbled and sketch solutions. This method makes it much easier to brainstorm and think than using something rigid like a text editor (at least for me).


I used to draw out little graphs representing data and more exotic structures, but I found that trying to focus on the paper would ruin my train of thought. I try to visualize that stuff in my head now, and it's gotten easier with practice.

It's not intentional, but it seems like my method has turned into "stare at a wall for an hour, and then write function prototypes."


I'd love to see more sketches just to see how much detail a designer puts into a sketch on average, and how that varies across different areas of design. It's nice to see barebone sketches like Maykel's and Ian's. Even after reading bill buxton's book on sketching, i still catch myself trying to refine sketches just so they look nice even after an idea is explored.

Thanks for compiling these, looking forward to see more!


One of my favorite parts of watching allang write this post was proof that there is some hope for us developers out there. :)


There are a bunch more that we hope to share soon. Glad you like this stuff!



Really cool idea! Love the header background-image ;).


Very nice sketches. But I want to point out that if you don't sketch you shouldn't feel like you're "doing it wrong".

Sketching is not a required step. Starting straight in Photoshop (or even in the browser) are both valid methods too.


I'm not a designer by any stretch, but for me there is something so gratifying about putting pencil to paper. I've always found it to be the best way to (at least initially) bring ideas out of my head and into the world.


Agreed.

I'm a web designer by trade, and I almost always start on paper. Often, after starting on paper and moving to Photoshop, I come back to paper to iterate on the design before going back to Photoshop again.

I find it the quickest and easiest way to get my ideas out. I also find it a good way to weed out the bad ideas before developing them too far.

Sketching for ideation was drilled into me at Uni (Industrial Design, I think we had a class dedicated to it actually) so I assume that plays a part, but I work with and am close friends with a number of other designers of varying academic history, and their creative processes vary wildly.

You're definitely not "doing it wrong" if you don't start on paper, but it's probably worth giving it a shot as it's a reasonably low overhead to integrate into your process.


I've tried sketching in photoshop/illustrator and the paper and pencil method. I get way more iterations per hour done on paper, but that's just personal preference.


It's definitely not required, but it can probably save you some time since it's a bit easier to erase some pencil than it is to start again in Photoshop.


since it's a bit easier to erase some pencil than it is to start again in Photoshop.

Not for me. I use a Wacom (with Illustrator, not PS, but same diff) and flipping around the the pen to erase is really no different from using a regular pencil. Except way faster.

Since I can use layers and selective editing and save off versions I feel much more relaxed doodling and exploring this way. It's trivial to save the interesting ideas while obliterating the crap.

If I really wanted to start fresh, select all -> delete is quite fast.

The big wins for pencil and paper are: ease of transport and accessibly (much simpler to carry around a sketch pad and some pencils); the tactile feedback; the resolution.

Much as with using a word processor vs. a typewriter and some Wite-Out there are interesting psychological differences at here, too.


I suck at design and I think omitting the sketch step is part of the reason why.

Dick Tracy poster is great.


Yeah that poster is sick, and the notes he wrote next to his sketches are really interesting to read


You may suck at design because you lack some artistic culture , it is has nothing to do with sketching or even the ability to draw. Get a generic art history book , study a ton of design from other designers and you'll be a better designer.


Get a generic art history book , study a ton of design from other designers, make a shit-load of bad stuff but keep on going anyway, and you'll be a better designer.

You won't really know what you know until you apply it. You will likely suck at it. Doesn't matter. You'll suck a little less at it next time.

"The experienced illustrator subscribes to the principle of the application of the seat of the pants to the seat of the chair. Should inspiration whisk down your chimney, be at your table. The first ten thousand drawings are the hardest. Put another way, you have ten thousand bad drawings within and should expel them as quickly as possible."

http://en.wikipedia.org/wiki/Wallace_Tripp


Your words are true, but not necessarily in my case. I think I've got the culture as I have the natural talent (and ability to draw), studied under and worked with some very talented designers over the years. I've pulled off some successful designs as well.

The issue is that my passion to code is greater than my passion to design. Even if I do start at the sketch step, I all but salivate at the chance to get cracking on the CSS.

I don't suck because I can't sketch, I suck because I don't sketch. :P Whenever I do sketch my designs come out better.


well i dont sketch neither , doesnt make my designs bad, As long as one has a clear image of what one needs to make , the way one makes it real doesnt matter, weither it is using hand code css , dreamweaver, whatever...


Great post and great sketches! Inspired by these, I published some sketches (within wireframes), too! You find them on my page: » http://hofmannsven.com/2012/journal/wireframe-sketches/


These are really cool. I like seeing start and finish pictures from cool projects.


love seeing intial sketches alongside finished products. I should use my notebook or dot grid book or whatever more often but alot of my designs have their very first iteration on POST-ITS. Could start a tumblr for initial post-it sketches hehe.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: