Drawing & Sketching
- A Website by Nick Trombley
Kengo Kuma's sketches
Combinations and arrangements
Everything designed has an element of arbitrariness in its form. Loewy described how groups of his designers used to go about designing a new model automobile. Different groups were given different tasks, such as the front and rear of the car, and the conceptual work began, to be cut off at some predetermined time by deadlines that were imposed at the outset. After a time, there were "piles of rough sketches," and Loewy saw the design proceed as follows:
Now the important process of elimination begins. From the roughs, I select the designs that indicate germinal direction. Those that show the greatest promise are studied in detail, and these in turn are used in combination or arrangements with one another. A promising front treatment can be tried in combination with a likely side elevation sketch, etc. From this a new set of designs emerges. These are then sketched in detail. After careful analysis, they boil down to four or five.
This tactile form of doodling
Paper clips have also served as objects of more inwardly directed aggression by providing something for the fingers to twist grotesquely out of shape during phone calls, interviews, and meetings. This tactile form of doodling may consume only a fraction of the twenty billion paper clips produced each year, but it underscores the almost limitless functions to which a single form can lead.
From the desk of: Austin Kleon
How do you work?
When I get home, I have two desks in my office — one’s “analog” and one’s “digital.” The analog desk has nothing but markers, pens, pencils, paper, and newspaper. Nothing electronic is allowed on the desk — this is how I keep myself off Twitter, etc. This is where most of my work is born. The digital desk has my laptop, my monitor, my scanner, my Wacom tablet, and a MIDI keyboard controller for if I want to record any music. (Like a lot of writers, I’m a wannabe musician.) This is where I edit, publish, etc.
Drawing as a means of thinking
Two-dimensional plans or sections can be seen with sketches and more diagrammatic marks all on the same piece of paper in what appears a confusing jumble.’ These sound like Gordon’s ‘wonder plots’. The architects also use their drawings as a means of thinking ‘aloud’, or ‘talking to themselves’, as Gordon put it. For example, Lawson reports the architect Richard MacCormac as saying, ‘I use drawing as a process of criticism and discovery’; and the engineer-architect Santiago Calatrava as saying, ‘To start with you see the thing in your mind and it doesn’t exist on paper and then you start making simple sketches and organizing things and then you start doing layer after layer.... it is very much a dialogue.’
The common elements in these similar descriptions are the use of drawing not only as a means of externalising cognitive images but also of actively ‘thinking by drawing’, and of responding, layer after layer and view after view, to the design as it emerges in the drawings. These observations also confirm Schön’s observation of designing as a ‘reflective conversation’ between the designer and the emerging design. It is the reliance on drawing, and the preference for the immediacy of the interaction and feedback that manual drawing gives, that makes the architects, like Gordon Murray, unenthusiastic about CAD as a conceptual design tool.
Drawing for parallel design thinking
An important feature of their strategy is parallel working - keeping design activity going at many levels simultaneously. The best cognitive aid for supporting and maintaining parallel design thinking is drawing. Drawing with the conventional tools of paper and pencil gives the flexibility to shift levels of detail instantaneously; allows partial, different views at different levels of detail to be developed side by side, or above and below and overlapping; keeps records of previous views, ideas and notes that can be accessed relatively quickly and inserted into the current frame of reference; permits and encourages the simultaneous, non-hierarchical participation of co-workers, using a common representation.
The drawing of partial solutions or representations also aids the designer’s thinking processes, and provides some ‘talk-back’. As well as drawing, innovative designers frequently like to undertake practical work related to the design solution, such as building models or mock-ups, or participating in construction.
The preliminary sketch
Among the best woodblock prints are many that seem not to have adhered strictly to the preliminary sketch. The sketch simply indicated a general direction, and in many cases was not used at all. Or it was even improved upon in the process of carving and brought vividly to life; the woodblock qualities of the print were accentuated and highlighted.
The computer creates a distance
Computer imaging tends to flatten our magnificent, multi-sensory, simultaneous and synchronic capacities of imagination by turning the design process into a passive visual manipulation, a retinal journey. The computer creates a distance between the maker and the object, whereas drawing by hand as well as working with models put the designer in a haptic contact with the object, or space.
A mind so in flux
A mind so in flux, so sensitive to intuitive insights, could never write an academic textbook. All he could retain on paper were indications, hints, allusions, like the delicate color dots and line plays on his pictures.
Agents of thought and experiment
The act of drawing serves to remind us that hands are agents of thought and experiment. Photography has a great future, but no matter how much ancillary wizardry photography accumulates, it will not be in competition with “drawing” in the broadest sense of that term. There will always be a role for exploration by the hands, encumbered by no more than a piece of ocher or a stick of charcoal.
Its practical utility is as a manifestation of the mind struggling with the meaning of what it encounters and what it wants to explore.
What you have observed closely
Drawing requires that you pay attention to every detail—even the seemingly unimportant ones. In creating an image (no matter how skillfully), the lines and tones on the paper provide ongoing feedback as to what you have observed closely and what you have not.
Anatomical Drawings of Staircase Spaces
A Book by Tomoyuki Tanakaminimator.app
An ApplicationMinimator is a minimalist graphical editor.
All drawings are made of lines in a grid based canvas. The lines are limited to vertical and horizontal lines, and quarter circles.
Right-Angle Doodling Machine
A Game by Clive Thompson- You draw one single line. It can be as long as you like.
- To start the line, you put your pen down.
- You can make right-angle turns only, either 90 degrees or -90 degrees.
- You cannot back up. You must always move forward.
- You don’t lift your pen until you’re ready to stop. When you lift the pen, the doodle is done.
A small store
A Gallery by Kyeoung Me LeeForget the computer — here’s why you should write and design by hand
An Article by Herbert LuiIn the middle of the 2000s, the designers at creative consultancy Landor installed Adobe Photoshop on their computers and started using it. General manager Antonio Marazza tells author David Sax:
“Overnight, the quality of their designs seemed to decline. After a few months of this, Landor’s Milan office gave all their designers Moleskine notebooks, and banned the use of Photoshop during the first week’s work on a project. The idea was to let their initial ideas freely blossom on paper, without the inherent bias of the software, before transferring them to the computer later for fine-tuning. It was so successful, this policy remains in place today.”
Back to the Drawing Board
An Article by Nick JonesThe lost art of drawing for engineers and architects.
- You can almost tell which software they were designed in
- Conversational drawing
- The effort heuristic
- Tablets have caught up
Section-perspective drawing
A Fragment by Gerhard KallmannCouncil Chamber Study Looking South. Gerhard M. Kallmann.
Kallmann’s distinctive section-perspective drawing technique seen here allowed the simultaneous exploration of both interior spaces and building systems.
Pictures of Websites
An Article by Matthew StrömWhen I was a product designer, people would ask what I did for a living, and sometimes I’d answer “I draw pictures of websites.”
Sure, I could just say “I design websites.” That’s true. The end result of my work is (hopefully) that a website looks better, works better, or results in better outcomes.
But most of my day isn’t spent looking at the website, or working on the code of the website, or manipulating the website directly in some way. It’s spent in Figma or Sketch, drawing pictures of how I think the website should look and work.
Through some kind of alchemy, the pictures I draw have an impact on the finished website. But they’re not all the same.
Architectural tracings
A Gallery by Nick TrombleyA lightbulb is not an idea
An Article by Ralph AmmerWith conventional placeholders, such as words, we can describe patterns for a large number of situations. On the other hand it is easy to fool yourself (and others) with words, since you can avoid to be specific. Any business meeting can confirm this.
When you draw something you are forced to be specific — and honest.
Our illustration of an “idea” from above is unconventional in the sense that it conveys specific original thoughts of what an idea is. It adds value to the words.
And that is the catch: The drawing must be unconventional to support the conventional words. We have to make sure not to use “words in disguise”. Take a common illustration for “idea” for example, which haunts flip charts all over the world: the lightbulb.
The lightbulb image works on a purely symbolic level, it only replaces the word “idea”. This image of a household item contains no original thought about what an idea is. While symbols like these work well as international replacements for words or icons to indicate a light switch for instance, they convey no nutritional value as illustrations — they are empty.
All the buildings in New York (that I've drawn so far)
The Nature of Order
Levels of Scale
Scale refers to how we perceive the size of an element or space relative to other forms around it. All things – a tea cup, a building, language, entire eco-systems – consist of smaller components. It is the relationship of the smaller elements which determines the character and degree of life of the whole.
Objects which contain a high degree of life tend to contain a beautiful range of scales within, which exist at a series of well-marked intervals and have clearly recognizable jumps between them. To have good levels of scale, it is extremely important that the jumps between different scales of centers not be too great or too small.
Strong Centers
The idea of a center is at the heart of all that creates life within an object. But rather than the traditional view of an isolated geometry in space, a true center is defined not only by its internal cohesion, but by its relation to context. A strong center can only occur when other centers are intensifying it.
Like levels of scale, the concept of strong centers is recursive. In something which is alive, a strong center is made of many other strong centers, at different levels, which in turn make us aware of the whole they compose.
Boundaries
The articulation of a form depends to a great degree on how its surfaces are defined and meet at edges. The effect of a strong boundary is twofold: First, it focuses attention on the center, further intensifying it; and second, the boundary unites the center which it surrounds with what is beyond.
For the boundary to accomplish both of these tasks – to separate and to unite – it must have a degree of presence as strong as the center which it bounds.
Alternating Repetition
The principle of repetition orders recurring elements in a composition according to their proximity to one another, and by the visual characteristics they share. Elements need not be perfectly identical to be grouped in a repetitive fashion; they must merely share a common trait of size, shape, or detail characteristics allowing each element to be individually unique, yet belong to the same family.
When the repetition within a group of elements occurs parallel on a number of different levels, an alternating rhythm of centers forms, one series of centers intensifying the other.
Positive Space
Positive space refers to shaped space. Where an element occurs in space, the element not only exists with its own shape, but it also acts to define the shape of the space around it. For something to be whole, both the element itself and the space around it must engage one another, each intensifying the other. When this occurs, every single part of space has positive shape as a center – there are no amorphous, meaningless leftovers.
Every shape should be a strong center in itself, which is in turn made up of other, smaller centers.
Good Shape
Shape is the principal identifying characteristic of form, resulting from the specific configuration of a form’s surfaces and edges. Good shape happens when the surfaces and edges of a form have strong centers in every part of themselves.
A good shape, even if complex, can usually be broken down easily into more simple shapes. A good shape tends to contain a high degree of internal symmetries, an overall bilateral symmetry, and a well-marked center. The good shape also creates positive space around it, is very strongly distinct from what surrounds it, and has a feeling of being closed and complete.
Local Symmetries
Symmetry, or the balanced distribution of equivalent forms or spaces about a common line or point, can organize elements in architecture in two ways: an entire organization can be made symmetrical, or a symmetrical condition can occur in only a portion of the building or object, at any scale. The latter case is what we refer to as local symmetry.
Overall symmetry in an object tends to look mechanical and lifeless, usually due to the fact that local symmetries are absent within the overall form. However, when there are local symmetries, centers tend to form and strengthen the whole.
Deep Interlock
Forms which have a high degree of life tend to contain some type of interlock – a “hooking into” their surroundings – or an ambiguity between element and context, either case creating a zone belonging to both the form and to its surroundings, making it difficult to disentangle the two.
The interlock, or ambiguity, strengthens the centers on either side, which are intensified by the new center formed between the two.
Contrast
Works of art which have great life often have intense contrast within: rough/smooth, solid/void, loud/silent, empty/full. It is the difference between opposites which gives birth to something. Contrast is what often gives other principles their degree of life – the intensity of the boundary, the markedness of the alternating repetition.
Contrast strengthens centers by making each a deeper entity of itself, and thereby giving deeper meaning to both. It is, at its simplest, what allows us to differentiate. But meaningless contrast remains meaningless. It is only when centers are actively, mutually, and meaningfully composed that it acts to deepen the whole.
Graded Variation
Gradients must arise simply because in the natural world, things vary in size, spacing, intensity, and character. All living things tend to have a certain softness. One quality changes slowly, not suddenly, across space to become another.
In something which has life, throughout the whole there are graded fields of variation, often moving from the center to the boundary or vice-versa. We are able to read the character of a larger center often because of the gradation of smaller centers across the larger form.
Roughness
Roughness is the odd shape, the quick brush stroke, the irregular column size or spacing, the change in pattern at the corner – it is adjusting to conditions as they present themselves with meaning, but without ego or contrived deliberation.
Though it may look superficially flawed, especially with human perception accustomed to mass-produced regularity and perfection as a goal, an object with roughness is often more precise because it comes about from paying attention to what matters most, and letting go of what matters less.
Echoes
When echoes are present within a design, all the various smaller elements and centers, from which the larger centers are made, have a certain sameness of character. There are deep internal similarities, or echoes of one another, which tie all the elements and centers together at various scales to form a cohesive unity of being.
The Void
Objects or elements which have the greatest depth, which actively draw the senses in, have at their heart an area of deep calm and stillness – a void bounded by and contrasted with an area of intense centers around it.
When an element becomes all detail, its own constant buzz tends to dilute its overall strength. Like a musical wall of sound, it pushes against our perception to produce a flat field-like state. Conversely, it is the pause which allows us to interlock with a piece of music and feel its depth. The presence of void, at many scales, provides a contrasting calm to alleviate the buzz and strengthen the center.
Inner Calm
Living things tend to have a special simplicity, an economy developed over time in which all things unnecessary, or not supporting the whole, are removed. This does not preclude ornament, as even in nature ornament has its very necessary place. What simplicity does is cut away the meaningless attachments to an element, the things which often distract and confuse its true nature. When this is done, an object is in a state of inner calm.
Not-Separateness
Not-separateness is the degree of connectedness an element has with all that is around it. A thing which has this quality feels completely at peace, because it is so deeply interconnected with its world. There is no abruptness, no sharpness, but often an incomplete edge which softens the hard boundary. The element is drawn into its setting, and the element draws its setting into itself.
Not-separateness is a profound connection occurring at many scales between a center and the other centers which surround it, so that they melt into one another and become inseparable.