Het webdesign schetsboek - Webdesign Inventis Web Architects
http://www.inventis.be/blog/het-webdesign-schetsboek

Mockup grids for the 960 framework with a browser bar.

Sketchbook à imprimer avec entête de navigateur et grille

Ever feel like some days you can crank out amazing looking designs with little effort? Then on other days it feels like nothing is working, you’ve lost all your talent and you’ll never make another good design for the rest of your miserable life? Don’t panic – this is natural...

Hand-drawing websites are very popular on today’s design. Some of well-known web company applies on these techniques to make a beautiful hand-drawn website for their clients. CSSBuilt.com collects 40+ hand-drawn websites for your inspiration. Be inspired and enjoy!

Paper prototyping is a great way for designers to plan sites. Still, many struggle with bringing their sketches to Photoshop. Here are 4 tips to help that transition.

Técnicas e exemplos de rascunhos de layout de sites em papel

Quickly sketch out iPhone UI prototypes.

Turn Any Font Into a Sketch Font in Illustrator

1. テキストツールでテキストを入力 2. 塗りと線をなしにする 3. アピラランスパネルで、新規塗りを追加　黒を選択 4. 効果 > スタイライズ > 落書き で以下のように設定

1. テキストツールでテキストを入力 2. 塗りと線をなしにする 3. アピラランスパネルで、新規塗りを追加　黒を選択 4. 効果 > スタイライズ > 落書き で以下のように設定

Yesterday, we had a look at a few of the many fine Sketchy or Hand-drawing style sites on the web. Today, I’ve put together some resources that you might find useful if you are interested in applying that style to your own designs.

Elements

It might be lovely. I can use this meta servise to cool useful

cool sketches

iPhone sketchbooks.

Sketchbook with templates for iPhone screens.

We present a system that composes a realistic picture from a simple freehand sketch annotated with text labels. The composed picture is generated by seamlessly stitching several photographs in agreement with the sketch and text labels; these are found by searching the Internet. Although online image search generates many inappropriate results, our system is able to automatically select suitable photographs to generate a high quality composition, using a filtering scheme to exclude undesirable images. We also provide a novel image blending algorithm to allow seamless image composition. Each blending result is given a numeric score, allowing us to find an optimal combination of discovered images. Experimental results show the method is very successful; we also evaluate our system using the results from two user studies.

なんか分けわかんなくなってきたｗ

落書きから画像を自動生成する

絵コンテ入れたら映画が出来る日も近い？

スケッチを描くとそれにあう画像を検索してくれるツール

In this article, I’ll expound on the tools I use every day to design interfaces and experiences. I’ve spent years trying a variety of tools, and so far, analog tools such as markers, notebooks and paper templates have proved to be the most effective because of their constraints and flexibility.

When you start designing a new website it’s very useful to sketch out a first idea of page layout using paper and stencil. This approach help you define easily a working draft of the final version of your website. In general this is a top-down process: you can start sketching first the main sections and then adding more details progressively. In this post I want to suggest you some interesting examples of beautiful sketches for website prototypes for your daily inspiration.

Blog for designers with useful resources - templates,

esto le gustaría a @kmerino

Procedural drawing tool

HTML5 drawing tool

http://mrdoob.com/lab/javascript/harmony/

It's amazing what you can do with HTML5. If I were Adobe, I'd be more than a little worried right now.

Canvas driven drawing app.

Fajne rysowanie

Interesting sketching tool that makes otherwise-boring line drawings look very cool.

nice sketches

te by Nathan Smith

设计好东西

What is this?

Hand drawn elements are a really good way to give your website a cool touch! You can do that by adding a nice hand drawn illustration to your page, a stylish hand draw font, icon, some lines, characters or any other thing you want. Hand drawn elements can give your website an informal look... they can add personality and humor to it.

18 Great Examples of Sketched UI Wireframes and Mockups

手書きのワイヤーフレーム。まとめ。

I've been a huge fan of Moleskins for quite some time now

This article will briefly examine 5 physical notebooks that are perfectly suited for a number of designer workflows.