You are on page 1of 350

I

I
t P R I N C I P L E S 0 F

F O R M A N D D E S I G N

I W U C I U S W O N G
I

* JOHN WlLEY & SONS, INC.


I
I New York Chichester Weinheim Brisbane Singapore Toronto
This book is printed on acid-free paper.
Copyright O 1993 by John Wiley & Sons, Inc. All rights reserved.
Published simultaneously in Canada
No part of this publication may be reproduced, stored in a retrieval system or
transmitted in any form or by any means, electronic, mechanical, photocopying,
recording, scanning, or otherwise, except as permitted under Sections 107 or 108 of
the 1976 United States Copyright Act, without either the prior written permiss~on
of the Publisher, or authorization through payment of the appropriate per-copy fee
to the Copyright Clearance Center, 222 Rosewood Drive, Danvers, MA 01923,
(978) 750-8400, fax (978) 750-4744. Requests to the Publisher for permission
should be addressed to the Permissions Department, John Wiley & Sons, Inc.,
605 Third Avenue, New York, NY 10158-0012, (212) 850-6011, fax (212) 850-6008,
E-Mail: PERMREQ@W~LEY.COM.

This publication is designed to prov~deaccurate and authoritative information in


regard to the subject matter covered. It is sold with the understanding that the
publisher is not engaged in rendering professional services. If professional advice or
other expert assistance is required, the services of a competent professional person
should be sought.

Library of Congress Cataloging-in-PublicationData:


Wong, Wucius.
Principles of form and design / Wucius Wong.
p. cm.
Includes index.
ISBN 0-471-28552-8
1. Computer-aided design. I. Title.
TA345.W66 1993
745.4-dc20

Printed in the United States of America


1 PREFACE It was exactly two decades ago when my
first book on design, Principles of Two-
Dimensional Design, was published.
Subsequently, I wrote three more books:
Principles of Three-Dimensional Design
publ~shedin 1977, Principles of Color Design
published in 1987, and Principles of Two-
Dimensional Form published in 1988. Each
of these books was meant to be self-sufficient,
but there is a common terminology and
approach that links the separate texts. This
prompted the publ~sherand I to look into
the feasibility of a combined volume, including
a general introduction, glossary, and index
with appropriate cross references that
would integrate these books. Because there
is a limit to the physical size and weight of a
book that can be conveniently handled by
the reader and produced by the publisher,
the present combined volume does not
include the book Principles of Color Design.
Its subject matter, dealing with color theories,
makes it the best candidate to remain apart
from the other books.
As modest attempts at presenting a workable
system of visual grammar, Principles of
Two-DimensionalDesign, constituting Part 1 ,
lays down the basics with concentrationon flat,
abstract forms; Principles of Two-Dimensional
Form, constituting Part 2 , elaborates on the
creation of forms with an emphasis on the
representational aspects to extend one's visual
vocabulary; and Principles of Three-Dimensional
Design, constituting Part 3, examines the use of
linear and planar materialsfor constructing free-
standing objects in reality. In one single book the
interrelationships among all three may become
much clearer, since each tackles essentially the
same design principles, but on different levels.
The texts, diagrams, and illustrations of
these earlier books are included here more or
less in their original form, only in a larger
page format. All the key terms in the three
books are explained in the newly written
glossary which, with preceding notes, also
serves as a handy reference to my particular
version of visual grammar. The index, l~sting
only the more important topics and frequently
occurring terms, provides immediate access to
various relevant parts of the texts.
The new general introduction concentrates
on computer methods and techniques to help
readers who wish to avail themselves of the new
technology. Whereas all the two-dimensional
illustrations featured in the earlier books were the
result of many hours of sketching and finishing
work by my former students, now the same
work can be done on a computer in only a
fraction of the time. The development of com-
puter hardware and software in recent years
has already begun to effect a fundamental
change in our ways of creating, teaching, and
learning design. Becoming computer literate
now seems a must for designers.
In the preparation of this combined volume,
my son, Benjamin, contr~butedmany of the
diagrams and illustrations and designed the
cover and various sectional pages. My wife,
Pansy, helped with the general coordination of
the materials and word-processing work. I am
grateful for the generous support of the Aldus
Corporation, which provided the graphics
software programs Aldus Superpaint and Aldus
FreeHand, with which all the new diagrams
and illustrations were created, and also the
Aldus Pagemaker program, which was used
for the page layouts.

W.W.
Englewood Cliffs, N.J.
CONTENTS
E
GENERAL INTRODUCTION Form and Color Distribution .... 47
The Interrelationships of Forms .. 49
Spatial Effects in Form
Basic Computer Setup .......... 14 lnterrelationsh~ps..............49
Graphics Programs ............... 15
Choosing a Program ............. 19 3. REPETITION
Starting to Draw ....................19 Unit Forms .............................51
Creating a Shape ..................22 Repetition of Unit Forms ....... 51
Achieving a Composite Shape ... Types of Repetition ............... 51
..........................................25 Variations in Repetition .........51
Establishing Repetition ......... 27 Subunit Forms and Superunit
Establishing Radiation .......... 31 Forms ............................... 53
Establishing Gradation .........31 The Encounter of Four Circles ... 53
Establishing Similarity ...........33 Repetition and Reflection ..... 54
Active and Visible Structures 35 Notes on the Exercises ......... 54
Representational Forms ........36
Three-Dimensional Images ...36 .
4 STRUCTURE
Getting on with the Main Text .. 37 Formal Structure ...................59
Semi-formal Structure ...........59
Informal Structure .................59
TWO-DIMENSIONAL DESIGN Inactive Structure ..................59
Active Structure ....................59
Invisible Structure .................61
1. INTRODUCTION Visible Structure ....................61
What is Design ......................41 Repetition Structure ..............61
The Visual Language ............41 The Basic Grid ...................... 61
Interpreting the Visual Language Variations of the Basic Grid .. 63
........................................ 41 Multiple RepetitionStructures . . 63
Elements of Design ...............42 Unit Forms and Structural
Conceptual Elements ............42 Subdivisions .....................65
Visual Elements .....................42 Repetition of Position ............65
Relational Elements ..............43 Superimposition of Repetition
Practical Elements ................44 Structures ......................... 66
The Frame of Reference .......44 Notes on the Exercises .............66
The Picture Plane ..................44
Form and Structure ...............44 .
5 SIMILARITY
Similarity of Unit Forms ......... 69
2. FORM Similarity of Shape ................ 69
Form and the Conceptual Similarity and Gradation ....... 71
Elements ........................... 45 The Similarity Structure .........71
Form as Point ........................45 Notes on the Exercises .........71
Form as Line .........................45
Form as Plane .......................45 6. GRADATION
Form as Volume ....................47 Gradation of Unit Forms .......75
Positive and [NegativeForms .. 47 Planar Gradation ...................75
Spatial Gradation ..................75 10. CONCENTRATION Visualization with Points ......145
Shape Gradation ................... 77 Concentration of Unit Forms in Visual~zationwith Texture ... 145
The Path of Gradation ...........77 Formal Structures ........... 113 Types of Forms .................... 146
The Speed of Gradation .......77 The ConcentrationStructure . . 114 Representational Forms ...... 146
Patterns of Gradation ............ 79 Unit Forms in Concentration Natural Forms ......................147
The Gradation Structure ....... 79 Structures .......................114 Man-made Forms ................ 147
Alternate Gradation ............... 81 Notes on the Exercises ....... 117 Verbal Forms ....................... 148
Relationship of Unit Forms and Abstract Forms .................... 148
Structures in a Gradation .
11 TEXTURE Types of Shapes .................. 149
Design ...................... ......... 82 Visual Texture .....................119 Calligraphic Shapes ........... 149
Notes on the Exercises .............82 The Making of Visual Texture . . 119 Organic Shapes ..................150
Collage ................................121 Geometric Shapes .............. 150
7. RADIATION Tactile Texture ....................122
Characteristics of a Radiation Light and Color in Tactile Texture .
2 DESIGNING A FORM
Pattern .............................. 87 ........................................122 Design and Form ................. 152
The Radiation Structure ........87 Notes on the Exercises ...........123 Singular Forms .................... 152
The Centrifugal Structure ......87 Plural Forms ........................ 153
The Concentric Structure ......88 .
12 SPACE Compound Forms ...............153
The Centripetal Structure ...... 90 Positiveand Negative Space . . 127 Unit Forms ........................ 154
Superimposition of Radiation Flat and Illusory Space ....... 127 Superunit Forms ..................154
Structures ......................... 90 Flat Forms in Illusory Space . . 127 Creating Geometric Shapes .. 155
Rad~ationand Repetition ......90 Volume and Depth in Illusory Straight Lines ...................... 155
Radiation and Gradation ......90 Space ..................
.... .... 129 Circles .................................156
Structural Subdivisions and Plane Representation in Illusory Arcs ..................
..... ........ 156
Unit Forms ........................93 Space ..............................129 Relating Straight Lines ........ 157
Unit Forms in Radiation ........ 93 Fluctuating and Conflicting Space Relating Circles ...................158
Oversize Unit Forms .............93 ..........................
........... 131 Relating Arcs ....................... 159
Irregular and Distorted Radiation Notes on the Exercises ...........13 1 Relating Straight Lines. Circles.
..........................................
94 and Arcs ......................... 160
Notes on the Exercises .............94 Angles and Pointed Tips .... 161
TWO-DIMENSIONAL FORM The Addition of Planes ........162
.
8 ANOMALY The Subtraction of Planes .. 163
Anomaly among Unit Forms ... 99 The Interpenetrationof Planes ....
Anomaly within Structures .. 101 1. ASPECTS OF FORM ..................................... 163
Notes on the Exercises ........... 10 1 Form .................................... 138 The Multiplication of Planes .. 164
Three-Dimensional Form .... 138 The Division of Planes ........165
9. CONTRAST Two-Dimensional Form ....... 139 Varying the Size of Planes .. 166
Contrast. Regularity. and Anomaly Form and Shape ................. 139 The Transformationof Planes .. 167
........................................105 Frame of Reference ............ 141 Folding Planes ....................168
Contrast of Visual and Relational Form and Space ................. 141 Establishing Volume ........... 168
Elements .........................105 The Visualization of Form ...... 142 Regularity ............................ 169
Contrast within a Form ........ 107 Visualization with Lines ....... 143 Deviation .............................170
The Contrast Structure ........ 109 Visualization with Planes ..... 143 Symmetry ........................... 170
Dominance and Emphasis ... 109 Visualization with L~nesand Asymmetry .......................... 171
Notes on the Exercises ...........111 Planes ............................. 144 Creating Organic Shapes ...... 172
C & S Curves ....................... 172
Shapes with Pointed Tips ... 173
Shapes with Rounded Tips ... 173
The Joining and Linking of
Shapes ............................174
Establishing Plural Forms ... 192
Establishing Compound Forms
.........................
Compositions with Repetition ...
....................
..... .... . .
... 196

.. 198
Anomaly in Texture .............232
Anomaly in Position and Direction
........................................
233 rn
The Splitting. Tearing. and Two-way Continuance ........ 198 THREE-DIMENSIONAL DESIGN
Breaking of Shapes ........ 174 Four-way Continuance ........199
Cutting and Removing Parts of Six-way Continuance .......... 202
Shapes ............................ 175 Development and Variations of 1. IN'TRODUCTION
The Curl~ngand Twisting of the Repetition Structure ....203 The Two-Dimensional World .....
Shapes ........................ .. 175 Compositions with Radiation .... ......................... .. 237
The Rippling and Creasing of ...................................... 207 The Three-Dimensional World ..
Shapes ........................... 176 Full and Segmentary Radiation ........................................237
The Inflation and Deflation of ..................... .. . ........ 207 Two-Dimensional Design ....238
Shapes ............................176 Rotation and Translation .....208 Three-Dimensional Design ...238
The Metamorphosis and Rotation and Reflection ...... 209 The Three Primary Directions . . 239
Deformation of Shapes ... 177 Rotation and Dilation ..........209 The Three Basic Views ....... 240
The Proliferation of Shapes ... 177 The Interception of Active Elements of Three-Dimensional
Symmetrical Expression ..... 178 Structural Lines ...............210 Design ............................241
Variations of a Form ............179 Compositions with Gradation .... Conceptual Elements ..........241
Internal Variation .................179 ......................... .........212 Visual Elements ...................242
External Variation ................180 Gradation of Shape .............212 Relational Elements ............244
Extension........................... 180 Gradation of Size ................213 Constructional Elements .....245
Superimposition ..................181 Gradation of Position .......... 213 Form and Structure .............246
Transfiguration ....................181 Gradation of Direction ........214 Unit Forms ...........................246
Dislocation ..........................182 Gradation of Proportion ...... 21 5 Repetition and Gradation ... 246
Distortion .............................182 Compositions with Similarity ....
Three-Dimensional Manipulation ........................
........ .216 .
2 SERIAL PLANES
.....................
. . . . .. . ... 183 Similarity and Repetition .....218 Serial Planes .......................
247
Further Developments ........ 184 Similarity and Radiation ...... 218 Dissection of a Cube ..........248
Similarity and Gradation ..... 219 Positional Variations ............ 249
.
3 REPRESENTATIONAL FORMS Compositions with Concentration Directional Variations .......... 250
Forms and Subjects ............. 186 ........................................219 Construction Techniques .... 251
Observing Natural Forms ... 186 Points of Concentration ......220
Branching and Fanning ...... 187 Linear Concentration .......... 221 .
3 WALL STRUCTURES
Spirals and Undulations ..... 187 Planar Concentration .......... 222 Cube. Column and Wall ...... 259
Affinity and Unity ................. 188 Compositions with Contrast ........ Spatial Cells and Unit Forms .. 260
Observing Man-made Forms . . 188 ........................................223 Positional Variations of Unit
Materials and the Assembly of Contrast of Appearance .....223 Forms .............................. 261
Parts ................................189 Contrast of Placement ........ 226 Directional Variations of Unit
Plans. Elevationsand Perspectives Contrast of Quantity ............228 Forms ............................. 262
. .
......................... . ....... 189 Compositions with Anomaly . . 230 Unit Forms as Distorted Planes
Self-contained Compositions .... Anomaly in Shape ...............230 .......................................263
........................................
190 Anomaly in Size ..................231 Wall Structures Not Remaining
EstablishingSingular Forms .. 190 Anomaly in Color .................232 Flat ..................................263
Mod~ficationsof Spatial Cells ... Joints ................
..... .....316
......................... .
.......... 264 Components for Linear
Framework ........................317
.
4 PRISMS AND CYLINDERS Repetition of the Linear
The Basic Prism and Its Variations Framework ........................318
........
.................. ......271 Stacking of Repeated Units ..319
The Hollowed Prism ............272 Addition and Subtraction ....319
Treatment of the Ends ........ 272 Interpenetration ...................320
Treatment of the Edges ...... 273
Treatment of the Faces ....... 274 .
9 LINEAR LAYERS
Joining of Prisms .................274 Building up of Linear Layers ..324
The Prism and the Cylinder .. 276 Variations and Possibilities ...325
Variations of a Cylinder ....... 277 Gradation of Shape in Layer
Construction ...................326
5. REPETITION
Repetition of Unit Forms ..... 284 .
10 INTERLINKING LINES
Repetition Structure ............ 285 lnterlinking Lines on a Flat
Arrangements of the Layers .. 286 Plane ...............................333
Organization Within Each Layer Interlinking Lines in Space ....334
286
........................................ Materials and Construction ...336
Joining of Unit Forms ..........287 Planar Construction for
Square Prisms as Unit Forms or Interlinking Lines ............336
Spatial Cells .................... 288 Interlinking Lines Within a
L-Shape Unit Form or Spatial Cell Transparent Cube ..........337
.............................. ...... 288
Unit Forms in a Repetition
Structure ......................... 289 GLOSSARY .........................
345

6. POLYHEDRAL STRUCTURES
The Platonic Solids ............. 295
The Archimedean Solids .... 297
Face Treatment ...................299
Edge Treatment .................. 299
Vertex Treatment ................. 300
Joining of Polyhedral Shapes . . 300

7. TRIANGULAR PLANES
Equilateral Triangles ........... 307
Isosceles Triangles .............308
Unequal-sided Triangles .... 309
The Octet System ...............309

.
8 LINEAR FRAMEWORK
Construction with Planes ....315
Construction with Lines ......315
GENERAL INTRODUCTION Marks or shapes can happen spontaneously
as we explore with tools, media, or substances
for pictorial, textural, or sculptural effects and,
in the process, decide on what is beautiful or
exciting without consciously knowing how and
why. We may pour in feelings and emotions
during the process, resulting In a kind of artistic
expression that reflects our personality in
the form of our tastes and inclinations. This
is the intuitive approach to visual creation.
Alternatively, we can create having prior
recognition of particular problems that must
be dealt with. When we define the goals and
the limits, analyze the situations, consider all
available options, choose the elements for
synthesis, and try to come up with the most
appropriate solutions, this is the intellectual
approach. It requires systematic thinking with
a high degree of objectivity, although personal
response to and judgment of beauty, harmony,
and excitement must be present in all visual
decisions.
Obviously, in an attempt to sort out and
articulate the principles, I have stressed the
intellectual approach. Principles concern
specific relationships and structures of ele-
ments, shapes, and forms. Some bias toward
regularity may seem to prevail, for regularity
of relationships and structures invariably has a
mathematical basis and can be more precisely
described. Regularity frequently becomes a
point of departure, however, from which one
can look into possibilities of partial or total
transformation, modification, and deviation.
To visualize any design of regularity using
traditional tools and methods is often a labo-
rious task. After sketching out the ideas, we
use rulers and probably also compasses to
construct shapes and structures, draw the out-
lines with a pen, and fill the open areas with
a brush. This can take considerable time and
effort, and the result may not always be sat- will suit a designer's particular requirements
isfactory. If changes are necessary, the prpcess and how we can work with the computer to
might have to be repeated again and again. pursue or implement the design principles
Much of the work is mechanical and pains- later elaborated in the main text.
taking and it presents considerable frustrations
for a beginner in design, who has to struggle Basic Computer Setup
with all the meticulous finishing techniques. Computers corrle in different sizes and with
The advent of the computer has not only varying capabilities and price tags. Generally,
revolutionized our ways of information pro- what a designer needs is a personal computer
cessing, but also provided new methods for of desktop size. Marly personal computers
design creation. As the computer is primarily a belong to the IBM-compatible category and
"number-crunching" machine, it is particularly are simply referred to as PCs. They come in
suitable for,producing configurations of strict numerous brands and models. The other
mathematicalorder. With the rapid development major category is the Macintosh, which is
of many graphics software programs and re- made by only one manufacturer, and probably
lated peripherals in recent years, the computer at a higher cost. What distinguishes the
is now capable of accomplishing with great Macintosh is that it is the first computer to
efficiency most of the design work that is introduce graphical user interface. This
normally done with pencil, pen, and brush. enables the designer to work directly with
Thus, it opens new horizons. pictorial elements with built-in commands
Operating a computer today is relatively simple instead of merely typing verbal commands,
and requires only a short period of training. The and to get printed results similar to what is
computer, engineered with highly sophisticated displayed on screen. Because of this,
technology, can be simply a new and powerful Macintoshes have the support of many
tool to the designer, who does not really have rnore graphics software programs than the
to know how electronic signals work inside the PCs. The gap between the Macintoshes
circuitry to yield the on-screen image. What is and the PCs are narrowing, however, as
fascinating is that, in simple computer oper- some Macintosh software programs are
ations, a designer can produce with great becoming available in PC versions.
exactitude many visual effects relating to At this moment, the Macintosh still repre-
principles of form and design and that trans- sents the choice of the design profession,
formations and changes are unbelievably and therefore it is this system on which my
easy to make. When done manually, without discussion of computer techniques will con-
the computer, these same efforts would, of centrate. For working efficiently with most
course, take many more renewed attempts currently available software programs, a
and hours to perform. computer for graphics purposes should have
We can well anticipate that the computer a random-access memory (RAM) of no less
will soon become an indispensable tool in any than 4 megabytes and an internal or external
designer's office or in design teaching stu- hard drive with a memory exceeding 50 mega-
dios of colleges and institutions. Our concern bytes. Other essential equipment includes a
here is what basic equipment and software black-and-white Postscript laser printer, for
a crisp output of the results on paper, and a Graphics Programs
scanner, which can be acquired at a later Obviously, graphics programs are our main
date, to deal with photographic and existing concern. In these, the screen takes the place
printed images. of a piece of blank paper, with the mouse
All computers are equipped with a central pointer assuming the role of a finger to move,
processing unit, a monitor, a keyboard, and point, and select, or that of a pen, pencil, or
a mouse. The central processing unit is the brush to create marks and shapes. On screen
main component. It has an opening at the as a program is launched, a tool-boxappears,
front to accept floppy disks, so that software containing a range of tools. As we click with
programs recorded on such disks car1 be the mouse on one of the tools in the tool-box,
installed into the hard drive inside the unit or the pointer becomes a cursor in a particular
into a separate external drive. The monitor shape representing the selected tool and
usually sits on top of the central processing performs the function designated for the tool.
unit, and its screen displays information and On top of the screen is a menu bar from which
shapes in monochrome or in full color. The we can access a number of pull-down menus
keyboard is similar to that of a typewriter, by dragging the pointer. A menu is an on-
but it also includes keys that perform func- screen display listing all available commands
tions other than those of a typewriter. The for editing and viewing as well as for special
mouse is a palm-size input device for moving a graphic effects beyond what is possible with
pointer on screen and has a button that can the tools (Fig. 1). Each command may have
be depressed. When the pointer is in a desired submenus and may provide a dialog box for
location, the button of the stationery mouse entering data or for selecting options.
can be "clicked" or it can be firmly held The screen is composed of a matrix of
down while the mouse is "dragged." Cl~ck- dots that are initially white in color. Some
ing and dragging are the two basic mouse dots will appear in black, or sometimes in a
operations. chosen color, as you drag a tool cursor to
A computer is practically useless without make rnarks or shapes. Each dot stands for
proper software. Software programs exist for 1 4 File Edit Uiew O~Iions Draw Transform Font Text I
many purposes, most commonly for word-
processing or for producing spreadsheets,
databases, or graphics. Word-processing
programs are used for writing letters, articles,
and books. Spreadsheet programs are used
for accounting and financial work. Database
programs are for storing and sorting
information to produce reports, tables, and
lists in a desirable order. Graphics programs
are for creating pictorial images as artistic
i expression, as visual communication, as all-
over surface patterns, and for page layouts
i in desktop publishing work.
t
a picture elerrlent or pixel. There are normally programs: paint, draw, page layout, image
72 pixels to an inch, which is the standard processing, font manipulation, and three-
screen resolution. Printing on a Postscript dimensional modeling. A paint program en-
laser printer gives a much higher resolution ables us to "paint" intuitively on screen and
to the shapes created. Resolution is measured produce bit-mapped images as strokes and
in terms of number of dots per inch, or dpi. shapes (Fig. 2). Bit-mapped images composed
A laser printer can provide crisp outputs of pixels do not work with the Postscript lan-
from 300 dpi to over two thousand. Postscript, guage and tend to show some raggedness
a page description programming language along any curved or diagonal edges. They
developed by Adobe Systems to work with are composed of densely packed independent
laser printer.^, helps to eliminate all ragged square dots, representing the affected pixels,
edges that might be visible on the screen. and can be magrrilied to facilitate editing with a
Moving the mouse pointer on screen pencil tool that adds new dots or removes
locates a tool, clicking activates a command existing ones (Fig. 3). Other tools particular
or selects an element, and dragging creates to any paint program are the brush tool of dif-
a line or shape. Mouse operation is also ferent sizes and shapes for making lines or
used in combination with depression of the strokes of different widths and effects (Fig. 4)
shift, option and/or command keys on the and a choice of patterns in the strokes (Fig.
keyboard. Although the keyboard is basically 5), a spraytool to sprinkle dots (Fig. 6), a fill
for typing with different fonts and sizes, it tool to add color and pattern to an enclosed
can be used for issuing short-cut commands area or an unenclosed background (Fig. 7),
and for entering numerical data to determine an eraser tool to regain the original white color
measurements and angles of the lines and of the screen so that corrections can be made
shapes. It also contains a set of arrow keys (Fig. 8). Each time as a line, stroke, or shape is
for moving the mouse-pointer or selected formed on the screen, the new element fuses
elements up, down, left, or right. with all earlier ones it overlaps and becomes
There are roughly six types of graphics inseparable from them.
A draw program is for the creation of shapes
as object-oriented images that are not bit-
mapped but are stored in the computer's
memory as mathematical formulas defining
the positions of anchoring points and paths.
Although the screen display may appear very
much the same as the bit-mapped images in a
paint program, a selected object is indicated
with open or sol~dblack dots along its outlines
or at its four corners (Fig. 9). It can be en-
larged unrestrictedlyand printed without the
jaggedness that is associated with bit-mapped
images (Fig. 10). Each shape or even each
component of a shape remains independent
and can be separately selected at any time for
alteration, transformation, or deletion. This
allows the designer great flexibility in making
subsequent changes. The tool-box features a
special set of point tools for the construction of
paths. Elements first appear on screen as thin
black lines that can be changed into any
weight, color, tone, or pattern (Fig. 11). Posi-
tioning is aided with rulers, guides, grids, and
various commands.
A page layout program imports text and
graphics from a variety of files, effects
9 placement, sizing, scaling, and cropping of
different page elements, and organizes
pages in a sequential order. Text and illus-
trations flow from one page to the next and
can be reshuffled, if desired. A master page
can be used to determine the general layout
and recurring elements for a whole section
of pages. The program has word-processing
I
capabil~tiesfor changing font styles and
sizes and for editing the text. Its graphics
capabilities are limited to the adding of simple
geometric elements, background color and
shades, borders, and frames.
I An image processing program allows
scanning of images from photographs,
sketches, or existing printed materials. It
provides tools and commands for modification
or transformation of the original images in the
form of adjusting contrasts,tones, and colors;
adding textures and patterns; retouching
details; and introducing other special effects,
as desired. Most of the tools and commands,
however, can also be used on the blank
screen for creation of bit-mapped images as
in a paint program.
A font manipulation program is for altering
and custornizing existing fonts and may also
be used to create new fonts. Some of these
11
programs have special transformation tools curves, sharp edges, and structures of strict
or commands for planar, spherical, or cylin- regularity are often requ~red,a paint program
drical distortions of typographical elements is inadequate.
and imported graphic images. For a modest start, all that may be needed
A three-dimensional modeling program is a good draw program. You can choose
combines plane and elevation views to es- from several high-end draw programs on
tablish forms of illusory volume and depth. the market with similar features but distinctly
The forrrls can be swiveled to show how different capabilities. My current choice is
they are seen from different angles, with a the Aldus FreeHand from Aldus Corporation,
change of light source. Some programs may available in both Nlacintosh and PC versions,
include animation capabilities. that facilitates working directly with shapes
in their visual attributes, allows numerous
Choosing a Program levels of undoing, arranges elements in
Every type of program just described is multiple layers, and provldes visible grids
desirable, and ultimately it would be necessary for accurate positioning, among other fea-
to get all of them to meet different requirements. tures. It is on this program that most of my
Most people tend to choose a paint program explanations of computer techniques will be
for their first attempt to create electronic largely based.
pictures. A paint program IS by far the easiest There IS the Aldus SuperPaint, also from
to use and can also provide considerable fun. Aldus Corporation, that the reader could
Simple paint programs produce only black- consider as an alternative choice. Aldus
and-white images. The more sophisticated SuperPaint combir~espaint and draw pro-
ones, however, enable you to tackle all colors grams on interchangeable layers so that
of the spectrum - or a full range of grays if one can first create an image on the paint
you work only with black-and-white outputs layer and immediately transfer it to the draw
-and can simulate effects of actual painting layer, or vice versa. The combination has
and sketching on canvas or rough paper definite advantages, particularly if you think
with dry or wet media. you may want to do sorne painting work on
A paint program, however, is not designed screen. Many special effects are included
for precision work. A paint composition con- on the paint layer for experimental work.
tains shapes and brush strokes intermingled Nevertheless, the drawing capabilities of
with one another in an almost irreversible Aldus SuperPaint are certainly not as exten-
process, although some programs may allow sive as those of the Aldus FreeHand.
you to undo several times beyond the latest
operation. Shapes and brush strokes are Starting to Draw
simply marks formed of loose pixels that are With an appropriate draw program properly
either affected or unaffected by the move- installed 11-1the hard disk drive, the program
ment of a selected tool. Edges of the marks can be launched. On screen, the menu bar
are not clear-cut boundaries. To work with and the tool-box appear. Opening a new file
most of the concepts and principles in this causes a vertically oriented rectangular
book, in which geometric elements, smooth frame to appear in the center of the screen.
tool plots points between straight and
curved paths to ensure a smooth linear flow
without noticeable bumps (Fig. 15). Plotting
a point is accomplished by clicking with a
tool cursor. The pen tool combines the func-
tion of the corner tool and the curve tool. It
plots points to make straight lines with click-
ing and makes curved lines as you drag the
mouse (Fig. 16).
Other tools include a rectangle tool for
drawing squares and rectangles (Fig. 1 7 ) ,
a rounded-rectangle tool for drawing rounded-
corner squares and rectangles (Fig. 18),
12
This IS the fit-~n-windowvlew, showlng the
entire page reduced (Flg. 12). A command
from the v~ewmenu on the menu bar changes
thls to a 100% vlew or a vlew of deslrable
mag n~ficationlreduct~on Activating a pre-
view command from this view menu enables
you to work not just In key-line mode but dl-
rectly with lines and shapes showlng all in-
tended attributes. The view menu also allows
the dlsplay of rulers wlth appropriate mark-
ings, palette boxes for attribution of colors,
line welghts and control of layers, and an in-
formation bar contalnlng measurernents and
angles of the elements, and vert~callhor~zontal 13
positions of the polnter. Furthermore, there an ellipse tool for drawing circles and elllpses
are guldes In dotted or colored llnes that (Fig. 19),a llne tool for drawing straight
can be dragged from the rulers, and a grrd lines (Fig. 20), and a freehand tool for
In a matrix of equ~d~stant dots established drawing irregular curves (Fig. 21). All these
wlth the document setup command In the tools effect shapes when the mouse is
file menu. dragged.
More than half of the tools In the tool-box are In addition, there is the type tool for origi-
for originat~ngshapes. The point tools Include nating characters on the keyboard, which
a corner tool, a curve tool, a connector tool, can be transformed into the desirable size
and a pen tool. The corner tool plots points and font style for use as shapes in a design.
to make straight paths and sharp bends Pictorial fonts such as the Zapf Dingbats,
(Fig. 13). The curve tool plots points to make consisting of symbols and naturalistic shapes,
winding curved lines (Flg. 14). The connector are also a handy choice for the designer
Creating a Shape
Points mark the beginning and end of a path
and can occur along any part of the path.
An open path is one that has disconnected
end points. Connecting end points estab-
lishes a closed path. The rectangle or ellipse
tool produces a closed path right away.
Any shape is constructed of points and
paths. Points define key positions of a path.
The path must take on attributes to be
visible. This is accompl~shedwith the fill
and line command in the attributes menu,
which provides a dialog box for separately

Caps and joins can also be specified for


any open path. Caps, which may be square
or round, are added to the endings of lines
(Fig. 25). Joins occur where two lines meet
at an angle, and they can be in a miter,
round, or beveled shape (Fig. 26). More-
over, the line can be continuous or dashed
(Fig. 27) and car1 be patterned (Fig. 28).
A closed path allows the covering of a
plane with a flat fill, a graduatedfill, a radial
fill, or a patterned fill that could be in a gray
tone or color (Fig. 29). As the closed path is
filled, line attributes should be chosen in

entering fill and line data. An open path takes


the shape of a line with attributes that include
weight, color, and pattern. The weight of a
line can be so thin as to be barely visible
and as thick as two inches (Fig. 23). The
color of a line can be in any gray ranging
from 10% to 80% black (Fig. 24), plus solid
black, white, and none, if you do not work in
full color. White and none may appear the
same on screen, but white refers to an
opaque element that can hide anything
beneath it; whereas none is transparent
and invisible.
7 I order to obtain an outlined shape (Fig. 30).
If you do not want an outline, you can just enter
1
none for the l~neattributes in the dialog box.
Paths can be edited before or after the
attributes.Any point on a path can be specially
selected and moved with the arrow tool
pointer and can be dragged to any desirable
new location to effect change in the path.
There are three types of points, the corner
point, the curve point, and the connector
point, normally resulting from the use of those
respective tools. One type of point can be
substituted for another, using the points
command in the element menu. In this way,
an angular path can become smooth, or a

$$21
smooth path can become angular (Fig. 31).
There are two nonprinting control handles
associated with every curve point. They are
displayed on screen when the curve point is
selected. Dragging each handle with the arrow
pointer adjusts the convexity or concavity of
a curved path (Fig. 32). A point can be added
to the path with any appropriate point tool to
facilitate manipulation or removed with the
points command. Point removal can change a
shape significantly.
31 Holding down the shifi key on the keyboard
-
-- 7
as you drag with the rectangle tool produces a
perfect square, and the ellipse tool a perfect
circle. Rectangles, squares, ellipses, and circles
all come with four handles, and without un-
grouping you can drag any handle to resize and
reshape the path without irregular distortion
(Fig. 33). With activation of the ungroup
command in the element menu, the handles
change into points and each point can be
dragged freely to change the shape (Fig. 34).
The tool-box also contains tools for effect-
ing changes in existing shapes. The rotating
tool is for making directional changes (Fig.
32
35 39
35). The reflecting tool is for fl~ppingthe
shape to obtain its mirrored image (Fig. 36).
The scaling tool is for resizing and repropor-
tioning (Fig. 37). The skewing tool is for
slanting a shape upward, downward, or
sideways (Fig. 38). The magnifying tool is
for blowing up any portion of the shape to
help with critical modifications. The tracing
tool is to perform automatic tracing of the out-
lines of any shape (Fig. 39). The knife tool is
for cutting and splitting a path.

1 Achieving a Composite Shape


A composite shape consists of two or more
shapes in a process involving addition,
subtraction, multiplication, or even division.
Addition is the overlapping of two or more
shapes that can remain separately discernible
with conspicuous line attributes or different
fills (Fig. 40) or fuse together with the same
fill but no line attributes (Fig. 41). Subtraction is
the effect of placing an opaque white shape,
which functions as a negative shape, in front
of a filled shape (Fig. 42). Multiplication is
creating the same shape more than once, by
using the copy and paste commands, the
clone command, or the duplicate command,
all in the edit menu (Fig. 43). Each copy of the I
shape can be moved with the arrow pointer
or any of the arrow keys on the keyboard to
attain the desirable configuration.You can have
as many copies as desirable, and each copy
can be separately moved, rotated, and reflected.
Division requires a more complicated pro-
cedure. This is possible with an ungrouped
closed path, such as a rectangle or ellipse, on
which you can engage the knife tool to insert
breaking points. Afterwards, each segment
or pair of segments is moved away from the
path with the arrow pointer. Then the join
44

777
command in the same menu is used to join
points of separate segments with straight
lines. The process rnust be repeated to obtain
a number of divisions. Individual shapes re-
sulting from division can be shifted and rotated
to establish a new corlfiguratiorl (Fig. 44).
Overlapping shapes can interpenetrate one
another, with the overlapped area or areas
showing the white of the screen. This is achieved
by activating the join command as the shapes
are selected and ungrouped (Fig. 45).
All the above methods car1 be cornbir~ed
to achieve a composite shape (Fig. 46).
47

Establishing Repetition
As just discussed, a shape in repetition can
be used to create a composite shape. Any
shape can become a unit form for repetition
in a composition (Fig. 47). A group of
connected or disconnected shapes can also
be used as superunit forms for repetition
(Fig 48). If a shape or a group of shapes is
copied by the computer, it stores the entire
configuration in a clipboard file and can
repeatedly paste the configuration at
locations indicated by the arrow pointer on
screen to attain an informal composition.
Activating the clone command places a
1 copy of the shape directly on top of the
original. The copy remains unnoticeable until it
is moved with the arrow pointer or the arrow
keys. If necessary, the dialog box associated
with the move command can be accessed
in order to enter numerical descriptions for a
precise vertical/horizontal move. After the
copy is moved once, activating the duplicate
command will cause subsequent copies to
appear with identical moves. All such
moves can form a row or column, which can
again be cloned, moved, and duplicated to
spread the repetition vertically, horizontally,
49
Establishina Radiation I I
Any element-or shape lns~dea repetltlon
structure may be ~nd~vldually rotated w ~ l h
the rotatlng tooi Systemat~crotatlor1 of the
unlt forrns properly arranged can glve a
cornpos~t~on the effect of radiabon (Fig 61)
Flrst, the ~nformat~on bar may be d~splayed
to show the deslrabe degrees of rotaton
and then for preclson corltro the data shown
can be entered n a dalog box provided by
the rotat~ngtool
Before rotating a serles of shapes I ~ regular
I
Intervals, the shape must be cloned Upon I I

rotatlng the unrotated orlglnal and the rotated 65


copy are brought next to each other Then the center, and superimposing on these a
the duplicate command IS used to obtain all seres of concentric circles (Fig. 64). With the
necessary further rotated coples to compete completed rad~ationstructure locked and trans-
the serles (Fg 62) The crucal thng here IS ferred to the background layer, arrangement
the placement of the center of rotallon, whlch of u n t forms can revolve around the same
can affect the cornposltlor s~gn~fcantly (Rg 63) center with the same angle of rotation as the
Elements can be rotated to create a radatlng structural lhnes (Fig. 65).
corrposlte shape to be used as a superunll If you do not use a structure template, ~ O L I
form or to establ~sha formal composlllon can directly clone and rotate a shape with
show~ngan underyng radiation structure A subsequent duplications. The result is some-
radat~onstructure template can be des~gned times unpredictable and the rotation may
by rotatlng hnes regularly In a full revolut~on, have to be redone over and over to achieve
w~lhthe~rconvergence or lntersectlon mark~ng desirable effects.

Establishing Gradation
The elernent menu provides a blend command
that produces gradation almost instantar~eously.
To effect a blend, you must first select two
shapes defining the beginning and the end of
the blend. Each shape must be first ungrouped
so that one of the points on ils path can be
selected to constrain the blend. A dialog
box appears as the command is activated
and in this can be entered the number of
steps, which can range from one to hundreds.
Not only shapes can be blended, but also line
weights and colors. After bierld~ng,the series
of shapes appear as a group, but you can hold
down the option key as you use the arrow
pointer to subselect a shape at the beginning
or end of the blend and make necessary
changes (Figs. 6 M 8 ) . Any change will affect
the entire series of blended shapes. The
entire series can be further transformed (Fig.
69) and can also be ungrouped in order to
effect change in individual shapes within the

,I>
series (Fig. 70).
Blending places intermediate shapes
equidistantly, providing a range of unit forms in
gradation that can subsequently be repeated
72
or reblended to achieve a composition with
an underlying repetition structure (Fig. 71).
Blending two parallel lines of the same weight
but different grays in many steps can result
in a very smooth tonal gradation of a plane
(Fig. 72). Blending two linear shapes of dif-
ferent directions can establish the effect of
radiation (Fig. 73). The blend command does
not, however, provide for instantly erecting a
gradation structure. This must be indepen-
dently constructed with guides or lines made
with an appropriate tool. With a gradation
structure as a background template, you can
- -- then use the blend command to create a series
of unit forms in tonal, shape, or other kinds
of gradation for manual positioning (Fig. 74).

Establishing Similarity
In a composition containing repeated shapes
in a formal structure, random variations of size,
direction, and general attributes can be cre-
ated to achieve the effect of similarity (Fig. 75-
77), or individual shapes can be freely ma-
nipulated to attain shape changes (Fig. 78).
You can also use the blend command to pro-
duce a series of gradually changing shapes
for rearrangement in a nonsequential order to
accomplish the effect of similarity (Fig. 79).
The existence of an underlying similarity between subdivisions. In an active structure,
structure can be implied if the arrangement each subdivision is an independent spatial
of shapes in a repetition structure is delib- cellwith the background assuming the status
erately inconsistent inside particular structural of a shape with desirable attributes. Shapes
subdivisions (Fig. 80). A similarity structure and cells can alternate as positive and
can be constructed with the line tool or any negative elements (Fig. 81), or they can have
point tool, but it is not worth the trouble unless different attributes (Fig. 82). If the background
the structure is active or visible. has a fill of opaque white, shapes in adjacent
cells intruding into it can be blocked at its
Active and Visible Structures borders (Fig. 83). Converting the background
Structural lines,dividethe picture area into shape of the cell into an attributable shape
subdivisions. In an inactive structure, shapes can be done by tracing its bordering outlines
and their surrounding space flow uninterruptedly with an appropriate tool to form a closed
path and sending it behind the unit form with I
the send backward or send to back command
in the element menu. This background shape
and the associated unit form can be seen as
a composite shape.
Giving line attributes to the background
shape, which may or may not have a fill,
produces a visible structure. Structural lines
thus become lattice-like elements working
with the unit forms (Fig. 84).

Representational Forms
Shapes obtained with the type tool, using a I
pictorial font, can be representational forms. 85
After their conversion to paths, they can have
line and fill attributes, and can be transformed
and repeated to establish a composition
(Fig. 85). A shape can also be traced with
the tracing tool, but automatic tracing of
complex shapes may not always produce
satisfactory results.
Connecting a scanner to the computer, you
can import a photographic or printed image
that can be manipulated and repeated (Fig.
86) or used as a template on which you can
trace with the tracing tool or redraw with the
freehand or pen tools. After being traced or
redrawn, the shape can be given any desirable
line and fill attributes and can be used with
or without transformation as a unit form in a
composition (Fig. 87).

Three-Dimensional Images
A drawing program is not specifically intended
for creation of three-dimensional images.
Blending of simple shapes that overlap in a
row, however, can establish an illusion of a
three-dimensional form composed of serial
planes (Fig. 88). Also, a simple linear frame-
work that gives a three-dimensional illusion
can be created with the pen tool or any other
appropriate tool (Figs. 89, 90). In most cases,
a three-dimensional form that looks good in
one particular two-dimensional view can be
very ordinary or even disappointing in real
life and may be impossible for construction
with physical materials when elements must
be solidly joined or supported. Exercises in
three-dimensional design should be accom-
plished with actual models. Computer-aided
design is only for the advanced user who
relies on the computer mainly for expediting
production of planes and elevations and for
perspective presentations.

Getting on with the Main Text


Full explanations of some of the design
terms and concepts are in the main text.
Descriptions of computer techniques here
may not be complete, and can never be totally
adequate. Thus, the reader will need to refer
to special manuals for the computer and its
peripherals, as well as to the user manual
and guide books for any chosen software
program. Software programs get updated
frequently, with improved conveniences and
added features, and hardware can become
easily antiquated when newer models with
increased power appear on the market. This
general introduction is intended only to help
the reader see the essential link between the.
language of visual form and computer lan-
guage. Then the challenge becomes getting
on with the effort to tackle all the concepts,
principles, and exercises in form and design
with growing computer literacy, increasing
aesthetic sensitivity and technical competence
1' e m ~ l o va line that is visible to re~resenta
8 ,
a
line that is conceptual. The visibie line not
only has length but also breadth. Its color
and texture are determined by the materials
we use and the way we use them.
I Thus, when conceptual elements become -
1 vlslble, they have shape, size, color, and
texture. Visual elements form the most
prominent part of a design because they
are what we can actually see.

n
(a) Shape - ~ n ~ t h i that n g can be seen
has a shape which provides the main identi-
fication in our perception. (Fig. 2a)
(b) Size - All shapes have size. Size is
relative if we describe it in terms of bigness
and smallness, but it is also physically mea- -
surable (Fig 2b)
(c) Color - A shape IS dlstlngu~shed
from ~ t ssurround~ngsbecause of color Col-
or here is used ~nits broad sense, comprls- 2
ing not only all the hues of the spectrum but

I l L'8
also the neutrals (black, white, and all the
Intermediate grays), and also all their tonal
and chromatic variations. (Fig. 2c)
(d) Texture - Texture refers to the sur- -
face characteristics of a shape. This may be
P
plain or decorated, smooth or rough, and .................... .................... ....................

may appeal to the sense of touch as much


! as to sight. (Fig. 2d)
! ....... .................... ....................

/ Relational Elements
1 This group of elements governs the place-
C

I
ment and interrelationship of the shapes in
a design. Some are to be perceived, such
as direction and position; some are to be
I felt, such as sDace and aravitv.
u
d
(a) ~ i r e c t i d n- Direction i f a shape de-
pends on how it is related to the observer,
to the frame that contains it, or to other shapes
' nearby. (Fig. 3a)
(b) Position - The position of a shape is
judged by its relationship to the frame or the of a package all become frames of refer-
structure (see Chapter 4) of the design. (Fig. 3b) ence for the respective designs. 1
(c) Space - Shapes of any size, howev- The fral-ne of reference of a design can be 1
er small, occupy space. Thus, space can be of any shape, though it is usually rec.tangu-
occupied or left blank. It can also be flat or lar. The die-cut shape of a printed sheet is
illusory to suggest depth. (Fig. 3c) the frame of reference of the design that is
(d) Gravity - The sense of gravity is not contained in it.
visual but psychological. As we are pulled
by the gravity of the earth, we tend to at- The Picture Plane
tribute heaviness or lightness, stability or in- Within the frame of reference lies the picture
stability to indi.vidual shapes or groups of plane. The picture plane is actually the plane
shapes. (Fig. 3d) surface of the paper (or any other material)
upon which the design is created.
Practical Elements Shapes are directly painted or printed on
The practical elements underlie the content this picture plane, but they may appear to
and extension of a design. They are beyond be above, below, or unparallel to it because
the scope of this book, but I would like to of spatial illusions, which will be fully discussed
mention them here: in Chapter 12.
(a) Representation - When a shape is
derived from nature or the man-made world, Form and Structure
it is representational. Representation may All the visual elements constitute what we
be realistic, stylized, or near-abstract. generally call "forrn," which is the primary
(b) Meaning - Meaning is present when concern in our present enquiry into the
the design conveys a message. visual language. Form in this sense is not
(c) Function - Function is present when just a shape that is seen, but a shape of
a design is to serve a purpose. definite size, color, and texture.
The way form IS created, constructed, or
The Frame of Reference organized along with other forms is often
All the above elements normally exist within a governed by a certain discipline which we
boundary which we call a "frame of reference." call "structure." Structure which involves the
The frame of reference marks the outer relational elemer~tsis also essential in our
limits of a design and defines an area within studies.
which the created elements and left-over Both forrn and structure will be thoroughly
blank space, if any, all work together. discussed in the chapters to follow.
The frame of reference is not necessarily
an actual frame. If it is, then the frame
should be considered as an integral part of
the design. The visual elements of the visi-
ble frame should not be overlooked. If there
is no actual frame, the edges of a poster,
the page of a magazine, the various surfaces
CHAPTER 2: FORM A line generally conveys the feeling of thin-
ness. Thinness, like smallness, is relative.
The extreme ratio between length and
breadth of a shape makes it a line, but there
is no absolute criterion for this.
Three separate aspects should be consid-
Form and the Conceptual Elements ered in a line:
As already pointed out, the conceptual ele- The overall shape - This refers to its gener-
ments are not visible. Thus point, line, or al appearance, which is described as straight,
plane, when visible, becomes form. A point curved, bent, irregular, or hand-drawn. (Fig. 6a)
on paper, however small, must have shape, The body - As a line has breadth, its
size, color, and texture if it is meant to be body is contained within two edges. The
i seen. So must a line or a plane. Volume re- shapes of these two edges and the relation-
: mains illusory in two-dimensional design. ship between them determine the shape of
!
Visible points, I~nes,or planes are forms in the' body. Usually the two edges are smooth
the true sense, although forms as points or and parallel, but sometimes they may cause
lines are still simply called points or lines in the body of the line to appear tapering, knot-
common practice. ty, wavy, or irregular. (Fig. 6b)
The extremities - These may be negligi-
Form as Point ble when the line is very thin. But if the line is
A form is recognized as a point because it is quite broad, the shapes of its extremities may
small. become prominent. They may be square,
Smallness, of course, is relative. A form round, pointed, or any simple shape. (Fig. 6c)
may appear fairly large when it is confined Points arranged in a row may evoke the
in a tiny frame of reference, but the same form feeling of a line. But in this case the line is
may appear rather small when it is put inside a conceptual and not visual, for what we see is
0r much greater frame of reference. (Fig. 4) still a series of points. (Fig. 6d)
1 The most common shape of a point is that
ve of a circle which is simple, compact, non- Form as Plane
the angular, and non-directional. However, a On a two-dimensional surface, all flat forms
lr point may be square, triangular, oval, or that are not commonly recognized as points
even of a somewhat irregular shape. (Fig. 5) or lines are forms as plane.
Thus the main characteristics of a point are: A planar form is bound by conceptual lines
(a) its size should be comparatively small, which constitute the edges of the form. The
and characteristics of these conceptual lines and
(b) its shape should be rather simple. their interrelationships determine the shape
of the planar form.
Form as Line Planar forms have a variety of shapes,
A form IS recognized as a line because of which may be classified as follows:
two reasons: (a) its breadth is extremely (a) Geometric - constructed mathemati-
I narrow, and (b) its length is quite prominent. cally. (Fig. 7a)
t
(b) Organic - bounded by free curves, relationships of forms later in this chapter),
suggesting fluidity and growth. (Fig. 7b) what is positive and what is negative are no
(c) Rectilinear - bound by straight lines longer easily distinguishable.
which are not related to one another mathe- Form, whether positive or negative, is
matically. (Fig.7c) commonly referred to as the "figure," which
(d) Irregular - bound by straight and is on a "ground." Here "ground" denotes the
curved lines which are not related to one area surrounding the form or the "figure." In
another mathematically. (Fig. 7d) ambiguous cases, the figure-ground
(e) Hand-drawn - calligraphic or created relationship may be reversible. This will be
with the unaided hand. (Fig. 7e) discussed in Chapter 12.
(f) Accidental - determined by the effect
of special processes or materials, or obtained Form and Color Distribution
accidentally. (Fig. 7f) Without changing any of the elements in a
Planar forms may be suggested by means of design, the distribution of colors within a
outlining. In this case the thickness of the lines definite color scheme can have a large
used should be considered. Points arranged in range of variations. Let us have a very
a row can also outline a planar form. simple example. Suppose we have a form
Points or lines densely and regularly which exists within a frame, and we can only
grouped together can also suggest planar use black and white. Four different ways of
forms.They become the texture of the plane. color distribution can be obtained:
(a) white form on white ground (Fig. 9a)
Form as Volume (b) white form on black ground (Fig. 9b)
Form as volume is completely illusory and (c) black form on white ground (Fig. 9c)
demands a special spatial situation. A full (d) black form on black ground (Fig. 9d)
discussion of this will be found in Chapter 12. In (a), the design is all white, and the form
disappears. In (b), we have a negative form.
Positive and Negative Forms In (c), we have a positive form. In (d), the
Form is generally seen as occupying space, design is all black, and the form disappears
but it can also be seen as blank space in the same way as in (a). Of course, we can
surrounded by occupied space. have the form outlined in black in (a), and
When it is perceived as occupying space, outlined in white in (d). (Fig. 10)
we call it "positive" form. When it is per- If the design increases in complexity, the
ceived as blank space surrounded by occu- different possibilities for color distribution
pied space, we call it "negative" form. (Fig. 8) will also be increased. To illustrate once
In black-and-white design, we tend to re- again, we have two circles crossing over
gard black as occupied and white as unoc- each other within a frame. In the previous
cupied. Thus, a black form is recognized as example, we have only two defined areas
positive and a white form as negative. But where we can distribute our colors. Now we
such attributions are not always true. Espe- have four areas. Still using black and white,
1 cially when forms interpenetrate or intersect we can present sixteen distinct variations in-
! one another (see the section on the inter- stead of only four. (Fig. 11)
The lnterrelationships of Forms emerges as a result of intersection. It may
Forms can encounter one another in numerous not remind us of the original forms from
ways. We have just demonstrated that when which it is created. (Fig. 12g)
one form crosses over another, the results (h) Coinciding - If we move the two
are not as simple as we may have thought. forms still closer, they coincide. The two cir-
We now again take two circles and see cles become one. (Fig. 12h)
how they can be brought together. We The various kinds of interrelationships
choose two circles of the same size to avoid should always be explored when forms are
unnecessary complication. Eight different organized in a design.
ways of interrelationship can be distinguished:
(a) Detachment - The two forms remain Spatial Effects in Form lnterrelationships
separate from each other although they may Detachment,touching, overlapping, interpene-
be very close together. (Fig. 12a) tration, union, subtraction, intersection, or
(b) Touching - If we move the two coinciding of forms - each kind of interrela-
forms closer, they begin to touch. The con- tionship produces different spatial effects.
tinuous space which keeps the two forms In detachment, both forms may appear
;I apart in (a) is thus broken. (Fig. 12b) equidistant from the eye, or one closer, one
I (c) Overlapping - If we move the two farther away.
/ forms still closer, one crosses over the other In touching, the spatial situation of the two
! and appears to remain above, covering a forms is also flexible as in detachment. Color
I
1 portion of the form that appears to be plays an important role in determining the
underneath. (Fig. 12c) spatial situation.
(d) Interpenetration - Same as (c), but In overlapping, it is obvious that one form
both forms appear transparent. There is no is in front of or above the other.
obvious above-and-below relationship be- In interpenetration, the spatial situation is
tween them, and the contours of both forms a bit vague, but it is possible to bring one form
remain entirely visible. (Fig. 12d) above the other by manipulating the colors.
(e) Union - Same as (c), but the two In union, usually the forms appear equi-
forms are joined together and become a new, distant from the eye because they become
bigger form. Both forms lose one part of their one new form.
contours when they are in union. (Fig. 12e) In subtraction, as well as in interpenetra-
(f) Subtraction - When an invisible tion, we are confronted with one new form.
form crosses over a visible form, the result is No spatial variation is possible.
subtraction.The portion of the visible form that In coinciding, we have only one form if the
is covered up by the invisible form becomes two forms are identical in shape, size, and
invisible also. Subtraction may be regarded direction. If one is smaller in size or different in
as the overlapping of a negative form on a shape and/or direction from the other, there will
Positive form. (Fig. 12f) not be any real coinciding, and overlapping,
(g) Intersection - Same as (d), but only interpenetration, union, subtraction, or inter-
the portion where the two forms cross over section would occur, with the possible spatial
each other is visible. A new, smaller form effects just mentioned.
CHAPTER 3: REPETITION cor~sideredin respect of each of the visual
and relational elements:
(a) Repetition of shape - Shape is al-
ways the most irnportant element. Repetitive
shapes can have different sizes, colors, etc.
(Fig. 13a)
Unit Forms (b) Repetition of size - Repetition of
When a design I S composed of a number of size is possible only when the shapes are
forms, those that are of identical or sirnilar also repetitive or very similar. (Fig. 13b)
shapes are "unit forms" which appear more (c) Repetition of color - This means
than once in the des~gn. that all the forms are of the same color but
The presence of ur~iiforrns helps to unify their shapes and sizes may vary. (Fig. 13c)
the design. Unit forms can be easily discov- (d) Repetition of texture - All forms car1
ered in most designs if we search for them. be of the same texture but they may be of
A design may contain more than just one different shapes, sizes, or colors. In printing,
set of wnlt forms. all solidly printed forms with the same type
Unlt forms should be simple. Overly com- of ink on the same surface are regarded as
pl~catedunit forms often tend to stand out having the same texture. (Fig. 13d)
too much as rndivid~jalforms, and the effect (e) Repetition of direction - This is
of un~tymay be destroyed. possible only when the forms show a defi-
1
- I
nite sense of direction without the slightest
"epetition of Unit Forms arnbigui-ty. (Fig. 13e)
II we Ltse the same form more than once in a (f) Repetition of position - This has to
deslgn, we use it in repetition. do with how forms are arranged in connection
Repetition is the s~mplestmethod in design- with the structure which will be discussed in
ing. Columns and windows in architecture, the next chapter.
the legs of a piece of furniture, the pattern on (g) Repetition of space - All forms can
fabrics,tiles on the floor are obvious examples occupy space in the sarne manner. In other
of repetition. words, they may be all positive, or all nega-
Repetition of unit forms usually conveys tive, or related to the picture plane in the
an immediate sense of harmony. Each re- same way.
petilive unit form is like the beat of some kind (h) Repetition of gravity - Gravity is too
of rhythm. When the unit forms are used in abstract an element to be used repetitively.
larger size and smaller numbers, the design I t is dil'ficult to say that forrns are of equal
may appear simple and bold; when they are heaviness or Ilghtness, stability or instability,
Infinitelysmall and in countless numbers, unless all other elements are in strict repetition.
the design may appear to be a piece of uni-
form texture, composed of tiny elements. Variations in Repetition
Repetition of all the elements may seem
Types of Repetition monotonous. Repetition of one element alone
- 14 In precise thinking, repetition should be may not provoke-fhe sense of order and
- harmony which we normally associate with The Encounter of Four Circles
I
the repetition discipline. I f rnost of the visual To illustrate the formation of superunit
elements are in repetition, possibilities in forms, we will now see how four circles of
/ directional and spatial variations should be the same size can be grouped together.
explored. The possibill~l:iesare definitely unlirnited, but
Directional variations - With the excep- we can examine some of the common ways
- I tion of the plain c~rcle,all forms can vary in of arrangement as follows:
b / direction to some extent. Even circles can
be grouped to give a sense of direction.
(a) Linear arrangement - The circles
are lined up as guided by a conceptual line
Several kinds of directional arrangements which passes through the centers of all the
can be distinguished: circles. The conceptual line rnay be straight,
(a) repeated directions (Fig. 14a) curved, or bent. The distance between the
(b) indefinite directions (Fig. 14b) circles may be regulated as desired. Note,
- (c) alternate directions (Fig. 14c) in an extreme case, that each of the circles
c
(d) gradational direct~ons(Fig. 146) crosses over all the other three simultaneously,
(e) similar directions (Fig. 14e) producing as many as thirteen distinct divi-
Repeated and the more regularly arranged sions. (Fig. 15a)
directions can be mingled with some irregular (b) Square or rectangular arrangement
directions. - In this case the four circles occupy four
- Spatial variations - These can be ob- poir~tswhich, when joined together, can
d
tairred by having the forms encounter one form a square or a rectangle. As in (a), an
another in a multiple of interrelationships as extreme case also shows thirteen divisions
described in the previous chapter. Irnagina- when all the circles deeply interpenetrate
tlve use of overlapping, interpenetration, one another. (Fig. 15b)
union, or positive and negative cornbina- (c) Rhombic arrangement - Here the
- tions can lead to surprising results. four circles occupy four points which, when
8
joined together, can form a rhombus. Regulat-
Subunit forms and Superunit forms ing the distance between the circles, various
A unit form can be composed of smaller types of superunit forms can emerge. (Fig. 15c)
elements that are used in repetition. Such (d) Triangular arrangement - Here the
smaller elements are called "subunit forms." four circles are arranged so that three oc-
If the unit forms, in the process of being or- cupy the three points of a triangle, with the
ganized in a design, are grouped together to fourth in the center. This also prodl~cesin-
become a bigger form which is then used in teresting superunit forms. (Fig. 15d)
repetition,we call these new, bigger forrns (e) Circular arrangement - Four circles
"superunit forrns." Superunit forms can be in circular arrangement turn out the same
used along with regular unit forms in a de- result as in square arrangement, but circular
sign if necessary. arrangement can be very unique with more
Just as we can have more than one single circles. Four circles can be arranged to sug-
type of unit form, we can have a variety of gest the arc of a circle, but this may be
superunit forms if so desired. similar to a lir~eararrangement. (Fig. 15e)
Repetition and Reflection
Reflection is a special case of repetition. By
reflection we mean that a form is mirrored,
resulting in a new form which looks very
much like the original form, except that one
is left-handed, and the other is right-handed,
and the two can never exactly coincide.
Reflection is only possible when the form
is not symmetrical, because a symmetrical
form turns out to be the same form in reflection.
Rotation of a form in any direction can
never produce its reflected form. The re-
flected form has a completely different set
of rotations. (Fig. 16)
All symmetrical forms can be divided into
two parts: one component form and its re-
flection. The union of these two parts pro-
duces the symmetrical form.

Notes on the Exercises


Figures 17a, b, c, d, e, and f all represent
the results of one simple problem: repetition
of unit forms (circles) of the same shape
and size. There is no restriction on the
number of circles used.
Figures 18a, b, c, d, e, f, g, and h all rep-
resent the results of a more complex prob-
lem: students were asked to use two to four
unit forms (circles) of the same shape and
size to construct a superunit form, which is
then repeated four times to make a design.
Two levels of thinking are involved here.
First, unit forms are not directly used to cre-
ate the design but are grouped together to
form superunit forms. Second, the superunit
forms are used for the final design. The
number of circles to be used in this problem
should be no less than eight and no more
than sixteen.
The results of the first problem appear to
be more pleasing because there are fewer
I l l
e3 auo y3nu M O aas ~ PUE u a l q o ~ d
y3ea a y l ']ln~~!jj!p
a-lou s! u a l q o ~ dp u o ~ a sa y l
s](nsaJayl a J e d ~ 0 301 Gu!gsa~alu! s! 11 .as!maxa ayl paldua~lehay1
. s u ~ o40j sd!ysuo!gel uayM yooq sly1 u! Jalel palano3 aq 01 sa-lnl
g u ! sno!JeA ayl 40 uo!ge~oldxaay] u! S ~ J O J -3n~lsaql 40 auos ~ I ! MJe!l!uejun hllelol IOU
~epadsaleJlsuoLuap Ile 'JanaMoy 'sllnsaj aJaM sluapnls ayl 'aJow~ay]~nj !SUO!I~!J~S~J
P
.6u!lu!ld $0 asodw! Aeu s ! y l 'sauol Ael6 ale!paualu!Aue
A6olouy~alayl 6u!l!nba~sqo! u6!sap ~ ( u! e ~ n o yayyM
~ ! ~pue y ~ u! auop~ quaaq amq
Ie!guassaos ale y q y sd!ysuo!yela~
~ al!yM pue yooq s!yl u! palellsnll! sasp~axaayl IIe 1eq1
y ~ e l q$0 6u1puels~apun
y6noloyl e u!e6 01 q~
alay ]no ~ o 01day!l p~noysI . a ~ ! pue
lauu!6aq ayl dlay Aeu Inq uo!lel!u!ly3nu y3qq ~ s nu!l al3.1pe 40 uo!yladal ayl q ~ o p
- CHAPTER 4: STRUCTURE determine the arrangement of unit forms.
Semi-formal structures will be discussed in
Chapters 5, 8, and 10.

Informal Structure
An informal structure does not normally have
Most designs have a structure. Structure is structural lines. Organization is generally free
to govern the positioning of forms in a design. and indefinite. We will come to this type of
Why is one group of unit forms displayed in a structure when we discuss contrast in Chapter
row and equidistant from one another? Why 9. It will also be touched upon in Chapter 10.
does another group of unit forms suggest a
circular pattern? Structure is the underlying Inactive Structure
discipl~nefor such arrangements. All types of structure can be active or inactive.
Structure generally imposes order and pre- An inactive structure consists of structural
determines internal relationships of forms in lines which are purely conceptual. Such
a design. We may have created a design structural lines are constructed in a design
without consciously thinking of structure, but to guide the placement of forms or unit
structure is always present when there is or- forms, but they never interfere with their
ganization. shapes nor divide the space up into distinct
Structure can be formal, semi-formal, or areas where color variations can be intro-
informal. It can be active or inactive. It can duced. (Fig. 19a)
also be visible or invisible.
Active Structure
Formal Structure An active structure consists of structural
A formal structure consists of structural lines lines which are also conceptual. However,
which are constructed in a rigid, mathematical the active structural lines can divide the space
manner. The structural l~nesare to guide the up into individual subdivisions which interact
entire formation of the design. Space is with unit forms they contain in various ways:
divided into a number of subdivisions equally (a) The structural subdivisions provide
or rhythmically, and forms are organized complete spatial independence for the unit
with a strong sense of regularity. forms. Each unit form exists in isolation, as if
The various types of formal structure are it had its own small frame of reference. It can
repetition, gradation, and radiation. Repeti- have a ground of different color from that of
tion structures will be discussed later in this its neighboring unit forms. Alternate, sys-
chapter. The other two types of formal struc- tematic, or random play of positive and neg-
ture will be dealt with in Chapters 6 and 7. ative forms can be introduced effectively.
(Fig. 19b)
Semi-formal Structure (b) Within the structural subdivision, each
A semi-formal structure is usually quite unit form can move to assume various off-
regular, but slight irregularity exists. It may center positions. It can even slide partially
or may not consist of structural lines to beyond the area defined by the structural
subdivision. When this happens, the portion are considered as visible because they
of the unit form that is outside the confines have a definite thickness which can be seen
as clearly marked by the active structural and measured. (Fig. 20b)
lines may be cut off. Thus, the shape of the Positive and negative visible structural
unit form is affected. (Fig. 19c) lines can be used in combination in a de-
(c) When the unit form intrudes into the sign. For example, all horizontal structural
dominion of an adjacent structural subdivi- lines can be positive, and all vertical struc-
sion, th~ssituation can be regarded as the tural lines negative. (Fig. 20c)
I-
encounter of two forms (the unit form and its Visible and invisible structural lines can also
adjacent structural subdivision), and inter- be used together. This means we can have
penetration, union, subtraction, or intersection only the verticals or the horizontals visible.
can take place as desired. (Fig. 19d) Or visible and invisible structural lines can
(d) Space isolated by a unit form in a be used alternately or systematically, so that
structural subdivision can be united with any the visible structural lines mark off divisions,
unit form or structural subdivision nearby. each of which actually contains more than
(Fig. 19e) one regular structural subdivision. (Fig. 20d)

Invisible Structure Repetition Structure


In most cases, structures are invisible, When unit forms are positioned regularly,
whether formal, semi-formal, informal, with an equal amount of space surrounding
active, or inactive. In invisible structures, each of them, they may be said to be in a
structural lines are conceptual, even though "repetition structure."
they may slice a piece off from a unit form. A repetition structure is formal, and can
Such lines are active but not visible llnes of be active or inactive, visible or invisible. In
measurable thickness. this type of structure, the entire area of the
design (or a desired portion of it) is divided
Visible Structure into structural subdivisions of exactly the
Sometimes a designer may prefer a visible same shape and size, without odd spatial
structure. This means that the structural gaps left between them.
lines exist as actual and visible lines of The repetition structure is the simplest of
desired thickness. Such lines should b e all structures. It is particularly useful in the
treated as a special kirid of unit form construction of all-over patterns.
because they possess all the visible
elements and can interact with the unit The Basic Grid
forms and the space contained by each of The basic grid is the most frequently used in
the structural subdivisions. (Fig. 20a) repetition structures. It consists of equally
Visible structural lines can be positive or spaced vertical and horizontal lines crossing
negative. When negative, they are united over each other, resulting in a number of
with negative space or negative unit forms, square subdivisions of the same size. (Fig. 21)
and they can cross over positive space or The basic grid provides each unit form the
Positive unit forms. Negative structural lines same amount of space above, below, left, and
right. Except for the direction generated by should, of course, be of the same shape
the unit forms themselves, the vertical and and size, and fit together perfectly without
horizontal directions are well-balanced, with gaps in the design. (Fig. 22f)
j no obvious dominance of one direction over (g) Further dividing - Structural sub-
I the other. divisions in a repetition structure can be
further divided into small or perhaps more
Variations of the Basic Grid complex shapes. The new, smaller sub-
There are many other types of repetition divisions should, again, be of the same
structures, usually derived from the basic shape and size. (Fig. 22g)
grid. Such variations of the basic grid are (h) The triangular grid -Tilting of the
suggested as follows: direction of structural lines and further
(a) Change of proportion - The square dividing the subdivisions thus formed, we can
subdivisions of the basic grid can be obtain a triangular grid. Three well-balanced
changed into rectangular ones. The balance directions are usually distinguished in this
of the vertical and the horizontal directions triangular grid, although one or two of the
is thus transformed, and one direction gains directions may appear to be more prominent.
greater emphasis. (Fig. 22a) (Fig. 22h)
(b) Change of direction - All the verti- (i) The hexagonal grid - Combining
cal or horizontal Ilnes, or both, can be tilted six adjacent spatial units of a triangular grid
to any angle. Such diversion from the origi- produces a hexagonal grid. It can be elon-
nal vertical-horizontal stabil~tycan provoke a gated, compressed, or distorted. (Fig. 22i)
sense of movement. (Fig. 22b) It is necessary to note that inactive (and
(c) Sliding - Each row of structural sub- invisible) structures should be rather simple,
divisions can slide in either direction regularly because the shape of the subdivisions remains
or irregularly. In this case, one subdivision may unseen. Active (both visible or invisible)
not be directly above or next to another subdi- structures can be more complex. Since the
vision in an adjacent row. (Fig. 22c) shape of the subdivisions is to affect the
(d) Curving andlor bending - The en- design, care should be taken in relating
tire set of vertical or horizontal Ilnes, or both, them to the unit forms.
can be curved and/or bent regularly, result-
ing in structural subdivisions still of the Multiple Repetition Structures
same shape and size. (Fig. 22d) When the structure consists of more than
(e) Reflecting - A row of structural sub- one kind of structural subdivisions which
divisions as in (b) or (d) (provided that the repeat both in shape and size, it is no
twoouter edges of the row are still straight and longer a repetition structure but a "multiple
Parallel to each other) can be reflected and repetition structure."
repeated alternately or regularly. (Fig. 22e) A multiple repetition structure is still a formal
(f) Combining - Structural subdivisions structure. The various kinds (usually two,
in a repetition structure can be combined to but there can be more) of structural subdivi-
form bigger or perhaps more complex sions are woven together in a regular pattern.
shapes. The new, bigger subdivisions Examples of this type of structure are
mathematical semi-regular plane tessella-
tions and structures consisting of repetitive
shapes with regular gaps. (Fig. 23)

Unit Forms and Structural S~~bdivisions


In an inactive (and invisible) structure, unit
forms are either positioned in the center of
structural subdivisions, or at intersections of
structural lines. They can fit exactly, be
smaller or bigger than the subdivisions. If
bigger, all adjacent unit forms will touch,
overlap, interpenetrate, unite, subtract, or in-
tersect one another. Sorneti~nesthey car1 be
so big that one can cross over several others a
/ simultaneously.
I

1
In an active (visible or invisible) structure,
each unit form is confined to its own spatial
subdiv~sion,but it is not necessarrly placed
right in the center of the subdiv~sion.It can
lust fit, be smaller or bigger than the su bdivi-
sion, but it is seldom so big that it extends
too much beyond the area of the subd~vision.
Variations of position and direction can occur.
Superunit forms are related to the struc-
tural subdrvisions in the same way, except
1 that we may contain them in superstructural

I subdivisions which consist of several regular


subdivisions joined together.
b
I

Repetition of Position
This has been mentioned in the preceding
chapter. Repetition of position means that
the unit forms are all positioned inside each
subdivision in exactly the same way.
In an inactive (and invisible) structure,
there is always a repetition of position, be-
cause if the positioning of unit forms inside
each subdivision varies, the regularil:~of the
repetition structure may be easily destroyed.
In an active (visible or invisible) structure,
repetition of position is not always necessary.
The active or visible structural lines provide
sufficient discipline of repetition so that the
freedom of positioning the unit forms, plus
directional variations, may be fully explored.

Superimposition of Repetition Structures


One repetition structure, along with the unit
forms it carries, can be superimposed upon
another repetition structure. The two
structures and their unit forms can be the same
or different from each other, Interaction of
the two structures may produce unexpected
results. (Fig. 24)

Notes on the Exercises


Figures 25a, b, c, d, e, and f exemplify the
use of repetitive unit forms in an inactive
(and invisible) repetition structure. The unit
form here is a smaller circle enclosed by a
bigger circle. The relationship of the smaller
circle and the bigger circle has to remain
consistent within each design.
The use of active (and invisible) repetition
structures is demonstrated in figures 26a, b,
c, d, e, and f. The unit form here is similar to
the one used in our problem for inactive rep-
etition structure, except that the ring-like
shape is broken, suggesting a form very
much like the letter C.
Comparing the results of the two prob-
lems, we should easily notice that straight
lines are present in the designs with active
structures but absent in those with inactive
structures. The straight, active structural
lines not only affecl the shape of unit forms
and space surrounding them, but also
change the nature of the design.
centers, the design may contain a distorted - By sliding the sectors of a centripetal
center, or several hidden centers. (Fig. 49f) structure, the center of radiation can be
(g) Gradual rotation of concentric opened up and a triangle, square, polygon,
layers - If the concentric layers are not or star shape can be formed. (Fig. 50d)
perfect circles but squares, polygons, or
irregular shapes, they can be gradually Superimposition of Radiation Structures
rotated. (Fig. 49g) As pointed out earlier, the three kinds of
(h) Concentric layers with centrifugal radiation structure are interdependent.
radiations - Centrifugal radiations can be Unless the unit forms are just the structural
constructed within each concentric layer. lines themselves made visible, each kind of
(Fig. 49h) radiation structure generally requires
(i) Reorganized concentric layers - another to produce fine structural
The concentric layers can be reorganized so subdivisions for the accommodation of unit
that some of the structural lines can be bent forms. (Fig. 51a)
and linked with other structural lines, result- Superimposition in this way is just a
ing in interwoven patterns with one or more practical necessity. Which kind of radiation
centers. (Fig. 49i) structure will dominate during this superim-
position depends on the shape and posi-
The Centripetal Structure tioning of the unit forms.
In this kind of structure, sequences of bent Sometimes one radiation structure is su-
or curved structural lines press towards the perimposed upon another of the same type I
center. The center is not where all the or a different type with a different purpose. The
structural lines will converge but where all result is a complex composition, often pro-
angles or curves formed by the structural ducing interesting moire patterns. (Fig. 51b)
lines point towards.
(a) The basic centripetal structure - Radiation and Repetition
This consists of equal sectors within each of A radiation structure may sometimes be
which are constructed equidistant lines superimposed upon a repetition structure.
parallel to the two straight sides of the sec- With the repetition structure remaining
tor, forming a series of angles progressing unchanged, the radiative structural lines
towards the center. (Fig. 50a) may be shifted slightly so that the continuity
(b) Directional change of structural lines of the radiative lines from one repetitive
-The parallel lines in the basic centripetal struc- structural subdivision to the next is interrupted
ture can change in direction, so that increas- to provoke a sense of movement. (Figs. 52a
ingly acute or obtuse angles are formed at the and b)
joining points of the structural lines. (Fig. 50b) A radiation structure may also be superim-
(c) Curving and bending of structural posed upon simple repetitive forms guided
lines - The structural lines can be curved by an inactive repetition structure. (Fig. 52c
or bent regularly, creating complex changes
within the pattern. (Fig. 50c) Radiation and Gradation
(d) Opening up of the center of radiation Most of the radiation structures illustrated
earlier in this chapter are constructed with generally repetitive within each ring, but
repetitive angles and/or spacing. However, gradational from the center towards outer
gradational angles and/or spacing may be rings. Unit forms fit these subdivisions in the
used in a great many of the cases. (Figs. same way as they fit those in a gradation
55f and g) structure. Of course it is also possible to
A radiation structure may be superimposed subdivide each concentric ring in a different
on a gradation structure or a group of gra- manner if desired. (Fig. 53e)
, dational unit forms in the same way as it is In a regular centripetal structure, the sub-
superimposed on a repetition structure or a divisions are defined by sets of parallel
group of repetitive forms. lines which curl or bend towards the center.
These can be further divided by superim-
Structural Subdivisions and Unit Forms posing sets of parallel lines, another cen-
Structural subdivisions in a radiation structure tripetal structure, or a concentric structure.
are usually either repetitive or gradational, (Figs. 53f, g, h, and i)
although they may also be similar to or
plainly different from one another. Unit Forms in Radiation
In a centrifugal structure, the subdivisions We have spoken of unit forms in repetition,
are generally repetitive in both shape and similarity, and gradation, and in each of
size. Unit forms fit these subdivisions in the these disciplines all the visual and relational
same way that they fit those in a repetition elements can be considered. Radiation is a
structure, except that the subdivisions nor- kind of discipline which involves structure
mally carry the unit forms in their directional only. If we have to speak of unit forms in
rotation. The unit forms may conform to the radiation, it will be the concentric movement
directions of the subdivisions or maintain a discussed under the heading of "Patterns of
constant angle to the axis of each subdivi- Gradation" in the chapter on gradation.
sion. (Figs. 53a and b) Concentric movement creates a feeling of
Within each of the subdivisions in a cen- radiation, but basicallv it is a gradational
trifugal structure, finer subdivisions can be use of unit forms. In planar rotation, the unit
constructed if desired. A sequence of paral- forms can be rotated in such a way that they
lel lines can be employed for the purpose, all point to the physical center of the design. In
but there is virtually no limit to the ways of planar progression, they can gradually
making further subdivisions. (Fig. 53c) move towards or away from the center from
In a regular concentric structure, the one concentric ring to the next. (Fig. 54a)
subdivisions are in the form of a ring which Unit forms can be designed as miniature
can only accommodate unit forms of a linear radiation patterns which are arranged
nature. A centrifugal structure is usually repetitively or gradationally in a repetition
required for making fine subdivisions, and structure. The effect is stdl very much like
each ring can be rotated variably, if necessary, radiation. (Fig. 54b)
SO that the subdivisions in one ring do not have
toalign with those in the next ring. (Fig. 53d) Oversize Unit Forms
Subdivisions obtained in this way are A unit form can sometimes be almost as big
i
as the entire radiation pattern itself, or its Notes on the Exercises
length or breadth can be comparable to the Figures 55a through n all illustrate radiation
diameter of radiation. Such oversize unit forms designs with unit forms more or less of a
can be rotated along a centrifugal structure, linear nature. In some examples the unit forms
maintaining a fixed relationship to each of are just the structural lines made visible; in
the structural lines. During rotation, one unit other examples they are designed to fit
form will inevitably cross over several or all structural subdivisions.
other unit forms, and careful manipulation of No attempt is made here to group the ex-
overlapping, interpenetration, union, sub- amples into the three kinds of radiation
traction, and intersection will produce exciting structure discussed in this chapter, because
results. (Fig. 54c) although some are immediately distinguish
able as this or that kind, most are a blendin
Irregular and Distorted Radiation the different kinds. It is strongly suggested
Any irregular departure from regular the examples should be carefully ana
radiation structures can be made if desired.
Irregularity can occur only in one section of
a regular pattern, but the entire design can
be created with a vague center and loosely
scattered radiating elements or series of
irregular concentric rings.
Photography and other mechanical means
can be used to distort a regular radiation
pattern. The pattern drawn or painted on pa-
per can be photographed with a special lens,
through a textured transparent screen or at
an angle. It can also be curled, creased,
folded, or crumpled, and then made into a
flat picture by means of photography.

I
'awes a y. l sulewal
.
aql jo adeqs lelaua6 a y l q 6noqlle '13a~ja
w.104 @
I
1
lens!/\ l u a l a j ~ ! pe ut sllnsal l u a u l e a ~ l
40 poqlau 43133 'sllelap l a y l o pue 's3!ls!
,..
-lal3eleq3 a3ejlns 's~noluo3st! aq113sap
1eq1saueld pue 'sautl 'slu!od 40 uo~le:,
-!ldde aql saJ!nbal UAOJ e 6u!z!lens!~
.uo!l3aJ!p
l o 'uo!ysod ' ~ o l o 3'az!s sl! u! a6ueq3
e anoql!M s A e lualajyp ~ l o laqunu
e ut p a p d a p aq ue3 11'a3ej~nsleuo!s
-uaur!p-OM)e uo adeys sayel w ~ oej s y
1 Visualization with Lines Visllalization with Planes

A line is created by moving an appropri- The shape outlined in figure 20 can be


ate tool across a surface by hand. It is painted black to create a continuous flat
easy to visualize a form constructed with plane. The result is a silhouette-the
lines. It is somewhat like drawing, simplest expression of a form (fig. 24).
except that solid lines of uniform Black and white areas can be easily
breadth might be used in design crea- reversed; a black shape on a white back-
tion. ground becomes a white, or negative,
An outline is the most economical shape on a black background (fig. 25).
expression of basic visual information A shape that is achieved with one con-
(fig. 20). If a fine line does not achieve tinuous plane is usually void of details.
the visual impact desired, a much bolder Negative lines (white lines on the solid
line could replace it (fig. 21). b!ack plane) can be used to introduce
Within the outline details can be intro- details. Negative lines separate a large
duced that provide descriptive informa- plane into smaller planes (fig. 26).
tion and strengthen the connections and
divisions of elements, the apparent vol-
ume and depth, and the spatial
sequence from foreground to back-
ground of the form (fig. 22).
A form can also be visualized with pri-
mary and secondary lines to clarify its
structure; in this case. lines of two or
more uniform breadths may be used (fig.
23).
Visualization with Points Visualization with Texture

Repeated points can be arranged to out- Texture can be created with points,
line a form (fig. 28). Points can also be short lines, long lines, or any combina-
grouped as a plane to suggest a form tion of these. Texture can be shown as a
(fig. 29). When used to create planes, regular pattern, or as an irregular pat-
points produce texture. tern, with slight variations in the shape
or size of similar elements (figs. 30, 31).
Texture generally adds visual varia-
tions to planes and surface characteris-
tics to forms. Texture can also be
applied in light-dark modulations to
establish volume (fig. 32).
TYPES OF FORMS Representational Forms

Forms can be broadly classified accord- A representational form can be rendered


ing to their particular contents. with photographic realism or with some
A form that contains a recognizable degree of abstraction-as long as it is
subject communicates with viewers in not so abstract as to make the subject
more than purely visual terms. This is unrecognizable (fig. 33). If the subject
called a representational form. When a cannot be identified, the form is nonrep-
form does not contain a recognizable resentational.
subject, it is considered nonrepresenta- Sometimes the subject of a represen-
tional or abstract. tational form is fantastic. The form, how-
ever, will present a transformed reality,
one that suggests volume and space, so
the fantastic subject conveys a kind of
reality to the viewer (fig. 34).
Natural Forms Man-made Forms

Representational forms can be further Man-made forms are representational


classified according to subject matter. If forms that are derived from objects and
the subject is something found in environments created by man (fig. 36).
nature, the form can be described as a They can feature buildings, furniture,
natural form (fig. 35). vehicles, machines, tools, household
Natural forms include living organ- products, toys, apparel, or stationery, to
isms and inanimate objects that exist on name a few possibilities.
the earth's surface, in the oceans, or in
the sky.
Verbal Forms Abstract Forms

Written language consists of characters, An abstract form lacks a recognizable


letters, words, and numerals t l ~ a make
t subject (fig. 38). It could be the design-
precise visual communication possible. er's intention t o create a form that repre-
A form based on an element of written sents nothing. This form could have
language is a a verbal form (fig. 37). been based on a subject that has
A verbal form is representational in become obliterated after excessive
that it depicts a recognizable idea, transformation, or it could have been the
rather than something that exists in a result of experimentation with materials
material sense. that led to unexpected results.
An abstract form expresses a design-
er's sensitivity to shape, color, and com-
position without relying on recognizable
elements.
TYPES OF SHAPES Calligraphic Shapes

The same form, whether representa- The movement of the hand, the drawing
tional or abstract, can be expressed in tool, the medium, and the drawing sur-
different shapes. This does not mean face are apparent in a calligraphic
that it must be seen from different views, shape. The tool is generally a pen, pen-
angles, and distances, or that it rnust be cil, or brush, whose particular character-
moved or transformed; the different istics are apparent in the finished form
approaches possible in visual creation (fig. 39).
produce different resu Its.
One approach is to draw the shape
freehand in a somewhat calligraphic
manner. Another approach is to create
an organic shape by reducing a shape to
all smooth curves. A third approach is to
use only straight lines, circles, or arcs to
establish a geometric shape.
Organic Shapes Geometric Shapes
The Multiplication of Planes

The same plane can be multiplied, or


used repeatedly without change in
shape or size. Each plane is thus seen as
a component of a plural form.
A plane that is multiplied can produce
separate planes (fig. 134), ptanes that
touch (fig. 135), planes that are joined
(fig. 136), planes that overlap (figs. 137,
138), ptanes that interpenetrate (fig.
139), planes that combine positive and
negative shapes (fig. 140).
The Multiplication of Planes

The same plane can be multiplied, or


used repeatedly without change in
shape or size. Each plane is thus seen as
a component of a plural form.
A plane that is multiplied can produce
separate planes (fig. 134), planes that
touch (fig. 135), planes that are joined
(fig. 136), planes that overlap (figs. 137,
138), planes that interpenetrate (fig.
139), planes that combine positive and
negative shapes (fig. 140).
The Division of Planes

A lane can be divided into equal or


.- 1-

unequal parts. Negative lines can be


introduced with gaps between dissected
shapes (figs. 141, 142). The slight dis-
placement of dissected shapes can lead
to interesting effects, but the original
shape of the plane must remain recog-
nizable (fig. 143).
Dissected shapes can touch, join,
overlap, or interpenetrate (fig. 144).
Varying the Size of Planes

Pla
A plane can be enlarged gradually, or rot
dilated. Smaller planes can then be tio
placed within larger planes concentri- be
cally, or with slight variations in the thc
direction or position of elements (figs. ge:
145,146). Alternate positive and nega- in I
tive shapes might be overlapped (fig.
147).
The Transformation of Planes

Planar shapes (or flat forms) can be


rotated gradually to achieve transforma-
tion. The transformed shapes can then
be superimposed (fig. 148). In addition,
the size of shapes can be altered to sug-
gest receding and advancing elements
in space (fig. 149).
As with size variations, alternate posi-
tive and negative shapes might be over-
lapped (fig. 150).
Folding Planes Establishing Volume

A plane can be nianipulated to form a A shape can be thickened along one or


round or pointed corner where it is more of its edges to establish volume.
made to fold. Folding might expose the The combination of lines and planes
reverse side of a shape, which can then helps to distinguish the frontal plane
be visualized in outline (figs. 151, 152). A from the side planes in a shape (figs.
negative line can indicate a sharp fold 154, 155).
(fig. 153). Volume can be presented with .the
frontal plane turned obliquely or lat-
erally (figs. 156, 157).
Regularity

Most geometric shapes are regular, or


have components with consistent or
orderly posi1:ions and directions. Shapes
should be positioned at predetermined
distances (fig. 158). The direction of
shapes shot~ldbe at predetermined
angles, establishing fan, circular, or spi-
ral patterns (fig. 159).
With two or four components, a sliape
might resemble a square (fig. 160). With
three components, a triangular shape
might result (fig. 161).
Deviation Symmetry Asyr

Sometimes strict regularity produces a Symmetrical shapes are regular shapes Sligl
rigid composition, and some deviation is whose left and right halves are mirror SY m
desirable. Deviation is effectively applied images. An invisible straight line, an halv
when one or more components change axis, divides the shape equally (fig. 166). the l
shape, size, position, or direction with- A symmetricat shape can be positioned to 0 1
out seriously disrupting the original horizontally or on a slant (fig. 167).
design (figs. 162-65).
Slight deviation can be introduced in a
svrnrnetrical shape by shifting the two
halves out of alignment, by overlapping
the halves, or by adding some variation
to one of the halves (figs. 168-70).

i
CREATING ORGANIC SHAPES C and S Curves

Organic shapes are formed of smoott-lly A line that flexes in a single direction
flowing curves with imperceptible transi- results in a C curve (fig. 171). The other
tions or projecting connections. The type of curve, an S cilrve, is produced
curves are usually hand drawn, but when a line is flexed in two directions
drawing instruments, such as French (fig. 172). Tlie S curve is actually two C
curves or flexible curves, are sometimes curves joined from opposite directions.
used. Straight lines are rarely present. A Both C and S curves can be presented
shape created with curves and straight as small or large loops (figs. 173, 174).
lines exhibits geometric as well as
organic characteristics.
Although simplicity is generally desir-
able, an organic shape can display intri-
cate detai Is.
Shapes with Rounded Tips

I1 Two curves that meet can either estab- Any projecting or inverted tip can be
t' lish a continuous flow or a pointed tip. rounded by smoothing the point (figs.
Pointed tips can be seen either as pro- 179, 180).
jecting from the body of a shape (fig. This rounded tip can be exaggerated
175), or as inverted toward it (fig. 177). with a prominent ending (figs. 181, 182).
Tips that are blunt (figs. 175, 177) can
be sharpened by extending the curves
near their junction (figs. 176, 178).
The Joining and Lir~kingof Shapes The Splitting, Tearing, and Breaking of
Shapes

Two shapes that overlap (fig. 183) can be A shape (fig. 187) can be split partially or
partially joined (fig. 184). conipletely into two or more shapes,
Two separate shapes (fig. 185) can be while the overall image remains intact
linked with protrusions (fig. 186). (figs. 188, 189). The split components
might be marripulated to introduce slight
variations if desired.
The tearing and breaking of shapes
result in ragged edges, which introduce
some irregularity (fig. 190).
Cutting and Removing Parts of Shapes The Curling and Twisting of Shapes

A portion, or portions, of a shape can be A shape can be treated as a soft plane


cut and removed, altering its edge (fig. that c ~ ~ rto
l sreveal the bottom or back of
191), or producing negative shapes (figs. the shape (fig. 195).
192,193). Cut edges might be left rag- A shape can also be distorted by twist-
ged to suggest a forced break (fig. 194). ing it and narrowing its middle (fig. 196).
The Rippling and Creasing of Shapes The Inflation and Deflation of Shapes

The excessive curling of a shape leads A shape can be inflated to considerable


to ripples (fig. 197). fullness (approaching a circle) without
Creases created by curling and rip- an obvious increase in size (fig. 200). It
pling a shape can be given sharp edges can also be deflated, or contracted,
(fig. 198). Creasing can be effected only becoming crinkled, without an obvious
halfway down the shape (fig. 199). decrease in size (figs. 201, 202).
' The Metamorphosis and Deformation The Proliferation of Shapes
of Shapes

A shape can metamorphose-be Mul1:iple use of a shape is called prolifer-


affected by internal growth in one or ation (fig. 207). The size and shape of
more specific areas (fig. 203). It can be overlapped or superimposed, prolifer-
deformed as if it is being acted upon by ated elements can vary (figs. 208-1 0).
some external force that is squeezing,
pulling. or pushing it (figs. 204-6).
Symmetrical Expression

Symmetry can be introduced in an


organic shape. To achieve strict symme-
try, a mirror image can be created of
components on either side of an invisi-
ble axis (fig. 21 1). The axis, however, can
become a C- or S-shaped curve, and the
components can be appropriately
adjusted for a symmetrical expression
(fig. 212).
Further manipulations of the resultant
shape can a.lso be introduced (fig. 213).
Components can vary slightly without
destroying the symmetry of the structure
(fig. 214).
VARIATIONS OF A FORM Internal Variation

A form, whether abstract or representa- One way to change the shape of a form
tional, geometric or organic, can be is to change the internal area from a
developed into different configuraations. solid plane (fig. 215 ) to an empty space.
The designer can thus examine all pos- The form might have a fine or a bold out-
sible variations before deciding on one. line (figs. 216, 217).
Illustrations on the next few pages fea- The form call be split into two or more
ture a variety of L-shaped forms stripes (fig. 218), covered with a texture
(fig. 21 5). or pattern (fig. 2191, layered (fig. 220), or
given other details (fig. 221).
External Variation Extension

The two basic ways to vary a form exter- A form can be extended with a border or
nally are with corner (fig. 222) and edge concentric layers (fig. 226). Creating a
variations (fig. 223). frame of a certain shape (fig. 227), add-
Sometimes internal variations lead to ing a shape to serve as background (fig.
external variations, or vice versa. The 2281, or introducing subsequent layers
combined external-internal variations (Fig. 229) can also be used as extensions.
can establish interesting results (figs.
224, 225).
a Superimposition Transfiguration

Other forms can be superimposed on a A form can be transfigured by changing


given form without obliterating its gen- a portion of the form or the entire form
era1 shape (figs. 230-32). to something representational (figs.
233-35).
Dislocation Distortion Thr

A form can be dissected or broken into The simplest way to distort a form is to A fc
two or more parts and then dislocated change the proportion of its height and d irr
(figs. 236-38). width. This can be done by using a r or t
superimposed square grid as a guide tan
(fig. 239). A grid of decreased height or V
narrower width is then drawn to map out acc
a distorted shape (fig. 240). rot:
Diagonal distortion, circular distor- sha
tion, or any other distortio~ican be apr
effected in a similar manner (figs. 241, A
242). ma1
wat
A form can be regarded as a three-
dimensional plane that might bend, fold,
or be seen froni different angles and dis-
tances (figs. 243-46).
When 'thickness is added to a form, it
acquires volume (fig. 247). It can be
rotated in space, displaying a different
shape (fig. 248). It can also be made to
appear transparent (fig. 249).
An extension to a form can approxi-
mate shadows or reflections cast on
water (figs. 250-52).
Further Developments

All the previously me~itionedmethods of


developing a form can be corn bined,
producing many more possible configu-
rations (figs. 253-58).

253

255
FORMS AND SUBJECTS Observing Natural Forms

Most representational forms capture the Natural fornis are diverse, but possess
basic characteristics of shapes and the same basic structura.l characteristics
avoid subjects with unusual, less famil- determined by natural laws governing
iar details. For instance, a leaf can be their growth. It is helpful to observe and
depicted as a shape representing leaves identify the environmental forces that
of most deciduous trees, or it can be affect the shapes of natural forms. -The
depicted as a shape representing one shapes of the components of natural
particular tree. It is rare, however, that a forms and how they work together struc-
leaf of an unusual shape is chosen as turally should then be examined.
the subject for a design.
Various ways of designing a form have
been suggested in Part II, and these can
be applied to the design of representa-
tional forms. It should first be decided
whether to present a form as a geomet-
ric shape or as an organic shape, and
how abstract it could be and still satisfy
design goals. A preliminary search into a
range of specimens is often desirable,
so that their particularities can be com-
pared and general features extracted.
Drawing a selected specimen or two is
necessary for achieving a thorough
understanding of the subject.
Spirals and Undulations

Acommon feature in .the structures of Linear shapes in nature are seldom lin-
plants and animals is the existence of a ear in the geometric sense. These natu-
backbone or central columnar shape ral shapes actually curl slightly or
with elements that branch bilaterally (fig. prominently in one or more directions.
259) or in an alternating pattern (fig. If a linear shape proceeds as a C
260). Branching can also take the form curve, winding around a center in gradu-
of a splitting-one element splits into ated swirls, a spiral is formed (fig. 264).
two, two into four, and so on (fig. 261). S~~ggesting three dimensions, a conical
When more than two elements branch, (fig. 265) or tubular shape can be cre-
a fanning pattern can result. Fanning ated (fig. 266).
can extend 360 degrees, with rotating If it proceeds as an S curve, narrow or
elements emerging from one central wide undulations result (figs. 267, 268).
point (fig. 262), or surrounding a large Undulations can form a grooved shape
open center (fig. 263). or chain to suggest a third dimension
(figs. 269, 270).
Affinity and Unity Observing Man-made Forms Mat

Elements within a particular natural form Man-made forms are either crafted with Mat
-cells, sections, or layers that make up tools by hand or nianufactured with rn a:
a su rface-usual ly display affinity (figs. machines. Generally, tools and opa
271,272). These elements are not strict machines are efficient at creating
straight lines, Flat surfaces, right angles,
I fab
repetitions, but vary individually or pro- lar c
gressively to conform to an overall circles, and cylinders. This explains why
most man-made forms display a geomet-
! P
t he1
shape and structure. There might be
several types of elements, with affinity ric configuration. Organic shapes are wit/
among elements of the different types. sometimes introduced as decorations, allo
Affinity establishes unity. Unity is also or for ergonomic reasons.
established by fitting elements tightly The nature of its materials and the
together (fig. 273). Transitions create a assembly of its parts are important con-
smooth 'Tlow between elements (fig. siderations when observing a man-made
274). form. It is also important to study the
form from different viewpoints.
Materials and the Assembly of Parts Plans, Elevations, and Perspectives

Materials can be thin sheets or sol id Man-made forms are often conceived as
masses, soft or hard, transparent or plans and elevations. Viewing the form
opaque, light or heavy. Materials used to from above establishes its plan (fig. 275).
fabricate man-made forms can be singu- Viewing it from the front and sides
lar or can be parts that are assembled. establishes its elevations (figs. 276, 277).
Parts can be assem bled by fitting Plan and elevation studies are the basic
them, bonding them, or joining them ways of visualizing a man-made form.
with springs, pivots, or hinges, which The form is then studied from different
allow for movement. viewpoints, or perspectives (fig. 278). It
must be noted that most planes are dis-
torted when seen in perspective.
SELF-CONTAINED COMPOSITIONS Establishing Singular Forms

,
Designing with representational forms To create a singular form, the chosen
C
can begin with a series of self-contained subject is first studied from different
compositions-singu lar forms, plural viewpoints with drawings and sketches. '
forms, and/or c o m p o ~ ~ nforms
d that are One drawing (fig. 279) is then selected
established without a frame of refer- and used as the basis for design devel-
ence. These might then be contained opment. Consideration is given to
within specific frames of reference to aspects of aesthetics as well as commu-
help define spatial relationships. nication. The singular form can be visu-
alized as one solid plane (fig. 2801,
planes displaying details (fig. 281), lines
(fig. 283),the combination of lines and
planes (figs. 282,284, 285), or a textured
shape (fig. 286).
Establishing Plural Forms

Repeating a singular form establishes a


plural form (fig. 287). The singular
forms, now components, could vary
externally and/or internally (fig. 288).
They could touch, overlap, join, or
remain separate. Joining representa-
tional forms can result in a rather unnat-
uralistic, yet interesting design (fig. 289).
Separate fornis must be adjacent, with
one intruding the semienclosed space
of the other if they are to be considered
plural (fig. 290).
Two or more components can be
arranged in accordance with the follow-
ing concepts:
a. translation-varying the positions,
but not the directions, of components
. - 291)
(fig.
b. rotation-varyi ng the directions,
with minimal change in position, of com-
ponents (figs. 292-95)
c. reflection-creating components as
mirror images (figs. 296-98)
d. dilation-increasing the size of
superimposed or adjacent components
(fig. 299)
Positions of components are also
effected with rotation and reflection and
frequently with dilation. Positional
changes in such cases should be kept to
a minimum.
C o m p o ~ ~ e ncan
t s also be grouped ran-
domly, or using a combination of the

I
concepts desciibed above (figs.
300-306).
L
288
Establishing Compound Forms

A compound form is established with


dissimilar components, or with similar
and dissimilar components. Used in a
self-contained composition, a com-
pound form can be taken as a singular
form (figs. 307-9).
Plural forms can be based on corn-
pound fornis, producing more intricate
designs (figs. 310-1 4).
COMPOSITIONS WITH REPETITION Two-way Continuance

Singular, plural, or compound forms can The simplest composition with repeti-
be applied as unit or superunit forms in tion involves the arrangement of unit or
repetition within a definite frame of ref- superunit forms as two-way continu-
erence. Their regular arrangement could ance, resulting in rows that can extend
establish a formal composition-all ele- vertically, horizontally, or at any given an
ments are organized in a kind of mathe- angle (figs. 315, 316). 31
matical order. The row does not have to be straight. fil
Repetition involves reproducing the It can be crooked or curved. Unit forms rn,
same shape in a design as well as plat- can display a change of direction regu-
ing the shapes at intervals, which can be larly within the row if desired.
determined with lines forming an invisi-
ble structural grid.
Four-way Continuance

When rows of unit or superunit forms


are repeated regularly, four-way contin-
uance is achieved (fig. 317).
Conipositions with four-way continu-
ance create a patternlike design (figs.
318-27). If a space is not completely
filled, the coniposition becomes less for-
mal (figs. 328, 329).
Six-way Continuance

A structural grid can comprise triangles


to guide the placement of unit forms.
This produces a six-way continuance,
with shapes grouped as triangles or hex-
agons. If each unit form consists of a
head and a tail, it is interesting to
observe that the heads will meet at one
point and the tails will meet at another
point, in an alternating manner (figs.
330-34).
Development and Variations of the
Repetition Structure

Unit forms can be photocopied (or


traced) and cut out to explore all pos-
sible repetitions. A form can also be
traced and then flipped over to obtain a
mirror image (fig. 335). Superunit forms
created this way can relate to each other
in a different pattern of repetition, result-
ing in regular, but not monotonous,
compositions (figs. 336-41). Isolated
backgroundshapescanbechanged
from white to black to achieve variations
(figs. 342-44).
The structural grid can can be made
visible as actual lines of definite breadth,
or made to become edges of spatial
cells, embellishing the unit or superunit
forms (figs. 345-47).
COMPOSITIONS WITH RADIATION Full and Segmentary Radiation

'The repetition of unit or superunit forms The 360-degree rotation of unit or super-
around a common center results in unit forms results in fult radiation. The
radiation, which is a technique used in center of reference could be the point at
formal compositions. which lines converge, either exactly,
The basic structural grid for a design overlapping, or at some regular distance
with radiation has a center of reference from the center of reference. The angle
-the meeting point of all radiating lines, of rotation for each form must be consis-
or the point around which structural tent to establish regularity (fig. 348).
lines revolve. Radiation normally fea- Rotating forms less than 360 degrees
tures lines that converge near the ten- results in segmentary radiation (fig. 349).
ter, with space between lines increasing The fan or arc effect that results admits
as they move away from the center. considerable background space near
Structural lines guide the placement the center of radiation.
of unit or superunit forms that are
directly linked to or equidistant from the
center of reference.
rn

Rotation and Translation F

A superunit form composed of trans-


lated unit forms can be rotated to
achieve radiation (fig. 350).
Rotated unit forms displaying radia-
tion can be used as a superunit form for
translation in a repetition structure (figs.
351 ,352).
Rotation and Reflection Rotation and Dilation

A full radiation might be cropped and Dilated forms can be used instead of
joined to its mirror image on the other forms of uniform size. Slight variations
side of the cropped edge, which func- of shape can be introduced during dila-
tions as an axis for reflection (fig. 353). tion if desired. These forms can be
rotated to achieve a segmentary radia-
tion, and then reflected or rotated again
to achieve full radiation (figs. 354,355).
Dilated forms in rotation can result in
a spiral arrangement, a kind of radiation
(fig. 356).
The Interception of Active Structural
Lines

After establishing radiation, a composi-


tion could be superimposed with struc-
tural lines, making parallel or concentric
subdivisions that intercept the forms.
The interception could result in the dis-
section and partial dislocation of forms
(figs. 357-61).
COMPOSITIONS WITH GRADATION Gradation of Shape

Gradation refers to the systematic altera- Gradation of shape can be achieved by


tion of the shape, size, position, direc- varying a form internally and/or exter-
tion, or proportion of a form. The forms nally.
produced by these changes are then External without internal variation is
arranged in sequence, with smooth tran- achieved by adding to or subtracting
sitions between forms. from the form (fig. 362). Creating inter-
Unit forms in gradation can be posi- nal without external variations requires
tioned according to a regular repetition more prominent gradations. In most
structure with gradual variations. Unit cases, shape gradations affect the exter-
forms can also be positioned with nal and internal aspects of a form (fig.
increasing or decreasing density. 363). Any form can be changed to any
other form with the appropriate number
of shape gradations.
Gradation of Size Gradation of Position

Size can be altered by enlarging or This is possible in a repetition structure


reducing forms arranged in sequence with active structural lines that intercept
(usually in repetition). The transition and partially crop forms. The height of
could move from light to heavy rhythms, forms decreases as they are gradually
from heavy to light, or in an alternating moved down along the structural line
fashion (fig. 364). (fig. 365).
Gradation of Direction

Rotating a form from left to right on a


flat surface, while maintaining its shape,
effects a change 1 i 1 direction (figs. 366,
367). It can also change direction if it is
rotated from front to back in three-
dimensional space; different views are
seen as different shapes (figs. 368, 369).
Figure 370 features directional
changes from left to right and from front
to back, as well as gradations of shape
and size.
COMPOSITIONS WITH SIMILARITY

If the shape, size, color, or texture of


unit forms in a composition varies
slightly, they are not part of a strict repe-
tition, but are more loosely, or similarly,
related.
Similarity can also describe the place-
ment of unit forms; the similar arrange-
ment of unit forms might resemble a
repetition, radiation, or a gradation
structure.
Similarity and Repe,tition Similarity and Radiation

The visual effect of close similarity is Rotated similar forms on a flat surface
much like that of repetition. Similarity is can be grouped regularly or freely to
achieved when a form is repeated with suggest radiation (figs. 381, 382).
slight external and/or internal variations
(figs. 374, 375). Forms in nature are
never strict repetitions; no two leaves on
the same tree are identical.
Similarity can also be established by
rotating a form and displaying different
views (fig. 376).
A formal structure can comprise simi-
larly related forms that are not arranged
in any sequence, introducing an element
of informality to the design (figs.
377-79).
A more informal design is achieved
when the similarly related forms are dis-
tributed with similar density (fig. 380).
Similarity and Gradation COMPOSITIONS WITH
CONCENTRATION

The arrangement of unit forms can pro- Concentration is the gathering of unit
ceed from dense to sparse in moderately forms in particular areas of a composi-
smooth transitions to suggest gradation tion. This establishes rhythmic move-
(fig. 383). ments, often creating a center of interest
Figure 384 illustrates this effect, but and subordinate accents.
also features superimposed structural Concentration can be associated with
lines that intercept and crop the unit natural phenomena-fleeting clouds,
forms. splashing water, falling leaves, migrat-
ing birds.
Points of Concentration

A point in a composition can mark the


densest concentration of unit forms.
Density could gradually give way to the
sparse placement of elements; loose ele-
ments could activate otherwise blank
space (figs. 385, 386).
When there is more than one point of
concentration, densities at the different
points should vary, allowing one point to
emerge as the center of interest. In
dense areas, voids become prominent; a
void is often the center of interest in a
composition with tightly packed ele-
ments (fig. 387).
Linear Concentration

A concentrated area in a design can be


linear, forming a band, with or without
loose elements nearby (figs. 388-90).
Unit forms within the band could vary
in density (fig. 391). A composition could
contain more than one band (fig. 392).
Planar Concentration

Unit forms can be brought together as a


plane of almost even density. The plane
could be an isolated shape within the
frame of reference or could partially
extend beyond it (fig. 393).
COMPOSlTlONS WITH CONTRAST Contrast of Appearance

Contrast is used to suggest visual dis- Contrast can be applied to one or more
tinctions. Increased contrast enhances aspects of a form's appearance-its
visibility. Decreased contrast assimilates shape, size, color or texture.
elements in a composition. In most Contrasting shapes can differ exter-
cases, contrast is used intuitively by the nally or internally, or have different basic
designer, but it can be consciously shapes (figs. 394,395). Contrast can be
applied to effect comparisons and to introduced by relating large and small
establish a center of interest. forms (figs. 396-99).
Contrast can refer to the appearance, In a black-and-white design, a planar
placement, or quantity of forms. form and a linear form establish con-
trasting tones (figs. 400-402). Contrast
of texture happens when some forms
display fine details and others are plainly
visualized forms (figs. 403-5).
Contrast of Placement

Contrast of placement refers to the posi-


tion, direction, and spatial relationships
of forms.
Contrast of position refers to the
arrangement of forms within the frame
of reference (figs. 406, 407).
Forms arranged in conflicting direc-
tions establish contrast (figs. 408, 409).
Contrast of direction can also be
achieved by rotating forms and present-
ing different views (fig. 410).
Overlapping forms suggest depth (fig.
41 1). Forms of varying sizes suggest rel-
ative distances (fig. 412).
Contrast of Quantity

Contrast of quantity refers to the density


and sparseness of elements in a compo-
sition when only one type of unit form is
used (fig. 413).
Contrast of quantity as mass and void
can be arranged as fornis surrounding a
blank area, or as fornis gatliered closely
with a surrounding void (figs. 414, 415).
If two types of unit forms are used,
fewer instances of one forni car1 be con-
trasted with many instances of another
(figs. 41 6-1 9).
COMPOSITIONS WITH ANOMALY Anomaly in Shape

The combination of regular and irregular The presence of a form different in


elements in a design establishes anom- shape from the unit forms introduces an
aly. Because regular elements are more anomaly. The shape can be completely
numerous than irregular ones, anomaly different, or have only external andlor
also features contrasting quantities. internal variations (figs. 420-22).
Anomaly can be introduced only in
formal compositions with a repetition,
radiation, or a gradation structure. The
strict regularity of the composition
makes a slight irregularity prominent.
Anomaly can be effected with the vari-
ation of shape, size, color, texture, posi-
tion, or direction. An anomalous element
usually marks the center of interest. Sev-
eral anomalous elements can acccen-
tuate different aspects of the design.
Anomalous elements introduced too fre-
quently lose their distinction as such
and are seen as another set of unit
forms.
I

Anomaly in Size

A particularly large or small form among


unit forms of the same size introduces
another type of anomaly. Fitting a large
form into the composition might require
the removal of some smaller unit forms

JQljLILhL
(fig. 423).
Anomaly in Color Anomaly in Texture 1

One unit form can be changed from a When one or more unit forms display
planar shape to a linear shape to intro- texture or more details, anomaly in tex-
duce anomaly in "color" to a black-and- ture results (fig. 425).
white design (fig. 424).
Anomaly in Position and Direction

One or more unit forms can be dislo-


cated in a composition, achieving anom-
aly in position and/or direction (figs.
426-28).
.fines the border of a plane, and and
marks the place where two its t
planes join or intersect each forn
other. (Fig. 9) surf
(c) plane-the path of a line dim
in motion (in a direction other mu:
than its own intrinsic direction) ablc
becomes a plane. A conceptual difft
plane has length and breadth forr
but no depth. It is bound by (t
lines. It defines the external I nes
limits of a volume. (Fig. 10) brel
(d) volume-the path of a tab1
plane in motion (in a direction Sizt
other than its own intrinsic me1
direction) becomes a volume. on
A conceptual volume has length, in t
breadth, and depth, but no a nc
weight. It defines the amount a nc
of space contained or displaced its '
by the volume. (Fig. 1 1 ) (Fig
It is important to note that ((
many of our three-dimensional da r
ideas are first visualized on a disl
flat piece of paper. We usually enc
use a fine line to indicate the nat
border of a plane or volume. is r
This line is visual as it appears of 1
on the two-dimensional sur- Wh
face, but is conceptual when toll
its only use is as a means of uP
representing a three-dimensional for1
form. 0th
(I
Visual Elements the
the
Three-dimensional forms are It n
seen differently from different or :
angles and distances and under be
different lighting conditions. glo
Therefore, we must consider de:
the following visual elements tex
to be independent of such vari- din
able situations: dec
(a) shape-shape is the out- tha
ward appearance of a design tac
and the main identification of
its type. A three-dimensional
form can be rendered on a flat
surface by multiple two-
dimensional shapes, and w e
must be aware of this t o be
able t o visually relate all such
different aspects to the same
form. (Fig. 12)
(b) size-size is not just great-
ness or smallness, length or
brevity, which can only be es-
tablished by way of comparison.
Size is also concrete measure- 1--------4
ment, and can be measured
on any three-dimensional form
in terms of length, breadth,
and depth (or height, width,
and thickness) from which
its volume can be calculated.
(Fig. 13)
(c) color-color, or light and
dark value, is what most clearly
distinguishes a form from its
environment, and it can be
natural or artificial. When i t
is natural, the original color
of the material is presented.
When it is artificial, the original
color of the material is covered
up by a coat of paint, or trans-
formed by treating w i t h some
other method. (Fig. 14)
(d) texture-texture refers to
the surface characteristics of
<.&q;f&$??;+: ,,< ;,

is'?
the material used in the design. ,>>;$?,2&*%gg$j?$
.;2&;,/i!< @
. <;: 7.5://
,
/

It may be naturally unadorned , , ,+*4j


,

' ":'"'!l~rgj
111
or specially treated. It may ~~~![\/~~!~i~\,~/,~;l!!ii~,[!
be smooth, rough, matt, or ~;,ll',,'',Il" /4&?
glossy as determined by the !,,I~/I~~~~;;///;//\;:!:/::;;~&~~
1 ,,; ,:~l;l,,l,;,
designer. It may be small-scale 11; k ~
. #
texture that accents two- \l,~~i,!,!!~!i!!!~,i!\~i~~i~~~
!/~~!ii/llIlllii~!j~~tl~i
dimensional surface
decoration or bolder texture
that accents three-dimensional
tactility. (Fig. 15)
Relational Elements

Relational elements are more


complicated i n three-dimensional
design than i n two-dimensional
design. Whereas in two-
dimensional design a frame
of reference is used, in three-
dimensional design w e can
use an imaginary cube to es-
tablish the relationships.
(a) position-position must be
ascertained by more than one of
the three basic views. We have
to know how a point is related
to the front/rear, top/bottom,
and side planes of the imaginary
cube. (Fig. 16)
(b) direction-direction, too,
should be seen from more than
one view. A line could be par-
allel to the front/rear planes but
oblique to all other planes of
the imaginary cube. (Fig. 17)
(c) space-space here is, of
course, actual and not illusory.
It can be seen as positively oc-
cupied, unoccupied, or interna((y
hollowed. (Fig. 18)
(d) gravity-gravity is real and
has a constant effect on the
stability of the design. We can-
not have forms i n mid-air without\
supporting, hanging, or anchor- j
ing them i n some way. Some
materials are heavy and some are :
light. The material used deter-
mines the weight of the form
as well as its capacity to bear
gravitational loads of other forms
on top of it. All three-dimensional
structures are subject to the
laws of gravity and this means
certain arrangements and posi-
tioning are just not possible.
(Fig. 19)
Constructional Elements

Constructional elements have


strong structural qualities and
are particularly important for the
understanding of geometric
solids. These elements are used
to indicate the geometric com-
ponents of three-dimensional
design:
(a) vertex-when several
planes come to one conceptual
point, we have a vertex. Vertices
can be projected o l ~ t w a r dor
inward. (Fig. 20)
(b) edge-when two nonpar-
allel planes are joined together
along one conceptual line, an edge
is produced. Again edges may
be projected outward or inward.
(Fig. 21)
(c) face-a conceptual plane
which is physically present be-
comes a surface. Faces are ex-
ternal surfaces which enclose a
volume. (Fig. 22)
Ideally all vertices should be
sharp and pointed, all edges
should be sharp and straight, and
all faces should be smooth and
flat. In reality this depends on
the materials and techniques, and
certain minor irregularities are
normally unavoidable.
Constructional elements can
help to precisely define volumetric
forms. For example, a cube has
eight vertices, twelve edges,
and six faces.
Form and Structure Unit Forms i CHI
I
Form is a term easily confused Smaller forms which are repeated, ! Poi I
with shape. Earlier it was pointed with or without variations, to detc
out that a three-dimensional produce a larger form are re- min
form can have multiple two- ferred to as unit forms. Some- A
dimensional shapes when times these repeated units are a st
rendered on a flat surface (see ca Iled modules. A
Fig. 12). This means that shape A unit form may be made of by :
is really only one aspect of form. even smaller components, which A
When a form is rotated in space, can be called sub-unit forms. by 2
each step of rotation reveals a A larger unit may be made of V1
slightly different shape, because two or more unit forms in a con- by 2
a different aspect is seen by our stant relationship that appears is a
eyes. frequently in a design. They are
Form, then, is the total visual called super-unit forms. Ser
appearance of a design, although
shape is its main identifying Repetition and Gradation T ~
factor. We also identify form by forr
size, color, and texture. In other Unit forms can be used i n exact its (
words, all the visual elements are repetition or in gradation. forr
referred to collectively as form. Repetition means that the unit lar
Structure governs the way a forms are identical in shape, seri
form is built, or the way a num- size, color, and texture. Shape E
ber of forms are put together. is the most important visual side
It is overall spatial organization, element of unit forms, so that be I
the skeleton beneath the fabric we can have unit forms repeated gral
of shape, color, and texture. in shape but not in size. Color A
The external appearance of a and texture can vary if desired, to r
form can be rather complex, while but they are not within the scope of t
its structure is relatively simple. of this book. G
Sometimes the internal structure Gradation means transforma- vari
of a form may not be immediately tion or change in a gradual, can
perceived. Once this is discovered, orderly manner. Here the se- wa \
the form can be better under- quential arrangement is very im- (?
stood and appreciated. portant, otherwise the order of titic
gradation cannot be recognized. (f
We can have gradation in shape,
with the shape changing slightly
from one unit to the next, or
"3
an
gradation in size, with the units
repeated or graduated in shape.
CHAPTER 2: SERIAL PLANES

Points determine a line. Lines


determine a plane. Planes deter-
mine a volume.
A line can be represented by
a series of points. (Fig. 23)
A plane can be represented
by a series of lines. (Fig. 24)
A volume can be represented
by a series of planes. (Fig. 25)
When a volume is represented
by a series of planes, each plane
is a cross section of the volume.

Serial Planes

Thus, to construct a volumetric


form, w e can think i n terms of
its cross sections, or how the
form can be sliced up at regu-
lar intervals, which will result i n
serial planes.
Each serial plane can be con-
sidered as a unit form which may
be used either i n repetition or i n
gradation.
As mentioned, repetition refers
to repeating both shape and size
of the unit forms. (Fig. 26)
Gradation refers to gradual
variation of the unit form, and it
can be used i n three different
ways:
(a) gradation of size but repe-
tition of shape; (Fig. 27)
(b) gradation of shape but
repetition of size; (Fig. 28)
(c) gradation of both shape
and size. (Fig. 29)
Dissection of a Cube Posi

To illustrate a bit further, w e can Posil


dissect a clrbe into a number of all, s
t h i n planes of the same thickness. direc
The simplest way is to dissect d uce
along the length, breadth, or be P
depth, in parallel layers. As a re- follo
sult, a number of serial planes with
are obtained which are repeats then
i n both shape and size (Fig. 30). Le
The same cube can also be plan
dissected diagonally. There are size.
many ways to do this. Our dia- in a
gram here shows a kind of di- two
agonal dissection resulting in tract
serial planes w i t h gradation of with
shape. Size is gradational too. The brea
height remains constant, but the sc
breadth increases or decreases be n
gradually. (Fig. 31 ) diffe
It should be pointed out that give
i n dissection along the length, of st
breadth, or depth all serial planes wea
have squared edges. (Fig. 32) ume
In diagonal dissection, all serial W
planes have bevelled edges. betv
(Fig. 33) of ei I
The edges may not b e of much
significance if the planes are gra!
bac
extremely thin, but if they are
thick, influences of the edges
o n the design should not be
overlooked.

In arranging serial planes, the


relational elements should be
taken into consideration. The
t w o main relational elements SUP
w h i c h must not be neglected are If
position and direction. bas(
heic
the
i n j~
in a
Positional Variations

Position has to do with, first of


all, spacing of the planes. If n o
directional variations are intro-
duced, all the serial planes w i l l
be parallel to one another, each
following the next successively,
with equal spacing between
them.
Let us assume that all the
planes are squares of the same
size. If one plane follows another
in a straight manner, then the
two vertical edges of the planes
trace t w o parallel straight lines,
with a width the same as the
breadth of the planes. (Fig. 34)
Spacing between the planes can
be made narrow or wide, w i t h
different effects. Narrow spacing
gives the form a greater feeling
of solidity, whereas wide spacing
weakens the suggestion of vol-
ume. (Fig. 35)
Without changing the spacing
between the planes, the position
of each plane can be shifted
gradually towards one side or
back and forth. This causes the
volumetric shape to ~tndergo
various distortions. (Fig. 36)
Again without changing the
spacing between the planes, the
position of each plane can be
shifted gradually upwards or
downwards. This can be easily
done if the planes are hung or
supported i n midair. (Fig. 37)
If the planes are placed on a
baseboard, w e can reduce the
height of the planes to suggest
the effect of their gradual sinking-
in just by positional variation
in a vertical manner. (Fig. 38)
' Directional Variations

I
Direction of the planes can be An:
varied i n three different ways: be
(a) rotation o n a vertical axis; Acr
(Fig. 39) a tr
(b) rotation on a horizontal Ply
axis; (Fig. 40) cor
(c) rotation o n its o w n plane. Mo
(Fig. 41 ) thi:
Rotation on a vertical axis 1 thic
requires a diversion of the planes ha I
from parallel arrangement. Po- of 1
sition is definitely affected, be- adt
cause every directional change IS (

simultaneously demands posi- !


F
tional change. adt
The planes i n this case can be b ol
arranged i n radiation, forming pla
a circular shape. (Fig. 42) PO!
Or they can form a shape with boi
curves left and right. (Fig. 43) a ni
Rotation on a horizontal axis PO!
cannot be done if the planes a nr
are fixed on a horizontal base- st r
board. If they are fixed on a vertical eal
baseboard, their rotation on a (Fil
horizontal axis would be essen- I
tially the same as the rotation ad1
o n a vertical axis described above. ne
Rotation o n its o w n plane of
means that the corners or edges rn€
of each plane are moved from one of
position t o another without a f - nil
fecting the basic direction of the of
plane itself. This results i n a
spirally twisted shape. (Fig. 44) pl;
The planes can be physically if (
curled or bent if desired. (Fig. 451 for
Construction Techniques

Any kind of sheet material can


be used for making serial planes.
Acrylic sheets are excellent w h e n
a transparent effect is desired.
Plywood boards can be used for
construction i n a very large scale.
Most of the models shown i n
this chapter have been made of
thick cardboard, which can be
handled easily. The thickness
of the cardboard ensures firm
adhesion to the baseboard if there
is one.
For cardboard construction,
adhesives that give a quick, strong
bond are the best. The serial
planes should stand i n a vertical
position on the horizontal base-
board for maximum firmness
and stability. Tilted planes are
possible only w h e n the materials
and the bond are both extremely
strong, and the joining edge of
each plane is precisely bevelled.
(Fig. 46)
For reinforcement purposes,
additional ptane(s) can be used
next to the top or side edges
of the planes. This is recom-
mended only when those edges
of the planes play a rather insig-
nificant role i n the final shape
of the design. (Fig. 47)
Horizontally arranged serial
planes demand a very strong bond
if only one vertical board is used
for attachment. (Fig. 48)
Normally t w o or more vertical
boards should be used for hori-
zontal serial planes. (Fig. 49)
A vertical supporting core can
be used for horizontal serial
planes of a free-standing shape
if desired. (Fig. 50)
Figures 51 to 66 all illustrate the
same desiqn problem i n .srorects
.
by differe{t students.

Figure 51-this is constructed


of horizontal serial planes which
are repeated both i n shape and
size. The planes are all parallel
to one another with equal spacing
i n between, and they areanchored
to two vertical planes.

Figure 52-here a number of


repetitive vertical planes are
placed around a common vertical
axis. The result is a cylindrical
shape.

Fiqure 53-the arrangement is


similar to Figure 52. Here the
serial planes increase gradually
i n height from the foreground
to the background. The volumetric
feeling of the form is not very
strong because the spacing be-
tween planes is rather wide
along the circumference of the
shape.
54 1 I Figure 54-at a glance, it seems Figure
that all the serial planes are structl
identical both i n shape and size. gradal
A closer study reveals that they of the
have a subtle gradation of shape. wide '
While the upper part of the struc- sides
ture is straight all across, the towa r
lower part subtly bends inward of sizt
i n a V-shape.
Figurt
Figure 55-with a straight plane 1 exact1
standing i n the middle of the have
structure, all other planes are ture.
bent i n increasingly sharper the pl
angles. The volumetric form due tc
suggested here is an emerging 1 t w o I(
1 I spherical shape. shapc
8 are
55 1 I Figure 56-this shows the effec- varial
tive use of gradation of shape.
Each plane is obtained by the Figur~
combination of a positive rec- of sh,
tangular shape and a negative and 6
circular shape. The former has a emer
constant width but the latter the b
grows bigger and bigger and
moves gradually downward and
forward. The straight edges
of the rectangular shape remain
straight at the front but those
at the rear change gradually into
sweeping curves to echo the
negative circular shapes.
Figure 57-this is a triangular
structure which is the result of
gradation of both shape and size
of the serial planes. The short,
wide V-shaped planes at the two
sides become tall and narrow
towards the middle by gradation
of size and shape.

Figure 58-circular planes of


exactly the same size and shape
have been used in this struc-
ture. The sinking-in effect of
the planes on the backboard is
' due to positional variation. The
two loops which make the general
58
1 shape very much llke the numeral
8 are the result of directional
variation.

1 Figure 59-the use of gradation

I
,
of shape is quite obvious here,
and gives the feellng of planes
emerging from or slnklng into
the baseboard.
Figure 57-this is a triangular
structure which is the result of
gradation of both shape and size
of the serial planes. The short,
wide V-shaped planes at the two
sides become tall and narrow
towards the middle by gradation
of size and shape.

Figure 58-circular planes of


exactly the same size and shape
have been used i n this struc-
ture. The sinking-in effect of
the planes on the backboard is
due to positional variation. The
two loops which make the general
shape very much like the numeral 58
8 are the result of directional
variation.

F~gure59-the use of gradation


of shape 1s quite obvious here,
and gives the feellng of planes
emerging from or sinklng Into
the baseboard.
Figure 60-gradation of shape
is used here i n a rather com-
plicated way. The form rises
from the baseboard i n high relief,
but it splits up i n the center to
reveal another form within the
deep concavity.

Figure 61-this is a free-standing


form with a projecting semi-
sphere i n the front and another
i n the back. Both semi-spheres
have a concave portion, inside
of which a smaller semi-sphere
is nested. The effect is similar
to Figure 60.

Figure 62-the play of concavity


and convexity here is the same
as i n Figure 60.

Figure 63-here the semi-


spherical shape has been cut
into t w o parts, and the shape
of each part is further modified.
A prominent negative shape now
becomes the focal point of the
design.
Figure 64-in this form, grada- CHAP'
tion of shape is used i n combi- STRU(
nation with directional variation.
Note the introduction of a nega- Cube,
tive shape which runs likea tunnel
at the lower part of the design. Startin
place E
Figure 65-all the planes i n this a third
structure are repetitive in shape Now
and size, but are arranged i n cubes
a slightly zigzag manner by po- either
sitional variation. This zigzag ar- desire(
rangement echoes the shapes The
of the planes themselves. The peated
result is an interesting shape numb€
with faceted faces and identical one ac
front, rear, left, and right views. have a
is basi
Figure 66-this not only has cube t-
identical views from four sides, directi
but from top and bottom also. directi
Each of the six views displays zontal
the letter X i n the same shape Eact
and size. To construct this, nega- the w t
tive shapes are introduced into cells a
square serial planes which are dimen
all repetitive i n size. Some are plane.
repetitive i n shape and some All f
are graduated i n shape. structl
structl
some
sub-di
spatia
CHAPTER 3: WALL
STRUCTURES

Cube, Column, and Wall

Starting w i t h a cube, we can


place a second cube above and
a third cube below it. (Fig. 67)
Now we have a column of three
cubes that can be extended i n
either direction t o include any
desired number of cubes. (Fig. 68)
The column can also be re-
peated left and right. W h e n a
number of columns are erected,
one adjacent t o another, w e
have a wall. The wall structure
is basically two-dimensional. The
cube has been repeated in t w o
directions, first i n the vertical
direction and *then i n the hori-
zontal direction.
Each cube is a spatial cell i n
the wall structure. These spatial
cells are arranged two-
dimensionally on a frontal
plane. (Fig. 69)
All formal two-dimensional
structures can become wall
structures w i t h the addition of
some depth, and their structural
sub-divisions can be made into
spatial cells. (Fig. 70)
Spatial Cells and Unit Forms

To explore the various possibilities


1 posi
Forr

of making wall structures, we Vari


can first bend a strip of thin unit
cardboard or glue four pieces of by:
thick cardboard together to form (a
a cube without the front and or b
rear planes. (Fig. 71) (b
This is our simplest spatial dow
cell. We can see through it and (c
place a unit form inside. The unit righ
form can be as simple as a flat (d
plane used repetitively or with wid1
slight variations. (Fig. 72) the
As a planar shape, the unit one
form can be positive or negative. (Fig.
(Fig. 73)

m@D
It can be a combination of two
positive shapes or one positive
and one negative. (Fig. 74)
Unit forms can be used in grada-
tion of shape if desired. (Fig. 75)

om Gradation of size can be ef-


fected by:
(a) enlarging or reducing pro-
portionately; (Fig. 76)
(b) changing of width only;

DFd EbJ (Fig. 77)


(c) changing of height only;
(Fig. 78)

nno
If the unit form is a combina-
tion of two smaller shapes, size of
one can be kept constant while
size of the other varies. (Fig. 79)
Or both shapes can vary in dif-

000 ferent ways. (Fig. 80)

DDD DDD
Positional Variations of Unit
Forms

Variations of positioning of the


unit forms can be accomplished
by:
(a) moving the shape forward
or backward; (Fig. 81 )
(b) moving the shape up or
down; (Fig. 82)
(c) moving the shape left or
right; (Fig. 83)
(d) reducing the height or
width of the shape to suggest
the feeling of its sinking into
one of the enclosing planes.
(Fig. 84)
Directional Variations of Unit
Forms

E l l - Inside each spatial cell, the unit


form can be rotated i n any di-
rection desired. During each step

I - of rotation, it w i l l be seen dif-


ferently from the front.
Let us observe the effects of

OI- rotating a square shape. I n Figures


85 to 88, the first vertical column
represents the front views, the
second vertical column the side

Fl I -
views, and the third vertical
column the plane views.
Rotation on the shape's o w n

on/ plane does not change the shape


at all i n the front view. The side
view of the shape is always a
line. The plane view of the shape
(Fi

I01 is also always a line. (Fig. 85)


Rotation along a vertical axis
makes the square shape, i n the
W1
FIi

. 1 - front view, which becomes a nar-


rower and narrower oblong that
decreases finally t o a line. In
WI
on
.the side view it is first a line which WE
gradually becomes a square. mc
O D In the plane view, the shape re-
mains a line of constant length
tio
I

- 3 that varies i n direction. (Fig. 8 6 )


Rotation along a horizontal axis
by
cel

mi- /*
is very similar to rotation along
a vertical axis. The shape remains
a line of constant length, not i n
the plane view, but i n the side
view. (Fig. 87)
Rotation along a diagonal axis 1
car
ma
[
ra r
po:

ce I

0 0 leads to more complicated re-


sults. I n the front view, the square
is transformed into a diagonal

/oo line after a series of graduated


parallelograms. Different shapes
of parallelograms are also seen
i n the side and plane views.
(Fig. 88)
Unit Forms as Distorted Planes

If greater three-dimensional
effects are desirable, unit forms
can depart from the character-
istics of a flat plane. Two or more
flat planes can be used for the
construction of one unit form, or
a simple flat plane can be treated
in the following ways to become
a unit form:
(a) by curling; (Fig. 89)
(b) by bending along one or
more straight lines; (Fig. 90)
(c) by bending along one or
more curved lines; (Fig. 91 )
(d) by cutting and curling;
(Fig. 92)
( e ) by cutting and bending.
(Fig. 93)

Wall Structures N o t Remaining


Flat

When one spatial cell is placed


on another, the flat frontalityof the
wall structure can be made slightly
more three-dimensional by posi-
,tional variation. (Fig. 94)
A similar effect can be obtained
by varying the depths of the spatial
cells. (Fig. 95)
Directional variation i n the ar-
rangement of the spatial cells is
possible but must be done w i t h
care, as too much rotation may
make the side planes of the spatial
cells too prominent.
M o d i f i c a t i o n s o f Spatial Cells Figur
of-st1
Greater three-dimensional qual- desis
ity can be achieved by the modi- str uc
fication of spa.tial cells.
Enclosing planes of t h e spatial Figul
cells can be trimmed so that are
some of the front edges are not tione
perpendicular to t h e base or form
side planes. (Fig. 9 6 ) closi
The straight edges of the spatial whic
cells can be changed to curvi- simil
linear edges. (Fig. 9 7 )
The enclosing planes of the Fig u
spatial cells can be constructed out !
so they are not at right angles plan
to one another. (Fig. 9 8 ) are I
The spatial cells can be so de-
w aY
signed that they are part of the card
unit form structure. (Fig. 9 9 ) bottl
The spatial cells can become fore
the unit forms, or w e can have in t t
u n i t forms t o erect a w a l l struc- edgc
ture without the use of spatial lock
cells. (Fig. 1 0 0 )
Figures 101 to 1 13 are examples
of student projects solving the
design problem of creating wall
structures.

Figure 101-spatial cells here


are arranged w i t h slight posi-
tional variation. The linear unit
forms are, i n fact, part of the en-
closing planes of the spatial cells
which have been treated in a way
similar to Figure 93.

Figure 702-unit forms are cut-


out shapes from the enclosing
planes of the spatial cells. They
are interlocked i n an interesting
way. Spatial cells are made of
cardboard cubes with top and
bottom planes missing, and there-
fore they become parallelograms
in the plane view when t h e side
edges are pulled by the inter-
locking unit forms.
Figure 103-spatial cells here are
specially constructed i n a way
very m u c h like Figure 99. Tri-
,
angular negative shapes are made
o n t h e curled planes. The result
gives a tactile feeling of tex-
ture after the spatial cells have
been repeated m a n y times.

Figure 104-interpenetrating
spatial cells are here arranged
w i t h some positional variation.
The interpenetrated areas have
been distorted b y cutting and
bending, b u t n o separate unit
f o r m s are introduced i n t h e spatial
cells.
Figure 705-similar to Figure 101,
unit forms here are strips cut
and folded inward from t h e side
planes of spatial cells. Some
parts of t h e side planes have
been removed. The w h o l e design
has a transparent effect w i t h
delicate linear elements.

Figure 106-spatial cells have


been so greatly transformed that
they become unit forms that are
very linear i n character. The depth
of the design is shallow, but i t
contains a large number of tilted
planes i n various directions.
Figure 107-unit forms are placed Figur
i n each spatial cell with slight cells
projection from the front plane The :
of the wall structure. tion (
tact t
Figure 108-spatial cell and unit rathe
form are one and the same in str uc
this design. Triangular planes can t
instead of square planes have
been used in the construction. Fig ut
of t h
fect.
scori
tinuc
Figure 109-again, the spatial
cells also serve as the unit forms.
The arrangement shows a grada-
tion of cylindrical shapes. As con-
tact between curved surfaces is
rather restricted, the whole wall
structure is quite flexible and
can be curled at will.

Figure 110-the faceted surface


of this structure has a relief ef-
fect. This is achieved by cutting,
scoring and folding of flat con-
tinuous planes.
111 ?
.
Figure 7 11-each spatial cell IS CHI
triangular. The unit form inside CYL
, it IS a piece of curled plane join-
; ing t w o edges of the spatial cell. The

1 Figure 172-astripofthincard-
board is folded three times to
Va ri

As L
form a spatlal cell which is also ter,
the unit form. I n folding, the be- one
ginning and the ending of the mak
strip do not overlap, but Instead
the right edge of the beginning A
of the strip touches the left edge whi
of the ending of the strip. This par:
causes a slight twist of the planes wit1
i n the resulting form. or P
112 j
Ot C
Figure 113-the spatial cells are bas1
cubical and arranged one directly sq u
above or adjacent to the next. side
The unit forms are made of curled to tl
strips of thin cardboard. FI
low
devl
(a
cha
o r i~
(Fig
( t:
pa ri
(c
the
dire
(c
flat
(6
be l
(Fig
(f
par,
(E
be c
(1
be I
CHAPTER 4: PRISMS AND
CYLINDERS

The Basic Prism and Its


Variations

As w e have seen i n the last chap-


ter, a number of cubes placed
one directly above the other
makes a column. This is actually
also the shape of a prism.
A prism is a form with ends
which are similar, equal, and
parallel rectilinear figures, and
with sides which are rectangles
or parallelograms. For the sake
of convenience, w e can have a
basic prism which has parallel
square ends and rectangular
sides that are all perpendicular
to the ends. (Fig. 1 14)
From this basic prism, the fol-
lowing variations can be
developed:
(a) the square ends can be
changed t o triangular, polygonal,
or irregularly-shaped ends;
(Fig. 115)
(b) the t w o ends can be non-
parallel to one another; (Fig. 11 6)
( c ) the ends do not have to be of
the same shape, size, and/or
direction; (Fig. 1 17)
(d) the ends do not have to be
flat planes; (Fig. 1 18)
(e) the edges do not have to
be perpendicular to the ends;
(Fig. 1 19)
(f) the edges do not have to be
parallel to one another; (Fig. 120)
(g) the body of the prism can
be curved or bent; (Fig. 121 )
(h) the edges of the prism can
be curved or bent. (Fig. 122)
/ The Hollowed Prism Treafr
If the PI-ism is not of solid ma-
terial, but constructed of card-
board, then variations and trans-
formations can be even more
corr~plicated.
Let us make a hollowed prism
by using one sheet of .thin card-
board which is scored, folded,
and glued together. The ends of
this prism are open, without
covering planes. (Fig. 123)
Ends, edges, and faces of this
prism can all be treated i n special
ways.
j (c) C
Treatment of the Ends I along
(dl c
The ends of the hollowed prism a long
can be treated i n one or more (Fig. 1
of the following ways: (e) i
(a) the ends may be covered (f) C
up, but instead of using a flat on t h e
continuous plane for each end, board
w e can have planes containing a prisrl
negative shapes; (Fig. 124) the pa
(b) the edges or faces near of t h e
the t w o ends can be cut into
different shapes, and the resulting Other
loose pieces can be curled or just si!
folded if necessary; {Fig. 125) dition I
(c) the ends can be split into In si
t w o or more sections; (Fig. 126) are int
(d) a specially designed shape
can be formed on or attached to
the ends. (Fig. 127)
Treatment of the Edges

Treatment of the edges usually


affects the faces as well. Diver-
sion from parallel edges not
only changes the rectangularity
of the shapes of the faces, but
sometimes leads to warped or
faceted faces which can be very
interesting. Ends of the prisms
may also be affected.
Our illustrations here show
the following treatments:
(a) nonparallel straight edges;
(Fig. 128)
(b) wavy edges; (Fig. 129)
(c) chain of rhombic shapes
along the edges; (Fig. 130)
(d) circular shapes developed
along the parallel straight edges;
(Fig. 131)
(e) intersecting edges; (Fig. 132)
(f) complicated pattern scored
on the surface of the thin card-
board before i t is folded to form
a prism. Some of the lines of
the pattern are also the edges
of the prism. (Fig. 133)

Other edge treatments may be


just simple subtraction or ad-
dition of shapes along the edges.
In subtraction, negative shapes
are introduced along the edges.
face c
As each edge is the joining of
t w o faces, negative shapes are bond
are
made by cutting away some parts
of both of these adjacent faces.
(Fig. 134)
I n addition, separately made
shapes are attached t o the edges
Such shapes may cover or intrude
a little bit o n the adjacent faces
unless the shapes are strictly
planar i n nature. (Fig. 135) the fa
It is possible to have lines cut which
and scored or shapes partially cut face r:
along the edges and o n the adja- of t h e
cent faces. By bending such *thin, (
shapes inwards (or sometimes o n tht
outwards as well) without detach- is a f l
ing them, a play of positive and End
negative forms is created. of the
(Fig. 136) shoull
ends,
Treatment of the Faces done
t o ant
Face treatment is very much the (Fig. 1
same as edge treatment. The
In subtraction, holes are made joinec
o n the faces. Any negative shape makir
which does not lead t o loose the e l
parts or weakening of the struc- an L !
ture can be used. (Fig. 137) (Fig. '
Addition allows any shape Twc
w i t h a flat base t o be adhered terloc
to the flat faces. Additional shapes is f ittl
can always be fitted to negative (Fig. '
shapes o n the faces. (Fig. 138) We
Half-cut shapes can always
remain hinged or folded in and
out on the faces of the prism. some
(Fig. 139) the Si
(Fig.
Joining of Prisms Un
joinel
Two or more prisms can be used fra mc
i n one design by joining them with
i n various ways.
Joining can be done easily by
face contact, whether the prisms
are parallel or not parallel. The
bond i n this case is very strong
as long as the glue is strong.
(Fig. 140)
Edge contact is weaker because
the area along the edges on which
glue can be applied is very lim-
ited. In cardboard construction,
it is possible that the face of one
prism can be extended to form
the face of another prism, i n
which case the strength of the
face plane will be ,the strength
of the bond. If the cardboard is
thin, one prism is really hinged
on the other one and the joint
is a flexible one. (Fig. 141)
End contact doubles the height
of the prism. In this case, there
should be flat planes covering the
ends, and the joining is actually
done by adhesion of one plane
to another, as i n face contact.
(Fig. 142)
The end of one prism can be
joined to the face of another,
making a T shape or L shape. If
the ends of the prisms are mitred,
an L shape can also be formed.
(Fig. 143)
Two crossed prisms can be in-
terlocked if the body of one prism
is fitted into the body of another.
[Fig. 144)
We can construct t w o crossed
prisms which are integrally united
to one another by constructing
some of the double faces out of
the same piece of cardboard.
(Fig. 145)
Union of a number of prisms
joined at the ends can lead to a
%framelikestructure or a structure
with linear continuity. (Fig. 146)
The Prism and the Cylinder

The minimum number of flat


I1 Va rial

We ri
planes we can use for the sides cyl ind
of a prism is three, which re- circul
sults in a prism with a triangular and a
top and bottom. ends.
If w e increase the number of follo
sides in the prism, the top and (a1
bottom shapes will change from (Fig. 1
triangles to polygons. The more (b)
sides a polygon has, the less rounc
angular and closer to circular (c1
it becomes. For instance, an to ea(
octagon is much less angular (dl
than a triangle, and thus an oc- sizes
tagonal prism has a much rounder (el
body than a triangular one. 152)
By increasing the number of (f) '

sides of a polygon infinitely, a corltri


circle may finally be reached. Enc
In the same way, by increasing be ap
the number of sides of a prism same
infinitely, a cylinder may finally to t h
be created. (Fig. 147)
The body of a cylinder is de-
fined by one continuous plane,
without beginning or end, and
the top or bottom of a cylinder
is in the shape of a circle.
Variations of a Cylinder

We may say that the standard


cylinder consists of t w o parallel
circular ends of the same size
and a body perpendicular to the
ends. From the standard, the
following deviations are possible:
(a) the body can be slanting;
[Fig. 148)
(b) the ends can be of any
round-cornered shape; (Fig. 149)
(c) the ends can be nonparallel
to each other; {Fig. 150)
(d) the ends can be of different
sites or shapes; (Fig. 157 )
(e) the body can be bent; (Fig.
152)
(f) the body can expand or
cantract at intervals. (Fig. 153)
End and face treatments can
be applied t o the cylinder in the
same way as they are applied
to the prism.
Figures 154 to 163 all illustrate Figurt
different approaches in the use of the
of prisms. Figure 157 is a single i n Fig
prism with surface treatment of
the body and the faces, the other F igurc
projects all explore possibilities 1 this p
of using prisms as unit forms
in design.
1 forme
I veals
shapc
Figure 154-numerous square const
'
prisms of varying heights have
been used. Note that near the
lower ends, the faces of many
of the prisms have been trimmed
into circular shapes.

Figure 155-this spiral design


is made of a number of triangular
prisms which rise gradually in
height. The lower ends of the
taller prisms have been shaped
to produce an area of cavity for
the accommodation of the shorter
prisms which mark the beginning
of the upward spiral.
:rate Figure 156-this is another view
use of the same design illustrated
ingle in Figure 155.
7t of
other Figure 157-the body shape of
ties this prism has been much trans-
1s formed. Face treatment also re-
veals some negative circular
shapes in the inner layer of the
are construction.
a ve
he
I nv
nmed

gn
ngular
in
ie
lped
r for
horter
nning
Figur
Figure 158-four sets of trian-
of se
gular prisms i n gradation of size
bent
and shape have been used in
whilt
this design.
with
Figure 159-this consists of three
concentric layers. The innermost
layer has the tallest but also
narrowest prisms. The outer-
most layer has the shortest but
biggest prisms.
Figure 160-this is constructed
of seven prisms, all of which are
bent sharply near the bottom,
while also treated on the faces I
with zigzag patterns.
I
Figure 761-each prism is actually Fig~r
a wedge shape constructed of desig
four elongated isosceles (equal- of thr
legged) triangles and has two I one rl
flat-tipped ends. The spiral con- 1 end o
'
struction is the result of gluing gular
a number of such prisms together only :
by face contact. plane
i n a fi
Figure 162-triangular planes
have also been used for the prisms
i n this design. Each prism con-
sists of six triangular planes, and
the ends are in triangular shapes
which are open and not covered
The construct:ion is made by
edge and end contact.
Y Figure 163-prisms used in this
design have been constructed
of three triangular planes and
one rectangular plane. The lower
end of each prism is in a trian-
gular shape, but the top end is
!r only a slit opening between two
planes. The prisms are arranged
in a fanlike manner.
CHAPTER 5: REPETITION 1
Repetition of Unit Forms 1
I
The vl
Chap1
Repetition of unit forms has been; repeti
briefly mentioned in Chapter 1. it is o
We have also seen that many of natur
the exarrtples illustrated in To
Chapters 2, 3, and 4 contain unit dime1
forms in repetition. st r uc:
In the narrowest sense, repeti- ward:
tion of unit forms means that all it not
the visual elements-shape, size, can b
color, and texture-of the unit sides
forms should be the same. (Fig. We
1 64) struc
In a broad sense, identical unit 1
color or texture among unit forms contE
can constitute repetition. Of i n re!
course, the unit forms have to so th
relate to one another by similarity othel
or gradation of shape as well,
otherwise they cannot be grouped Pap=
It
;
as unit forms. (Fig. 165) titior
Shape, in any case, is the most dims
essential visual element when simp
we speak of unit forms. Thus, struc
when w e speak of repetition of laye/
unit forms, repetition of shape tical
must always be included. It pro- actu
vides a n immediate feeling of sYm
unity even though the unit forms be t l
are rather informally arranged. view
(Fig. 166)
Visual unity is further strength-
ened when the unit forms are
repeated both i n shape and size.
(Fig. 167)
If a high degree of regularity
in organization is desired, such
unit forms can be put together in
a design guided by a repetition
structure. (Fig. 168)
Repetition Structure

The wall structure described in


Chapter 3 is already a kind of
repetition structure, except that
it is only two-dimensional i n
nature. (Fig. 169)
To obtain a truly ,three-
dimensional structure, this wall
structure can be extended for-
wards and backwards. In this way,
it not only has a front view but
can be seen properly from all
sides. (Fig. 170)
We can define a repetition
structure as one i n which the
unit forms, or the spatial cells
containing them, are put together
in regular sequence and pattern
so that they all relate to one an-
ity other in the same manner.
It is not easy to illustrate on
paper the various types of repe-
tition structure i n three-
dimensional design. The
simplest way is to analyze these
structures i n terms of vertical
layers or horizontal layers. Ver-
tical or horizontal layers are
actually the same thing i n most
symmetrical designs which can
be turned sideways for a different
viewing. (Fig. 171)

re.
I
CHAPTER 5 : REPETITION

Repetition o f Unit Forms 1 Re1

Thc
Ch:
Repetition of unit forms has been rep
briefly mentioned in Chapter 1. it i$
We have also seen that many of nat
the examples illustrated in T
Chapters 2, 3, and 4 contain unit dirr
forms in repetition. strl
In the narrowest sense, repeti- wa
tion of unit forms means that all it n
the visual elements-shape, size, car
color, and texture-of the unit sid
forms should be the same. (Fig.
164)
, strbI
In a broad sense, identical uni
color or texture among unit forms cor
can constitute repetition. Of in I
course, the unit forms have to SO
relate to one another by similarity
or gradation of shape as well,
1 0th
I
otherwise they cannot be grouped Pal
as unit forms. (Fig. 165) titis
Shape, in any case, is the most din
essential visual element when sin
we speak of unit forms. Thus, str
when we speak of repetition of lay
unit forms, repetition of shape tici
must always be included. It pro- acl
vides an immediate feeling of SY
unity even though the unit forms be
are rather informally arranged.
(Fig. 166)
~ vie

Visual unity is further strength-


ened when the unit forms are
repeated both in shape and size.
(Fig. 167)
If a high degree of regularity
in organization is desired, such
unit forms can be put together in
a design guided by a repetition
structure. (Fig. 168)
Repetition Structure

The wall structure described i n


Chapter 3 is already a kind of
been repetition structure, except that
- 1. ~tis only two-dimensional i n
my of nature. (Fig. 169)
To obtain a truly three-
I unit dimensional structure, this wall
1 structure car1 be extended for-
!pet i -
at all i wards and backwards. In this way,
il not only has a front view but
can be seen properly from all
size,
iit 1 stdes. (Fig. 170)
Fig. I1 We can define a repetition
i structure as one in which the
I 1 unit forms, or the spatial cells
forms j containing them, are put together
I In regular sequelice and pattern

to sothat they all relate to one an-


ilarity .other in the same manner.
11, i It IS not easy to illustrate o n
,up& 1 paper the various types of repe-
most
en
/ t~tionstructure i n three-
dimensional design. The
/ s~rnplestway is to analyze these
c
-, I structures i n terms of vertical
I of ; layers or liorizontal layers. Ver-
Pe : tical or horizontal layers are
pro- { actually the same thing in most
If I symmetrical designs which can
orms be turned sideways for a different
sd. viewing. (Fig. 171)

ngth-
re
size.
Arrangements of the Layers If all 1
forms d
To illustrate the organization the adjz
of a repetition structure, let us ranged
start with arranging four layers of the spa'
spatial cells or unit forms. of the f~
The simplest arrangement is (Fig. 18
to have each layer directly above Direc
the next. (Fig. 172) introdul
Then we shift the positions of or unit
alternate layers. (Fig. 173)
Or we can arrange them in Joining
positional gradation. (Fig. 174)
Directional variation is also Spatial
possible. Directions of alternate of simp
layers can be shifted. (Fig. 1 75) can ust
Or we can arrange the layers anothel
in directional gradation. (Fig. 176) forms, '
cells, rr
Organization Within Each Layer tions w
of joini
Within each layer, there are Face
rlumerous ways of arranging the f irmes'
unit forms, and alternate layers face cc
can be arranged differently. We tact. (F
have illustrated nine spatial cells Edge
or n nit forms in one layer to ex- contac
plore the various possibilities. may gi
First we arrange them in three Vert
rows and put them closely against or vert
one another. (Fig. 177) generz
The positions of the rows can care rr
be shifted. (Fig. 178) joints
There can be gaps between
the spatial cells or unit forms.
(Fig. 179)
Ifall the spatial cells or unit
forms do not touch one another,
fieadjacent layer can be ar-
fanged differently t o help hold
the spatial cells or unit forms 177
of the first layer in position.

introduced among the spatial cells


or unit forms. (Fig. 181)

Joining of Unit Forms

Spatial cells, which are usually


of simple geometric shapes,
can usually be joined to one
another by face contact, but unit
forms, when used without spatial
cells, may be of shapes or in posi-
tions which demand various kinds 180

firmest bond. This can be f u l l


face contact or partial face con-
181

contacts tend to be weaker and


may give flexible joints. (Fig. 183)
Vertex-to-face, vertex-to-edge
or vertex-to-vertex contacts are
generally difficult to control, and
care must be exercised if such
joints are necessary. (Fig. I84)
Square Prisms as Unit Forms or With
Spatial Cells spatii
struc
The structure becomes a bit more ing. (
complex if the unit form or the WE
containing spatial cell is not a as a
cube w i t h three equal dimen- or ml
sions. We have illustrated a form
square prism as an example, to Th
see h o w many ways two or more threc
of these units can be put together. creal
Certainly w e can place one t h ref
directly above another by face (Fig.
contact. (Fig. 185) Ac
We can place one above another repe
without aligning the edges. (Fig.
186) Unit
"The t w o prisms can be posi- Stru
tioned in different directions.
(Fig. 187) Mos
They can be i n edge-to-edge corn
contact. (Fig. 188) the !
Three prisms can form more L-s h
complicated shapes. (Fig. 189)
Four give wider possibilities
of interesting combinations. shol
(Fig. 190) (a
Once the relationship of the spa c
t w o or more prisms is established ProF
the n e w shape can be repeated ca nl
i n a repetition structure. (b
mu:
L-Shape Unit Form or Spatial (c
Cell be t
of tl
The basic square prism w e have (c
just seen can be composed of two wit l
cubes. Three cubes can make a anc
basic L-shape which has a right- forr
angle bend and t w o arms pointing
towards different directions.
With an L-shape unit form or
spat~alcell, possibilities in con-
struction can be quite challeng-
191

as a flat shape to see how t w o


or more L-shapes combine to
form new shapes. (Fig. 192)
Then we can use t w o or more 192
three-dimensional L-shapes to
create new shapes which are truly
three-dimensional i n character.

Again, the new shape can be


repeated in a repetition structure.

Unit Forms in a Repetition 193

Most unit forms are far more


complicated than the plain cube,
the square prism, or even the
L-shape. In organizing the unit
forms into a repetition
structure, the following points
s h o ~ ~ lbe
d noted:
(a) unit forms cannot float i n
space and must be anchored
fluence of gravity

(b) strength of the structure


must be taken into consideration.
(c) the front view should not
be emphasized to .the neglect
of the other views; 194
(d) unit forms can interlock

Concavity and convexity can


complement each other. (Fig. 194)
Figures 195 t o 202 all illustrate
t h e repetition of u n i t forms (in-
cluding all visual elements) in a
repetition structure.

Figure 195-there are six hori-


zontal layers, each layer contain-
ing four u n i t forms. Each unit
f o r m is actually developed from
a cube.

Figure 196-unit forms used in


this design are also developed
f r o m a cube. Each u n i t form has
square top and bottom, but a very
n a r r o w waist. There are three
vertical layers, a n d i t is interesting
to notice h o w t h e central layer is
fitted into t h e negative space be-
t w e e n t h e left and right layers.
Figure 797-four horizontal layers Figure 1
comprise this design. Each unit looks lil
form is made of a strip of thin is derivl
cardboard split at both ends into cube w
t w o narrow bands. At each end, c u t and
the narrow bands are curled and horizon
joined. The final shape is like
the numeral 8 lying o n its side. Figure 1
is used
Figure 798-The plane view of . spheric
each unit form is a hexagon. the thrf
The side view is a rhombus. The curled i
unit forms are joined to one an- design
other at the vertices, which are layers,
not ~ o i n t e dbut flattened. There forms f
are ihree horizontal layers, with gradatci
198
nine unit forms i n each layer.

Figure 799-another view of


Figure 198. The top view is now
the side view.
I

1
I
I
I
Figure 200-the unit form here
looks like the letter X or Z, and
is derived from a hollowed
cube with side planes partially
cut and removed. There are five
horizontal layers altogether.

Figure 201-a Y-shaped flat plane


is used for construction of the
spherical unit form. To do this
the three arms of the Y-shape are
curled and joined together. The
design is built of seven horizontal
layers, but the number of unit
forms for each layer is in
gradation.
Figure 202-the unit form for CHA
this design is remarkably simple. STR 1
It is a triangular piece that has
been slightly curled. The joining The I
is either by vertex-to-vertex or
vertex-to-edge contact. The struc- Polyt
ture may be rather fragile, but wh ic
it gives the design an attractively struc
delicate effect. desis
fund'
Figure 203-this is a different solid
view of Figure 202. ta ncc
Platc
tetra1
(six f
face:
face:
(twe
struc
grue
regu

The ,
face:
Each
anglc
If i
the F
trian
edge
then
edly.
Th
am01
is t h
can I

The I
amo
have
right
book
direc
for tl
t h rec
CHAPTER 6: POLYHEDRAL
STRUCTUR ES

h he Platonic Solids

Polyhedra are fascinating shapes,


which can be adopted as basic
, structures in three-dimensional
design. Among them are five

I
z

fundamental regular geometric


.solids that are of prime impor-
Etance. As a group they are called
!Platonic solids, and include the
:tetrahedron (four faces), the cube
(six faces), the octahedron (eight
faces), the dodecahedron (twelve
faces), and the icosahedron
,(twenty faces}. Each is con-
structed of regular faces, a l l con-
gruent, and their vertices are
regular polyhedral angles.

The tetrahedron contains four


faces, four vertices, and six edges.
Each face is an equilateral tri-
angle. (Fig. 204)
, If it rests on one of its faces,
the plane view is an equilateral
triangle. If it rests on one of its
edges, i n a rather unstable way,
then its plane view is, unexpect-
edly, a square. (Fig. 205)
The tetrahedron is the simplest
among the Platonic solids, but it
is the strongest structure that
can be made by man.

The cube is the best known shape


among the Platonic solids. We
have mentioned it frequently
1 right from the beginning of this
; book. It contains the three primary
directions and is indispensable
for the establishment of the
three basic views (see Chapter 1 ).
There are six faces, eight ver- The r
tices, and twelve edges i n a cube.
Each face is a square. All a-ngles Besic
are right angles. (Fig. 206) w h ic
If it rests o n one of its faces, hedr
the plane view is a square. If of SE
it rests on one of its vertices, then
the
its plane view is a regular hexa-
sem
gon (six sides). (Fig. 207) cons
The
The octahedron is the dual of tonic
the cube. This means that to form is tk
a n octahedron, each vertex of of 0
the cube is replaced by a face
gon
of the octahedron, and each face solil
of the cube by a vertex of the
tYPE
octahedron. (Fig. 208) A
A n octahedron has eight faces, Arc
six vertices, and twelve edges. si m
Each face is a n equilateral tri- one
angle. (Fig. 209)
If it rests o n one of its vertices, Th€
t h e plane view is a square. If it cor
rests on one of its faces, the ver
plane view is a hexagon (six sides). (Fis
(Fig. 210) k
are
The dodecahedron is composed
of regular pentagons (five sides).
It has twelve faces, twenty ver-
tices, and thirty edges. (Fig. 21 1)
If it rests o n one of its faces,
the plane view is a regular deca-
gon (ten sides). (Fig. 21 2)

The icosahedron is the dual of


the dodecahedron. It has twenty I
faces, twelve vertices, and thirty .
edges. (Fig. 21 3)
Each face is a n equilateral tri-
angle, just as i n the tetrahedron
and the octahedron. (Fig. 21 4)
If it rests on one of its vertices,
the plane view is also a regular
decagon (ten sides). (Fig. 21 5)
i
i

he Archimedean Solids

ides the five Platonlc solids,


21 6
ch are completely regular poly-
ra, there are quite a number
f semi-regular polyhedra called
rchimedean solids. These
-regular polyhedra are also
structed of regular polygons.
difference between the Pla-
nic and the Archimedean solids
that each Platonic solld IS built
only one type of regular poly- 21 7

@
pon, whereas each Archi medean 218
nsolid
type of is regular
burlt of polygon.
more than one
,*:
Altogether there are thirteen y--
Archimedean solids, but only the
simpler and more interesting
ones are Introduced here.

@
The cuboctahedron is one which 21 9
contains fourteen faces, twelve
vertices, and twenty-four edges. ---
(Fig. 2 1 6 )
Among the fourteen faces, eight ---A
are equilateral triangles and six
are squares. (Fig. 21 7)
If it rests on one of the trian-
gular faces, the plane view is a
hexagon (SIX s~des).(Fig. 21 8) 220

The truncated octahedron is one


which contains fourteen faces,
twenty-four vertices, and thirty-
six edges. (Fig. 2 19)
It is obtained by chopping away 221
the six vertices of an octahedron,
and replacing them by six square
faces.
' Among the fourteen faces,
eight are regular hexagons and SIX
'are squares. (Fig. 220)
I
If ~trests on one of the hex-
agonal faces, the plane view is
a dodecagon (twelve sides) with
unequal adjacent sides. If it rests
o n one of the square faces, the treat
plane view is a n octagon (eight
sides) w i t h unequal adjacent
sides. (Fig. 221 )
Face 1
If t h e
The rhombicuboctahedron, or struct
small rhombicuboctahedron, to the sir
distinguish it from the great one, make
which is described next, is a all of
solid which contains twenty-six empty
faces, twenty-four vertices, and Eac
forty-eight edges. (Fig. 222) poly hc
Among the twenty-six faces, an in\,
eight are equilateral triangles shape
and eighteen are squares. (Fig. interlc
223) the eB
If it rests o n one of the square polyh
faces, the plane view is a regular into a
octagon (eight sides). If it rests (Fig. 2
o n one of the triangular faces, Sel:
the plane view is a regular hexa- can bl
gon (six sides). (Fig. 224) the pf

The great rhombicuboctahedron Edge


(or truncated cuboctahedron) con-
tains twenty-six faces, forty-eight Alons
vertices, and seventy-two edges. shapt
(Fig. 225) tract€
Among the twenty-six faces, faces
twelve are squares, eight are 1 we ci
regular hexagons (six sides), and a n ec
six are regular octagons (eight of thc
sides). (Fig. 226) Str
If it rests on one of the hex- '
c a n I:
agonal faces, the plane view is This
a regular dodecagon (twelve bulgf
sides). If it rests on one of the with
octagonal faces, the plane view 232)
is an octagon (eight sides) w i t h Ea
unequal adjacent sides. (Fig. 227) rep12
edge
Interesting designs can be de- crea'
veloped from any of the poly- In1
hedra. All provide the fundamental
I structure for face treatment, edge
treatment, and vertex treatment.

I
I
Face Treatment

If the polyhedron has been con-


structed so that it is hollow inside,
the simplest face treatment is to
make negative shapes o n some or
all of the faces, revealing the
empty space inside. (Fig. 228)
Each entire flat face of the
polyhedron can be replaced by
an inverted or projected pyramidal
shape, constructed of joined or
interlocking planes. I n this way
the external appearance of the
polyhedron may be transformed
into a stellated polyhedral shape.
(Fig. 229)
Separately constructed shapes
can be attached t o the faces of
the polyhedron. (Fig. 230)

( Edge Treatment
1 Along the edges of a polyhedron,
shapes can be added or sub-
tracted. When they are subtracted,
faces are also affected because
we cannot remove anything from
an edge without removing a part
of the adjoining faces. (Fig. 231)
Straight edges of the polyhedron
can become curvilinear or bent.
This will cause the flat faces to
bulge or cave in, i n accordance
with the n e w edge shapes. (Fig.
232)
Each single-line edge can be
replaced by double- or multi-line
edge, and this w i l l lead to the
creation of new faces. (Fig. 233)
Interlocking of the face planes
along the edges can take place
in varied ways. (Fig. 234)
Vertex Treatment
I Figur
hedrc
Vertex treatment normally af-
fects all the faces which join
one another at the single point
I treat!
show
form!
of the vertex. One way to treat
vertices is by truncation, which Figur
means that the vertices are cut lcosa
off and n e w faces are formed been
on the cut areas. Truncation the v
usually leads to creation of a new Each
polyhedral shape. We have al- now
ready described the truncated a sur
octahedron among the Archi- PYra'
medean solids. The polyhedron cons
illustrated here, however, is not
a n Archimedean solid because Figui
the triangular faces have not hedr
been transformed into regular treal
hexagons after truncation. (Fig. the c
236)
If the polyhedron is hollowed, Figu
truncation reveals a hole at each : hav
vertex. Such holes may be spe- Eact
cially treated so that the borders face
are not just simple straight lines. trea4
(Fig. 237) circl
Additional shapes can be Vert
formed on the vertices. (Fig. 238) a ng l
so tl
J o i n i n g of Polyhedral Shapes trun

For a more complicated struc-


ture, t w o or more polyhedral
shapes of the same or different
designs can be joined together
by face contact, edge contact, or
vertex contact. (Fig. 239)
For greater structural strength
or for design reasons, vertices
can be truncated during vertex
contact, edges flattened during
edge contact, or the volume of one
polyhedral shape made to pene-
trate the volume of another.
(Fig. 240)
Figures 241 to 255 illustrate poly-
hedrons with various surface
treatments. Some of the projects
show polyhedra used as unit
forms.

Figure 241-the structure is an


icosahedron. All its vertices have
been truncated, and i n place of
the vertices are pentagonal holes.
I new Each of the triangular faces is
al- now a regular hexagon o n which
,.d a sunken-in circle and a projecting
~i- pyramidal shape have been
Iron ( constructed.
j not
use Figure 242-this is a dodeca-
101 hedron with simple edge and face
~lar treatments that do not transform
(Fig. theoriginal shape of thestructure.

,wed, Figure 243-eight octahedra


~teach have been used for this design.
I spe- Each octahedron is given both
orders face and vertex treatment. Face
t lines. treatment is simple: negative
circles are cut on all the faces.
Vertex treatment is complex: the
angles of the vertices are inverted
( so that the octahedron appears
apes truncated

:ruc-
lral
ferent
ether
tact, or

trength
?ices
~ertex
Wing
i e of one
I pene-
ler.
Figure 244-the structure for Figur
this complicated design is the broul
great rhombicuboctahedron, this i
which consists of octagonal, hex- placc
agonal, and square faces. Nega- who!
tive shapes are cut on all the enclc
faces and tetrahedral and semi- inter
octahedral shapes are added.
Figu
Figure 245-a negative hexagonal and
shape is made on each of the desi
hexagonal faces of a truncated a trl
octahedron, through which one hexi
can see the interesting interior trial
polyhedral shape. It is a linear sq U'
octahedron set among inwardly trial
pointing square and hexagonal and
pyramids built on the underside sha
of the faces. sec'

Figure 246-the structure of this


design is also the truncated octa-
hedron. All the faces have been
stripped to the edges, revealing
six layers of the same shape in
size gradation contained inside.
Figure 249-most parts of the Figu!
faces of the truncated octahedron the $
have been cut away. The main have
activity of the design takes place projc
inside the polyhedral framework. outw

Figure 250-twelve truncated fig^


cubes have been used to compose beer
this design. Each face of the for t
cubes contains a negative cir- pent
cular shape which resonates PYra
visually with the triangular holes are
formed at the truncated vertices. vertc
of p 1
pus1
corn
corn

Figc
posc
eacl
neg
con
Figure 251-here the faces of
the great rhombicuboctahedron
have been treated w i t h shapes
projecting both i n w a r d a n d
outward.

Figure 252-a dodecahedron has


been used as t h e basic structure
for this design. O n each of t h e
pentagonal faces, a pentagonal
pyramid is built, b u t all t h e faces
are stripped t o t h e edges. The
vertex of the pyramid, instead
of projecting all t h e w a y out, is
pushed inward. The result is a

cornbletely of near elements.


252
Figure 253-this design is com-
posed of t w o truncated octahedra,
i each of which s h o w s a play of
negative shapes a n d concave a n d
convex forms.
Figure 254-there are eight 1 CHAPT
truncated octahedra i n this design 1 PLANE
altogether. Each contains in-
verted vertices and negative I n the Ii
shapes. three o1
solids, 1
Figure 255-this consists of ten hedron,
cuboctahedra, each with curved constru
edges and open faces. The effect TriangL
is very much that of a linear struc- for the
ture with no straight lines at all. or intrc
createc
polyhec
planes
porta nc
design
(Fig. 2!

Equilal

To exp
constrl
planes
of t h i n
into a
angles
Cutt
strip, L
three E
of sixt3
Two
folded
This C i
dimen
Thrc
a tetrz
missir
Fou
a com
Five
a doul
face n
CHAPTER 7:TRIANGULAR
PLANES

In the last chapter we saw that


three out of five of the Platonic
solids, the tetrahedron, the octa-
hedron, and the icosahedron, are
constructed of triangular planes.
Triangular planes are also used
for the construction of projecting
or introjecting pyramidal shapes
created from the faces of any
polyhedron. Thus triangular
planes are of considerable im-
portance i11 three-dimensional
design and cannot be ignored.
(Fig.256)

I Equilateral Triangles

1 To explore the possibilities of


construction w i t h triangular
planes, we can use a narrow strip
of thin cardboard and divide it
into a series of equilateral tri-
angles. (Fig. 257)
Cutting one triangle from the
strip, we have a flat plane with
three equal sides and three angles
of sixty degrees each. (Fig. 258)
Two linked triangles may be
folded in any desirable angle.
This can be a free-standing three-
dimensional shape. (Fig. 259)
Three linked triangles can make
a tetrahedron with one face
missing. (Fig. 260)
Four linked triangles can make
a complete tetrahedron. {Fig. 261 )
Five linked triangles can make
a double-tetra hedron w i t h one
face missing. (Fig. 262)
CHAPTER 7 : T R I A N G U L A R
In PLANES

In the last chapter w e s a w that


three out of five of t h e Platonic
solids, the tetrahedron, t h e octa-
-I hedron, and the icosahedron, are
1 constructed of triangular planes.
ct Triangular planes are also used
JC- for the construction of projecting
I. or introjecting pyramidal shapes
created from the faces of any
polyhedron. Thus triangular
planes are of considerable i m -
portance in three-dimensional

, design and cannot be ignored.


(Fig. 256)

I Equilateral Triangles

To explore the possibilities of


construction w i t h triangular
planes, we can use a n a r r o w strip
of thin cardboard and divide i t
Into a series of equilateral t r i -
angles. (Fig. 257)
Cutting one triangle from t h e
strip, we have a flat plane w i t h
three equal sides a n d three angles
of sixty degrees each. (Fig. 2 5 8 )
Two linked triangles may b e
folded i n any desirable angle.
Th~scan be a free-standing three-
dimensional shape. (Fig. 2 5 9 )
Three linked triangles can make
a tetrahedron w i t h one face
missing. (Fig. 2 6 0 )
Four linked triangles can make
a complete tetrahedron. (Fig. 2 6 1 )
Five linked triangles can make
a double-tetrahedron w i t h one
face missing. (Fig. 2 6 2 )
Six linked triangles can make U nequa
a complete double-tetra hedron,
(Fig. 263) Just as z
They can also form an octa- board c?
hedron with two faces missing. ber of ec
(Fig. 264) triangle!
Eight linked triangles can make into a n
a prismatic shape, with a hol- unequal
lowed square top and a hollowed With 5
square bottom. The two hollowed sided tri
square shapes are of the same prisms \
size but in different directions. or 270 i
(Fig. 265) triangle:
Uneql
Isosceles Triangles ferent s
used to
The equilateral triangles can be or octa t-
elongated to form narrow and tall exciting
isosceles triangles, with two (Fig. 27:
equal sides. (Fig. 266)
Four linked triangles of this The Oc.
kind can make a much distorted
tetrahedron wtrich may also be Just as
described as a prism with two dimensi
wedge-shape ends. (Fig. 267) cubes c
Five linked triangles can make dimensi
a prism with an open triangular (Fig. 27
shape at one end and a wedge- Equili
shape at the other end. (Fig. 268 two-dirr
Six linked triangles can make gaps, bl
a prism with an open triangular u p threr
shape at each end. (Fig. 269) out gap
Eight linked triangles can makt i n edge
a prism with open square ends. d iscove
(Fig. 270) exactly
Examples using the prisms hedron.
formed of isosceles triangles car Thus
be found in Chapter 4, in which hedra a
Figure 161 contains prisms mad1 can fill
of four linked triangles and Fig- space v
ure 162 contains prisms made the octc
of six linked triangles. duce stm
strengtl
of mate
Unequal-sided Triangles

Just as a narrow strip of thin card-


I board can be divided into a num-
1E ber of equilateral or isosceles
1 triangles, it can also be divided
into a number of triangles w i t h
unequal sides. (Fig. 271 )
With six or eight linked unequal-
sided triangles, w e can construct
prisms very similar t o Figure 269
or 270 if all the angles of the
triangles are acute angles.
Unequal-sided triangles of dif-
ferent shapes and sizes can be
used to build irregular tetrahedra
or octahedra which may become
exciting elements in a design.
(Fig. 272)

The Octet System

Just as squares can fill up two-


dimensional space without gaps,
cubes can fill up three-
dimensional space without gaps.
(Fig. 273)
Equilateral triangles can fill up
two-dimensional space without
gaps, but tetrahedra cannot fill
up three-dimensional space with-
out gaps. W i t h three octahedra
in edge-contact positions, w e
discover that the space left over
exactly accommodates one tetra-
hedron. (Fig. 274)
Thus when octahedra and tetra-
hedra are used together, they
can fill up three-dimensional
space without gaps. This is called
the octet system, and it can pro-
duce structures of amaziqg
strength that use a minimum
~f materials. (Fig. 275)
Triangular planes offer unlimited
possibilities in design. Regular
or irregular tetrahedra, octa-
hedra, and pyramidal shapes
can be joined together with un-
expected effects. Figures 276 to
284 demonstrate some of the
varied constructions that can be
created from triangular planes.

Figure 276-eight linked triangles


have been used to construct one
unit form, which is similar to
Figure 265. A number of such
unit forms makes a ring, which
is one layer of the design. Layers
of the same construction but in
diminishing sizes establish the
structure for this design.

Figure 277-all faces of the tetra-


hedron used here are almost
stripped to the edges. Six groups
of these are arranged in a radiat-
ing manner.

Figure 278-a total of ten tetra-


hedra are used. Each has one of
the vertices pushed in and then
out in an interesting way.
Figure 279-a number of tetra-
hedra have been glued together Fis
by vertex contact. Structurally, un
this is not very strong, but the lin
form has a feeling of openness, pl;
even though all the faces of the in
tetrahedra are solid. for
ve I
Figure 280-each unit form is
made of several triangular planes. Fis
The unit forms are glued to one sis
another by face contact, forming thr
a circular ring which is repeated six
several times in the final design. Th
wi
Figure 281-three folded tri- en
angular planes have been used to tht
construct each unit form. Twenty mc
unit forms i n vertex contact make is
one large tetrahedral super-unit sh'
form, four of which are then put fift
together i n one design. we
bu
Figure 282-one element of t h e
unit form is constructed of three
linked and folded triangular
planes. Four of such elements
in vertex contact make one u n i t
form, and these unit forms i n
vertex contact build t h e design.

Figure 283-each u n i t form con-


sists of nine linked triangles,
three of which are isosceles and
six of which are right-angled.
This results i n a prismatic shape,
with a triangular shape at one
end and a hexagonal shape at
the other end. A n additional ele-
ment built also of linked triangles
is positioned inside the prismatic
shape. The unit f o r m is r e ~ e a t e d
Yt !
1
f~fty-fivetimes in a triang"Iar
wall structure w h i c h is not flat
1I but curved.
Figure 284-there are twenty-five CHA
unit forms in five layers, or five FRA
columns. Each unit form is an
octahedron with one vertex Con:
pushed inward. The structure
is built by means of face contact. So f:
An interesting aspect of this threc
design is that each column is not struc
perpendicular to the ground plane thick
but slanting. geon
all f l
we c
shal:
then
inter
Fo
sists
this,
quirt
is of
beca
(Fig.

Con

All s
edge
frarr
eact-
line:
bord
verti
In
a lwz
Thu!
morc
tion
aga i
only
edge
becc
m us
cons
of a
In
latio
1 CHAPTER 8: LINEAR
1 FRAMEWORK

r-,
; Construction with Planes

So far we have been dealing w i t h


three-dimensional forms con-
structed of Flat planes of even
thickness. To construct any solid
geometric form which consists of
all flat faces and s t r a ~ h
g t edges,
we can cut the planes i n the
shapes of the faces and glue
them together, w i t h or without
internal reinforcement.
For instance, a s o l ~ dcube con-
s~stsof six square faces. To build
this, six square planes are re-
quired. The thickness of the planes
1s of little visual significance
because it I S normally concealed.
(Fig. 285)

Construction with Lines

All geometric forms w i t h straight


edges can be reduced to a linear
framework. I n constructing this,
each edge is transformed into
linear materials which mark the
borders of the faces and form the
vertices where they join.
In any geometric form, there are
always more edges than faces.
~husconstructionwith lines is
more complicated than construc-
tion with planes. Using the cube
again as an example, there are
only six faces, but there are twelve
edges, and the twelve edges
become twelve linear sticks which
nus st be connected i n order to
construct the linear framework
of a cube. (Fig. 286)
In our exploration of linear re-
lationships, the sticklike elements
Ik

I
I
can be wooden sticks w i t h square a por
cross sections. The shapes are, 1i aha1
i n fact, elongated prisms with 1 CateC
their o w n faces, edges, and ends. I cank
(Fig. 287) stren
maki,
Joints joints

I n using wooden sticks for con- Corn


struction, w e first need to know Frarr
about joints. To build a flat square
frame, four wooden sticks of the With
same length can be mitred and f ra mc
glued together. Such joints are porti I
neat and fairly strong. (Fig, 288) lengt
A simpler way to make a flat me n l
square frame is t o have t w o erect
slightly longer and t w o slightly Va
shorter wooden sticks w i t h work
square-cut ends. The ends of i n on
the shorter pieces are glued to ways
the side faces of the longer pieces. (a)
The length of the longer pieces certa
equals the external measurement than
of the square frame, whereas (b)
the length of the shorter pieces
equals the internal measurement
of the square frame. (Fig. 289)
We can also use four wooden
sticks, w i t h square-cut ends,
all of the same length. This is the can t
simplest way of making a square from
.frame. The external measure- (Fig.
ment of the final square frame Cd)
is the sum of the length and thick- in sp
ness of a wooden stick, and the plan
internal measurement of the final 296)
square frame is the difference (e)
between the length and the thick- a l l of
ness of a wooden stick. (Fig. 290) leng.
Joints made w i t h square-cut (f 1
ends are not as strong as those be a
made w i t h mitred ends. Stronger angl
ends could be made if the end of 298)
one wooden stick overlaps an- (9)
other wooden stick, both having
a portion cut away. This is called
a half-lap joint. More compli-
cated mortise-and-tenon joints 292
can be made for still greater
strength. Certainly though, for
making sma II models, complicated
joints are not necessary. (Fig. 29 1)

With a top and bottom square


frame, we only need four sup- 293
porting wooden sticks, cut to the
length of the internal measure-
ment of the square frame, to
erect the cube. (Fig. 292) 294
Variations on the linear frame-
work of the cube can be made
in one or more of the following
295

certainly, can be of a shape other


than the square; (Fig. 293)
(b) the shape of the top frame 296
car1 be of the same shape and
, size as the bottom frame, or of
the same shape but not the same
size; (Fig. 294) 297
(c) the direction of the topframe
: can be the same as or different
from that of the bottom frame; 298
(Fig. 295)
(d) the top frame can be tilted
in space and nonparallel to the
plane of the bottom frame; (Fig.
299
1 296)
(e) the supporting sticks can be
- all of the same length or of varying
) lengths; (Fig. 297)
(f) the s~rpportingsticks can 300
be all perpendicular or at an
. angle to the bottom frame; (Fig.
1 298)
1 (g) the supporting sticks can be
parallel or nonparallel to one a n -
other; (Fig. 299)
(h) the supporting sticks can
be straight or bent, or a mixture
of both kinds. (Fig. 300)

Repetition of the Linear


Framework

So far w e have seen how a simple


linear framework can be con-
structed. To take this further,
we can repeat the section of
linear framework as many times
as desired by placing one unit
above the next. Each section can
be considered as one unit.
If each unit has parallel top and
bottom frames of the same shape,
size, and direction, and parallel
supporting sticks of equal length,
then by placing one unit on an-
other in the same direction, we
will have a vertical structure
with straight edges. (Fig. 301)
Normally, the top frame of the
unit below becomes the bottom
frame of the unit above.
If each unit has parallel top
and bottom frames of the same
shape and direction, but not of the
same size, this means that the
supporting sticks, though of the
same length, cannot remain
parallel to one another, and the
resulting structure will have
zigzag edges. (Fig. 302)
If each unit has parallel top
and bottom frames of the same
shape and size, but not of the
same direction, this means that
the supporting sticks, again.
cannot remain parallel to one
another, and the resulting struc-
ture will have a twisted body.
(Fig. 303)
If each unit has nonparallel
top and bottom frames of the same
shape and size, this means that
the supporting sticks will have to
be of unequal lengths, and the
resulting structure will have a
curved or bent body. (Fig. 304)

Stacking of Repeated Units


306
Repeated units can be stacked
so that the bottom frame of the
unit above does not coincide
exactly with the top frame of the

@@
307
unit below. The units can be
shifted gradually in position or
direction. (Fig. 305)
The column thus created can
be placed horizontally if it can-
not remain stably i n a vertical 308
position or for aesthetic reasons.
(Fig. 306)
In more complex structures,
repeated columns can be used. 309

Addition and Subtraction

Within the top or bottom frame,


or between supporting sticks, or
@ 31 0
inside the space defined by the
linear framework, additional
linear shapes can be positioned
for strengthening the structure
@ Y
rn
or just making it more interesting.
(Fig. 307)
After this additional support, 31 1
it is possible that some or all of
the original supporting sticks, or
part of the top or bottom frame, 31 2
can be removed for aesthetic
or other reasons. (Fig. 308)
Sticks which compose the top
or bottom frame or are between
the two frames can exceed the
length of the cube. (Fig. 309)
Additional frames can be be looked upon as projects of
formed outside the linear this kind too. They are figures
framework. (Fig. 310) 196, 198, 200, and possibly 277.

Interpenetration Figure 313-here nine units of


linear framework have been used.
Interpenetration occurs when part Each unit is constructed of two
of one linear framework is inside square frames and four parallel
the space defined by another supporting sticks of the same
linear framework. (Fig. 31 1) length. The units are glued to
A smaller linear framework can one another in directional
be suspended inside a larger one rotation.
with additional supporting or
hanging elements. (Fig. 31 2) Figure 314-this structure con- I
sists of two units, each divided
Figures 31 3 to 31 8 are all projects into four sections, with one sec-
in construction of linear frame- tion of the top unit overlapping
works. Some of the examples in one section of the bottom unit.
earlier chapters, made of card- Diagonal lines are erected inside 1
board but with all the faces the units, replacing all vertical 1
stripped to the edges. could supporting sticks.
Figure 315-the structure is a
rhombicuboctahedron, inside
of which additional linear ele-
ments are developed that link
the vertices.

Figure 316-here each unit is


the framework of a cube and
the units are in gradation of size
and direction, one inside
another.

Figure 377-there are four units


i n this design. Each unit was
originally the framework of a
cube but most of its vertical and
horizontal elements have been
removed after the addition of di-
agonal elements to the structure.

Figure 318-the structure con-


tains five layers, with four units
i n each layer. Each unit is a slant-
ing prismatic shape.
CHAPTER 9: LINEAR LAYERS I val

Building Up of Linear Layers To


we
I n the last chapter we saw how stic
linear frameworks could be con- va r
structed. If we take away the car
supporting sticks from a linear F
framework, w e are left with a top wo
frame and a bottom frame, which wh
can be considered two layers, 32
a top layer and a bottom layer. I
(Fig. 31 9) sti
Between these two layers a ler
number of intermediate layers (Fi
can be stacked, and the shape \
thus erected will be the same dir
as the original linear framework. ca
For example, if the framework tio
is i n the shape of a cube, the (Fi
four supporting sticks of the
framework can be replaced by SP
layers of square frames in the
same shape and size as the top
and bottom frames. The resulting
shape has solid side planes, but
hollowed top and bottom planes.
(Fig. 320)
Now, if desired, w e can shift
the positions of the layers to make
a slanting prism. (Fig. 321)
Or we can rotate each layer
gradually. (Fig. 322)
Variations a n d Possibilities

To simplify our thinking process,


P
we can use a single wooden
stick for each layer and see what
variations and possibilities we
can have.
First of all, the t w o ends of the
wooden stick can be shaped in
whatever way is desirable. (Fig.

I
I
In building up the layers, the
sticks can be all of the same
323'
length or have varying lengths.
(Fig. 324)
We can position one stick
directly above the next, but we
can also arrange them in posi-
t ~ o n aor
l directional gradation.
(Fig. 325)
The body of the stick can be
specially treated. (Fig. 326)
Gradation of Shape in Layer
Construction

Possibilities i n gradation of shape


can be explored if we have more
than one wooden stick i n each
layer. Suppose w e have two sticks
i n each layer of our construction.
The t w o sticks can be of the same
or different lengths. (Fig. 327)
They can be joined at one end
to form a V-shape, or they can
cross each other to form an X-
shape. The angle of joining or
crossing can vary from one layer
to the next. (Fig. 328)
They can also be glued together
laterally or longitudinally. (Fig.
329)
Let us observe the following
example i n layer construction.
The top layer is a V-shape with
the joint pointing to the left. In
the layers immediately below this,
the t w o sticks begin to overlap
each other gradually i n a half-lap
joint, forming an X-shape. The
central layer is an X-shape w i t h
the intersection right at the mid-
dle. In the layers immediately
underneath this, the intersection
of the X-shape moves gradually
t o the right. Finally it becomes
a V-shape with the joint pointing
t o the right and it marks the bot-
tom layer. (Fig. 330)
W i t h more sticks for each layer,
and positional and directional
variations, more complicated
effects easily can be achieved.
Figures 331 to 338 all show the
use of linear layers i n three-
dimensional structures.

Figure 331-each layer is a sim-


ple square frame i n this seem-
ingly complex construction. The
square frame is i n gradation of
size as well as gradation of
direction.

Figure 332-there are four groups


of linear layers. I n each group,
a wooden stick rotates and be-
comes longer and longer. The four
groups are joined together i n an
X-shaped structure.
Figure 333-similar t o Figure Figure 334-this contains twenty
332, here w e also find rotating groups altogether, each con-
sticks forming curved planes, structed of six rotating sticks
four of which are put together i n i n gradational lengths. The over-
one design. all shape of this design is an
irregular tetrahedron.

Figure 335-there are only two


groups of rotating sticks in this
design. All sticks are of the same
length.
Figure 336-here each square
frame is separated into t w o layers,
one layer w i t h t w o sticks point-
ing forward and backward, and
the next layer w i t h sticks pointing
sideways. Gradation of the size of
t h e square frames, created by
gradation of t h e lengths of the
sticks, has made t h i s into an
interesting towering shape.

Figure 337-similar t o Figure 336,


w e have sticks pointing at differ-
ent directions i n alternate layers.
The lengths of t h e sticks remain
unchanged, b u t t h e distance be-
t w e e n t w o parallel sticks i n each
layer narrows and widens
gradually.

Figure 338-this is s h o w n o n page


100. It is constructed more or less
o n the same principle as Figure
337.
0r
str
an
eq

by
thl
thl
lir
PO
tic
in
If
or
in
or
W
tv
CHAPTER 10: INTERLINKING
LINES

Interlinking Lines o n a Flat Plane

On a flat plane let us draw t w o


straight lines of the same length
and on each of them mark seven
equally spaced points. (Fig. 339)
Interlinking lines can be created
by joining the points on one of
the straight lines to those on
the other. If the t w o straight
lines are parallel and w e join the
points in the order of their posi-
tioning, a pattern of parallel
interlinking lines are produced.
If we join the points i n the reverse
order of their positioning, the
interlinking lines will all intersect
one another at one n e w point
which is half-way between the
two straight lines. (Fig. 340)
If the t w o straight lines are
nonparallel, interlinking lines may
all be parallel, or i n directional
gradation, or i n intersection at
many new points. I n the last
case, a curved edge is produced
although the interlinking lines are
all straight. (Fig. 341 )
If the two straight lines are
joined to each other at an angle,
interlinking lines may all be par-
allel, or i n intersection at many
/
I
new points. In the latter case, a
curved edge is also produced.
1 (Fig. 342)

I
'
If we mark the equally spaced
points not o n straight lines but
along an arc of a circle, inter-
linking lines created between those
points may be all parallel, or i n
intersection at many n e w points,
producing a curved edge, as i n the
examples above. (Fig. 343)
Interlinking Lines in Space As 1
a re
To explore possibilities of inter- the
linking lines i n space, w e can use link
a linear framework in the shape dim
of a cube, w i t h vertices A, B, C, dim
D, E, F, G, and H. On each of the ach
edges, represented by sticks, nor
seven equally spaced points are pla~
marked between the vertices. F
(Fig. 344) in F
AB, CD, EF, and GH are parallel a nc
sticks. So are AE, BF, CG, and velc
DH. Interlinking lines developed eitk
between parallel sticks have the or (
same results as those on the flat (Fi<
planes illustrated i n Figure 340.
This means that they are either to I
all parallel or i n intersection at for
one new point. (Fig. 345) cut
AB, BC, CD and DA are sticks I
on the same plane. So are sticks F,
DA, AE, HE and DH; or sticks thc
AB, BF, EF and AE; or sticks CD, Pr(
DH, GH and CG; or sticks EF, bu
FG, GH and HE; or sticks BC, CG, (
FG and BF. Any t w o adjacent Pr(
sticks from the above groups can an
produce interlinking lines BC
similar to those illustrated i n AE
Figure 342. (Fig. 346) an
I DL

i EF
As we have seen, stlcks whlch
are parallel to each other or on
the same plane produce Inter-
l~nklngllnes basically of two-
drmensronal nature Three- 347
dlmensronal effects can be
achleved only rf the stlcks are
nonparallel and on d~fferent

For Instance, stlcks AB and FG


re 344 are nonparallel
d~fferentplanes To de-
velop lnterlrnk~ngIrnes, w e can
onnect A t o F and B to G,
or connect A to G and B to F

to G, the rnterlrnk~ngllnes can 348


form a surface whrch IS slrghtly

F, the curved surface formed by


the ~ n t e r l ~ n k ~llnes
n g IS even more
prominent It IS not only curved
but twrsted (Flg 349)
Other pairs of st~ckswhlch can
produce srmrlar effects are AB
and HE, AB and DH, AB and CG,
BC and EF, BC and GH, BC and
AE, BC and DH, CD and HE, CD
and FG, CD and AE, CD and BF,
DA and BF, DA and CG, DA and 349
EF, DA and GH

i
I
I
I

I
I
I

i
Materials and Construction C
for
The linear frameworkalways must Pa r
be made of rigid material, such full
as the wooden sticks, i n order intf
to stand firmly and provide strong rial
support for the interlinking lines. i ne
(Fig. 350) tial
With a rigid linear framework, of i
the interlinking lines may be of
rigid or soft material. Rigid inter- Int
linking lines can simply be glued Tr:
to the faces of the members of
the framework, and their ends To
are normally shaped to facilitate SUI
adhesion with maximum face lin
contact. (Fig. 351 ) of
If the interlinking lines are of WE

I
soft material, such as thread made 5b
l
of cotton, nylon, or other sub- 0
stances, they can be tied or fixed e\
by some means to members of a
the framework. (Fig. 352) TI
Soft interlinking lines must
be stretched taut between t w o
anchoring points and, i n doing so,
tension is created. The framework
has to be strong enough to with-
stand such forces. (Fig. 353)

Planar Construction for


Interlinking Lines

If a linear framework is not used,


w e can use simple planar shapes
i n a construction for the develop-
ment of interlinking lines. Planar
construction may be stronger than
a linear framework if the material
used is of adequate thickness
and rigidity.
Clear acrylic sheets are ideal
for this purpose, as the trans-
parency of the material allows
full display of the intricacies of
interlinking lines. Opaque mate-
rial may tend to become too prom-
inent as a form and at least par-
tially obstruct vision of the play
of interlinking lines.

Interlinking Lines Within a


Transparent Cube

To explore the effect of curved


surfaces formed of interlinking
lines with as little interference
of the framework as possible,
we can use six square acrylic
sheets to build a cube. (Fig. 354)
On the top plane, a number of
evenly spaced tiny holes forming
a circular shape can be drilled.
The same can be done on the
bottom plane. (Fig. 355)
Now w e can construct inter-
linking lines w i t h nylon or cotton
thread between the top and bot-
tom planes.
If the interlinking lines are all
parallel to one another and per-
pendicular t o the top and bottom
planes, the result is a cylindrical
shape. (Fig. 356)
If the interlinking lines are all
slanting, and nonparallel to one
another, the result i s a hyperboloid
with a continuous curved surface.
(Fig. 357)
More complicated and interesting Fit
results can be achieved by vary- jec
ing t h e design just described in for
one or more of t h e following in(
ways: fez
(a) the position of the circular m:
shapes can be moved from the
center towards t h e edges or Fii
corners of the top and bottom lin
planes; (Fig. 3 5 8 ) fra
(b) one or both of t h e circular ve
shapes can be moved t o the side f rs
planes of t h e cube; (Fig. 3 5 9 ) af i
(c) t h e size of t h e t w o shapes
can be different; (Fig. 3 6 0 ) Fi!
(d) one shape can be different is
f r o m t h e other. Both can be non- ra
circular if desired; (Fig. 3 6 1 ) by
(e) several sets of interlinking
lines can be constructed within
t h e same transparent cube. (Fig.
362)

I
.sau!l 6u!yutl~alu!aqi A q
pal~oddns' p a J a ~ o pue l pastel
s! 11 'aueld ielj e U O J ~in3 s!
adeys l e ~ l d se a ~ a y - p g & a~n61j
'SpJeMJalje
paAowaJ a l e yJoMaueJj
a y l 40 sy31ls 6u!]~oddnsle31l~an
~ n oaj y l 'aqn3 e jo yJomaueJj
a y i U ! ~ I I M pai3n~isu03aJe s a y
~ U ! ~ I . J ! ~p!6!~-cg&
J ~ ~ L I ! am61j
Figure 365-the framework is a FI!
strong one, composed of vertical, OC
horizontal, and diagonal members. lir
All interlinking lines are parallel th
to the ground plane, but they are
in directional gradation, form- F(
ing gentle curved surfaces. ro
f0
St
lir
SF
Figure 366-the framework is an
octahedron. Six sets of inter-
linking lines are developed near
the six vertices.

Figure 367-six triangular frames


rotating around a common axis
form this framework. The whole
structure is reinforced by inter-
linking lines which enclose the
space inside with curved surfaces.
is I
an
1 of
to
ea
erc
arl
X-

Fi!
ar
fo
01
t\n
st
tv
W
th
in

Fi
si
S1
d
n
F
0
fi
a
h
S
P
t'
a
C
Figure 368-here the framework
is built of two square frames
and four parallel connecting sticks
of the same length perpendicular
to the square frames. Within
each square frame, an X-shape is
erected, and interlinking lines
are developed between the two
X-shapes.

Figure 369-eight isosceles tri-


angular frames have been used
for this octahedral framework.
One stick is added inside be-
tween two opposite vertices to
Figure 372-here a spiral plastic
band has been used for the de-
velopment of interlinking lines.

Figure 373-several triangular


shapes made of clear acrylic
sheets compose this structure.
The main interest of the design The
is the interlinking lines, which in p
stand out sharply among the out
transparent planes because of the bet
dark color of the cotton thread. ma!
indt
Figure 374-in this design, the Par
planar shapes, made of opaque cec
acrylic sheets i n dark color, are Re2
more prominent than the nylon obt
interlinking lines, which are trans- in d
parent and colorless. The effect the
is just opposite to that of Figure wht
373. the
not

E
At'
GLOSSARY Background. The void space rangement of shapes or forms
behind all positive forms in twc- within a frame of reference,
dimensional design. Shapes with or without the conscious
generally hidden behind oth- use of a formal, semi-formal,
er shapes sometimes also or informal structure. See also
form part of the background. Formal composition, Informal
Basic grid. Equidistant vertical composition, and Semi-formal
These are the key terms used and horizontal lines making composition.
in particular sections or through- identical square subdivisions Compound form. A form
out the text, arranged in alpha- in a repetition structure. established with different
betical order. This arrangemenl Body. The elongated plane component forms that remain
may be different from that in the within the two edges of a line distinguishable.
index, where the adjective com- or the narrow volume inside a Concentration. A way of dis-
ponent of a term is usually pre- prism or cylinder. tributing shapes or forms with
ceded by the noun component. Calligraphic shape. A shape increasing density in desired
Readers can use the glossary to composed of freely made areas.
obtain definitions and refer to the lines and marks revealing the Concentration structure. Ar-
index to locate relevant parts of effects of a particular tool. rangement of shapes or forms
the text. Specific computer terms, Centrifugal structure. A kind with concentration occurring
which have been explained in of radiation structure with at predetermined points, lines
the general introduction, are structural lines radiating from or areas to achieve a semi-
not included in this glossary. the center, or its vicinity, in all formal composition.
directions. Concentric structure. A kind
Abstract form. A form that Centripetal structure. A kind of radiation structure with lay-
makes no reference to any- of radiation structure con- ers of concentric circles or
thing in our daily environment. structed with groups of bent polygons as structural lines
Active structure. A structure or curved structural lines surrounding a common center.
with structural lines that actively pressing towards the center. Conceptual elements. Invisible
divide space into restrictive Closed path. A path that elements that are the structural
& structural subdivisions, and makes a complete enclosure, components of a form.
i can intercept and crop forms. showing no end points. Constructional elements.
Addition. The union of two or Color. How light is reflected to Structural components in three-
! more overlapping forms to and perceived by the eye from dimensional solids.
!
; make a larger form. the surface of a shape or form. Continuance. Repetition of unit
Anomaly. The presence of This may be related to its pig- forms in one or more directions.
i some irregularity or variation in mentation with application of Two-way continuance estab-
a design where strict regularity ink or paint. Color, in a broad lishes a border. Four-way and
generally prevails. sense, includes not only the six-way continuances establish
Attribute. Visual appearance spectral hues, such as red, an all-over pattern.
of a line or an enclosed area. orange, yellow, green, blue Contrast. Relating forms of the
A line can have attributes of and purple, but also black, components of forms to empha-
weight, color, and pattern; white, and all the intermediate size their differences in one or
and an enclosed area can gray shades. more aspects, such as shape,
have a fill with attributes of Composition. The general visual size, color, texture, direction,
color and pattern. result obtained with the ar- and/or position.
Contrast structure. Arrange- Form. Any visual entity com- of instability and movement Ma1
ment of shapes or forms to prising all the visual elements of or of stability and balance. ta
achieve effects of contrast in shape, size, color, and texture, Grid. Regularly spaced vertical/ ot
direction, position, space, or suggesting or embodying horizontal lines or dots for bj
gravity in order to establish an plane and/or volume. See also positioning forms in a com- Mul
informal composition. Abstract form, Compound position. See also Basic grid. C(
Cylinder. A three-dimensional form, Flat form, Man-made Ground. Negative space occupy- Nal
form with circular or oval form, Natural form, Negative ing the void in the background. fc
cross-sections. form, Plural form, Positive Illusory space. The seeming 01
Depth. An illusion of receding form, Representational form, presence of volume and depth 01
deep space behind the picture Singular form, Superunit form, in two-dimensional design. tt-
plane. Unit form, and Verbal form. Inactive structure. A structure Ne!
Dilation. Increasing the size of Formal composition. Composi- just to guide positioning of SI
a shape. tion displaying order of strict shapes or forms in a compo- fi
Direction. The orientation of a regularity, implying the exist- sition. Nel
shape with reference to other ence of an underlying formal Informal composition. Com- n
shapes or to the frame. structure. position with irregular arrange- Or!
Division. Splitting of one shape Formal structure. A structure ment of shapes or forms, ob- P
into two or more shapes. effecting arrangement of unit tained with or without the use OP
Dot. A tiny and compact shape forms to establish a formal of an informal structure. P
visible to the eye. composition showing a par- Informal structure. Arrange- Ov
Edge. The border of a line, ticular kind of regularity. ment of shapes or forms to 'A
shape, or plane. Frame of reference. The sur- attain a particular effect of con- Ou
Elements. Invisible structural rounding edge of a composition. trast or concentration, show- r(
components or visible constit- This could be the edge of the ing some kind of irregularity. C
uents of a form, composition, paper that contains the design, Interpenetration. A situation n
or design. See also Concep- or a specially drawn linear of overlapping forms where Pa
tual elements, Constructional frame defining the design area. the overlapped area changes li
elements, Visual elements, Geometric shape. A shape into a negative form or dis- F
Relational elements, and Prac- composed of straight lines plays a different color. V
tical elements. and/or circular arcs. Intersection. A situation of over- C
End. The extremity of a line, or Gradation. Gradual change of lapping forms where only the i
the top or bottom of a vertically a series of unit forms in an or- overlapped area is visible. Pa
placed prism or cylinder. derly sequence. Gradation of Invisible structure. A structure C
Face. A physical plane defined shape, size, color, texture, di- displaying no visible structural i~
with edges and vertices in a rection, and position may be lines. t
three-dimensional solid. affected separately or in com- Line. A path traced by a moving Pa
Figure. The positive shape or bination. point or a series of points, s
form occupying space. Gradation structure. Arrange- with a beginning and an end, Pa
Fill. Color, pattern, or texture ment of unit forms with gradu- or two end points. A concep- C
occupying the interior of a ally increasing or decreasing tual line has length but no 1
shape whose outline is space between them in an or- breadth. Line as form has Pi1
bounded by a closed path. derly sequence. both length and breadth. I t
Flat form. A form that is paper Gravity. Heaviness or lightness Line also forms the border of f
thin with no significant thickness. of a form showing the effects a plane.
Man-made form. A represen- face of the paper or any other rotation or concentric dilation.
tational form derived from an material on which shapes and See also Centrifugal structure,
object or environment created forms are displayed. Some of Centripetal structure, and Con-
by man. the shapes or forms could be centric structure.
Multiplication. Creating multiple seen as above or behind the Reflection. Flipping a shape to
copies of a form. picture plane with advancing establish its mirrored image.
Natural form. A representational or receding effects in space. Relational elements. Elements
form der~vedfrom any living Plane. The surface covering governing the placement and
organism, plant, inanimate the space that is enclosed interrelationship of forms in a
object, or anything existing in within the outline of a shape. composition.
the natural world. Plane also defines the external Repetition. Repeated use of one
Negative form. A hollowed limits of a volume. form. Generally, repetition of
shape surrounded by solidly Plural form. A form established a form includes repetition of
filled areas. with repeated unit forms. its shape, size, color, and
Negative space. Space that is Point. A mark locating position texture - as well as its direc-
not filled or occupied. for any line or shape. It has tion, position, space, and
Organic shape. A shape com- no length or breadth and is gravity - but repetition can
posed of softly flowing curves. not meant to be visible. be restricted to shape or any
Open path. A path with end Polyhedral structure. A three- specific element, with varia-
points that are not joined. dimensional structure with reg- tions of the other elements.
Overlapping. A situation of forms ular arrangement of repetitive Repetition structure. Arrange-
with one partially hiding another. vertices, edges, and faces. ment of forms so that they are
Outline. A continuously sur- Polyhedron. A geometric solid all equidistant from one another
rounding line with bends and/ composed of many faces. vertically as well as horizontally.
or curves defining a shape that Position. Placement of shapes Representational form. A form
may be hollowed or filled. or forms at specific locations representing something that ex-
Path. Straight or curved linear within aframe of reference. ists In our daily environment.
linkage between points. A Positive form. A form that is Rotation. Changing the direc-
path becomes a visible line filled with color, pattern, and/or tion of a form.
with attributes of weight and texture and that occupies space. Semi-formal composition.
color. See also Open path Positive space. Space that is Composition featuring a formal
i and Closed path. occupied by a filled shape or structure incorporating some
Path of gradation. The way a positive form. irregularity, or composition
i unit form gradually changes Practical elements. Elements featuring an informal structure
j in shape, size, color, direc- pertaining to the communica- incorporating some regularity
! tion, and/or position. tive and functional aspects of in the arrangement.
Pattern. Unit forms covering a a design. Serial planes. A series of planes
surface with strict regularity. Prism. An elongated three-di- orderly arranged in a row to
Pattern of gradation. The order mensional structure with an- suggest a volumetric form.
of arranging or distributing gular cross-sections. Singular form. A form with fully
unit forms in gradation. Radiation. Rotation of unit forms integrated components that can-
Picture plane. An imaginary around a common center to not be individually distinguished.
transparent plane within the achieve a radiating effect. Shape. The characteristics of a
frame of reference coinciding Radiation structure. Arrange- line or a plane, or the appear-
exactly with the physical sur- ment of unit forms in regular ance of a form from a particu-
lar angle and distance. A pla- structure, Informal structure, contact with one another with-
nar shape is normally defined Invisible structure, Polyhedral out overlapping.
by an outline and this can be structure, Radiation structure, Translation. Changing the posi-
filled with color, pattern, and/ Repetition structure, Semi- tion of a shape without chang-
or texture. Shape is the most formal structure, Similarity ing its direction.
important element among the structure, Visible structure, Union. Merging of overlapping
visual elements. Shape and and Wall structure. forms into one larger form.
form are sometimes used al- Structural lines. Lines, usually Unit form. A form used repeatedly
most synonymously; but shape invisible, used to construct a in a composition. See also Sub-
excludes all references to structure and to make subdi- unit form and Superunit form.
size, color, and texture, while visions for positioning forms Verbal form. A form based on
form encompasses all such in a composition. written language, such as
elements. See also Calligraphic Structural subdivision. A two- characters, letters, words,
shape, Geometric shape, and dimensional spatial cell made and numbers.
Organic shape. by structural lines in a structure. Vertex. Convergence of edges
Similarity. A relation of forms re- Subject. Recognizable content and faces in a three-dimen-
sembling one another in in a representational form. sional structure, forming a
shape. Similar forms can vary Subtraction. A situation of protruding tip.
in size, color, texture, direction, overlapping a negative form Visible structure. A structure
and/or position. on top of a positive form, to the with structural lines that have
Similarity structure. Arrange- effect that a portion of the posi- attributes of we~ght,color, and
ment of forms in similar but not tive form is removed, revealing probably also pattern or texture.
identical structural subdivisions. more of the background. Visual elements. Visible char-
Size. The dimensions of a form, Subunit form. Repetitive com- acteristics contributing to the
or its comparative largeness ponent of a unit form. appearance of a form.
or smallness. , Superunit form. A group of Visual texture. Texture that can
Space. Voids surrounding and closely or loosely related unit be seen by the eye but cannot
between forms. The forms, forms used repeatedly in a be felt with the hand.
however, can be referred to as composition. Volume. Three-dimensional
occupied space, with the voids Surface. The covering plane space enclosed by planes.
as unoccupied space. See within the outline of a shape. Wall structure. Arrangement
also Illusory space, Negative Symmetry. A shape or form with of three-dimensional unit forms
space, and Positive space. its mirrored image in a bilateral to erect a vertically oriented
Spatial cell. In three-dimen- arrangement. plane.
sional design, a spatial unit for Tactile texture. Texture that Weight. Attribute given to a
the construction of a column, can be felt with the hand. line that helps to establish its
row, layer, or wall structure. Texture. Tiny marks or shapes in breadth.
Structure. A way of arranging a rather even distribution cov-
forms in a specific order. See ering the surface of a shape.
also Active structure, Centrifu- These can be slightly irregular
gal structure, Centripetal struc- or strictly regular, forming a
ture, Concentration structure, pattern. See also Tactile tex-
Concentric structure, Contrast ture and Visual texture.
structure, Formal structure, Touching. A situation with forms
Gradation structure, Inactive whose edges or corners are in
INDEX 196, 198-199, 203, 216, 219- 248-25 1, 271 -275, 282, 287-
221 , 223, 228, 230-23 1 288, 295-299, 301 -302, 305-
formal, 29, 198 306, 315-316, 318, 320, 333,
informal, 27 338
semi-formal, 101 elements 13, 16, 18, 19, 29,
compression 71, 77 35-37, 47, 75, 94, 105-106,
concentration 113-114, 117, 109, 129, 143, 145, 148, 152-
219-221 153, 166-167, 177, 187-188,
continuance 198-199, 202 198, 218, 220, 223, 228, 230,
accentuation 113 two-way, 198 238, 241, 305, 309, 313, 315,
addition 25, 273, 322 four-way, 199 320, 322
affinity 188 six-way, 202 conceptual, 42-43, 45, 241
angle 20, 22, 31, 90, 93-94, 127, contrast 105-106, 107, 109, 111, constructional, 42, 245
129, 139, 149, 155, 161, 169, 121, 223, 226, 228 practical, 42
188,237,241,295-296,301, cube 239, 244-245, 248, 259- relational, 42-44, 99, 109,
307,309, 317, 326 260, 290, 293, 296, 304, 315, 113,241, 244
anomaly 99, 101, 105, 109, 31 7, 31 9, 322, 337-339 visual, 42, 99, 101, 113, 153,
230-233 cylinder 188, 237, 276-277 241, 246, 284, 290
asymmetry 171 end 22, 157, 271-275, 277-278,
attr~bute22-23, 25, 29, 33, 35-36 282-283, 313, 31 6, 336
axls 170, 178, 209, 250, 262
1 deconcentration 114
depth 44, 129, 139, 141, 143,
226, 237, 239, 241, 243, 248 face 245, 258, 272-275, 277-
background 16, 18, 33, 35-36, detachment 49, 127 278, 282, 287-288, 295-299,
127, 129, 139, 143, 163, deviation 170, 277 301-303, 305-308, 310, 31 2,
180, 203 dilation 192, 209 314-316, 336
balance 109, 11 1 direction 33, 42-43, 49, 51-52, figure 47, 131, 139, 141
body 45, 271, 275, 277-278, 63, 65, 75, 79, 81, 87, 101, fill 16, 22, 25, 35-36
318-319 105-106, 109, 113-114, 117, foreground 29, 143
breadth 42, 45, 79, 94, 143, 142, 156, 166, 168-170, 172, form 13, 36-37, 44-45, 47, 49,
155, 160, 203, 237, 239, 241, 187, 192, 212, 214, 226, 230, 59, 61, 69, 105-106, 127, 129,
248-249 233, 239, 241, 244, 249, 259, 138-139, 141-149, 152-155,
271, 288, 295, 308, 318-319, 179-183, 186, 209-210, 213-
322,327 215, 218, 223,226, 238, 241-
dislocation 182, 21 0 244, 246, 256, 258, 270,
coinciding 49, 127 distortion 19, 24, 69, 99, 122, 305,337
color 15, 18, 20, 22, 43-45, 47, 182, 215, 249 abstract, 146, 148, 155
51, 59, 69, 75, 105-106, 113, division 25-27 accidental, 47, 121
123, 127, 129, 142, 148, 216, dot 15-17, 18, 20, 29 compound, 153, 162, 190,
223, 230, 232, 238, 241, 243, 196, 198
246, 284,344 flat, 127, 141
column 259,262, 271,314, 319 geometric, 45, 179, 31 5
composition 27, 29, 33, 36, 90, edge 44-45, 75, 88, 129, 155, hand-drawn, 47
141, 148, 153-154, 169, 190, 157, 162, 168, 203, 209, 245, irregular, 47
1
linear, 223 planar, 75, 77 conceptual, 45, 114, 241
man-made, 147, 155, 188, shape, 7 7 , 2 1 2 interlinking, 333-341,343-344 !
I
189 spatial, 75, 77 linear framework 315-320, 324,
natural, 147, 186 speed of, 77 336
negative, 47, 59, 127 gravity 44, 51, 75, 106, 109,
organic, 47, 179, 188 241, 245
planar, 45, 47, 223 grid 18-20, 29, 63, 198, 207
plural, 153, 162, 164, 190, basic, 61, 63, 79 movement 87-88, 90, 99, 106,
192, 198 ground 47, 113, 131, 141 131, 149-150, 189, 219, 237
positive, 47, 59, 127 concentric, 79
rectilinear, 47 parallel, 79
representational, 146-147, 179 zigzag, 79
singular, 152, 162, 190, 196, harmony 13, 105, 238 multiplication 25, 164
198
subunit, 53, 77, 246
superunit, 27, 53, 65, 153,
198-199, 203, 207-208, illusion 36, 44, 75, 131, 141 over-concentration 114
246, 312 imperfection 69 overlapping 25, 27, 49, 53, 94,
unit, 27, 29, 31, 33, 36, 51, 53, interpenetration 27, 49, 53, 61, 127, 129
59, 61, 65-66, 69, 71, 75, 94, 127, 163, 320 outline 13, 17, 23, 25, 35, 143,
81-82, 87, 90, 93-94, 99, intersection 31, 49, 61, 94, 127,
101, 109, 113-114, 117, 326, 333-334
131, 153, 198-199, 202-
203, 207-208, 212, 216,
21 9-222, 228, 230-233, path 17-18, 20, 23-25, 27, 31,
246-247, 260-263, 278, join 22, 27 36, 241
284-290, 292-294, 310, joint 160, 316-317, 326 clipping, 29
31 2-31 3 closed, 22, 26, 36
verbal, 148 open, 22
volumetric, 247 pattern 76, 18, 22, 63, 71, 75,
frame 18-19, 47, 129, 180, layer 19-20, 29, 31 , 180, 279, 90, 94, 119, 121-123, 131,
316-320, 324, 327, 330, 343 285-287, 290, 292-293, 302, 145, 155, 169, 179, 187, 203,
frame of reference 44-45, 59, 310, 314, 322, 325-327, 330 273, 281, 333
109, 141, 190, 198,226 concentric, 79,88, 90, 188,280 picture plane 44, 75, 106, 127,
function 41, 44 linear, 324-328 129
length 45, 94, 106, 237,239, 241, plane 22, 37, 42, 45, 129, 139,
243, 248, 262, 316-317, 319, 142-145, 155, 162-165, 168,
325-326, 328, 330, 333, 343 175, 179, 190, 222, 239, 242,
gradation 31, 33, 71, 75, 87, 90, line 15, 18, 20, 22, 25, 27, 31, 244, 247, 258-261, 272, 282-
99, 114, 212, 246-247, 256, 33, 36, 42, 45, 47, 61, 79, 106, 283, 293, 299, 314-315, 324,
260, 280, 286, 293, 302, 325, 131, 139, 142-145, 149, 155, 328, 334-335, 338, 340
327,330, 333,340
alternate, 81
path of, 77
pattern of, 79, 93
157, 160-161, 168, 170, 172,
188, 190, 198, 203, 241, 247,
262-263, 273, 300, 306, 31 5,
320, 333
addition of, 162
division of, 165
flat, 106, 260, 263, 271, 307,
333,339
I
interpenetration of, 163 49, 51, 61, 65, 69, 71, 75, 77, Archimedean, 297
i.
multiplication of, 164 79, 81-82, 88, 90, 101, 105, space 44, 51, 59, 61, 75, 101,
opaque, 129 111, 117, 119, 121, 127, 139, 106, 109, 127, 129, 131,
serial, 36, 247-252 141-142, 144, 148-150, 153, 141, 146, 155-156, 159, 163,
solid, 129, 134, 190 155-156, 161-165, 168, 170- 179, 182, 192, 214, 220,
subtraction of, 163 171, 173-177, 180-182, 186- 239, 241, 244, 246, 289,
textured, 131 187, 190, 212, 214, 216, 223, 299, 302, 309,334, 341
transformation of, 167 230, 237, 242-243, 246-248, ambiguous, 127
transparent, 129, 344 250-251, 256, 258, 261 -263, conflicting, 127, 131
triangular, 307-310, 312-313 271-275, 277-278, 280, 282, fluctuating, 131
point 18, 20, 22-24, 26, 31, 42, 284, 288, 292, 302-303, 305, illusory, 106, 127, 129, 131
45, 47, 53, 114, 139, 142, 307-308, 313, 31 7, 322, 324, negative, 106, 127, 131, 141,
I
I
145, 155, 173, 187, 202, 207, 326,330,338,343 155, 290
220, 241, 247, 333-334, 336 calligraphic, 149 positive, 106, 127, 131, 141,
i! conceptual, 114
polyhedron 295, 297, 299-301,
composite, 25, 27, 31, 36
geometric, 105, 149-150,
155
spatial cell 35, 203, 259-260,

/
307 155, 169, 287 262-263, 270, 285-289
polygon 88. 90. 276. 297 inflation and deflation of, 176 sphere 237
position 22, 42-43, 51, 59,65, 75, linear, 156, 187, 232 spiral, 88, 187, 278, 282
88, 105-106, 109, 142, 157, 166, metamorphosis and structural line 29, 31, 36, 59, 61,
! 170, 192, 212, 226, 230, 233, deformation of, 177 65-66, 81, 87-88, 90, 94, 106,
j 241,244,248, 287, 31 9, 338
proportion 63, 79, 113, 212, 214
negative, 25, 157, 163-164,
166-167, 260, 279, 300,
109, 207, 210, 213, 219
structural subdivision 29, 59, 61,
prism 271-283, 288, 324 302, 305-306 63, 65, 71, 77, 79, 81-82, 87,
organic, 105, 149-150, 155, 90, 93-94, 101, 109, 113, 259
172, 186 structure 13, 19, 29, 44, 59, 99,
planar, 156, 167,232,260,343 101, 119, 143, 178, 188, 238,
radiation 31, 33, 87, 90, 93-94, polyhedral, 299-300, 302 241,246,258,275, 295, 301-
114, 207, 209-210, 216, 218 positive, 163-164, 166-167,260 302, 305, 309-31 0 , 31 8-320,
I proliferation of, 177
1 center of, 87-88, 90, 207 322, 327, 341, 343-344
centrifugal, 90 rippling and creasing of, 176 active, 35, 59, 65-66, 71
I radiation pattern 87, 93, 207 side 271, 276, 298, 309 centrifugal, 87-88, 93-94
reflection 54, 192, 209 similarity 33, 69, 71, 99, 109, centripetal, 87, 93
repetition 27, 51, 53-54, 65, 71 , 111, 117, 216, 218 concentration, 114, 117
i 90,99,117,198,202-203, size16,43-45,49,51,71,75, concentric, 87-88
207, 218, 246, 284 79, 82, 93, 101, 105-106, 109, contrast, 109, 111, 1 14
! rotation 31, 54, 93-94, 192, 207- 111, 117, 123, 127, 129, 141- formal, 33, 59, 63, 109, 113,
209, 246, 250, 262-263, 320 142, 158, 162, 164, 167, 170, 114, 218
I planar, 75 176-177, 209, 212, 214, 216, gradation, 33, 59, 79, 81-82,
spatial, 75 223, 226, 230-231, 243, 246- 93, 109, 113, 216, 230
248, 258, 261, 271, 277, 280, inactive, 59, 63, 65-66, 90
284, 302, 309-310 , 31 7-318 , informal, 59, 109, 114
322, 324, 330, 338, 343 invisible, 59, 61, 63, 65-66
shape 13, 15-18,20, 22-23, 25- solid, 245 multiple repetition, 6 3
27, 29, 31, 33, 35-36, 43-45, Platonic, 295, 297, 307 radiation, 31, 59, 87-88, 90,
93-94, 109, 216, 230
repetition, 29, 31, 33, 59, 61,
65, 71, 75, 79, 90, 93, 105, vertex 245, 287, 294-301, 303-
109, 113-1 14, 208, 213, 304, 306, 310, 312-313, 322,
216, 230, 284, 288-290 334, 341, 343
semi-formal, 59, 71, 114 view 237-240, 258, 262, 279,
similarity, 35, 71, 101 285, 292, 294-297
visible, 35-36, 61, 65 volume 42, 47, 129, 139, 143-
wall, 259-270, 285, 313 146, 168, 182, 241-242, 247,
subject 146, 186 249
subtraction 25, 49, 61, 69, 77,
94, 111, 163, 273
surface 119, 121, 131, 139, 142-
143, 149, 188, 219, 237, 243, wall 259-270
245-246, 273, 301, 335, 337, weight 20, 22, 31, 33, 69, 109,
340 123, 155, 242, 244
symmetry 170, 178

tension 71, 77, 109, 113, 131


texture 18, 43-44, 51, 69, 75,
105-106, 119, 121-123, 127,
129, 145, 179, 216, 223, 230,
232, 238, 241, 243,246, 284
decorative, 1 19, 121
mechanical, 119
natural, 122-123
organized, 122
spontaneous, 119, 121
tactile, 119, 122-123
visual, 119, 121
tone 18, 22, 223
touching 49, 127
transfiguration 99, 181
transformation 36, 101, 167, 246,
303

m
translation 192 , 208

undulation 187
union 49, 53, 61, 69, 77, 94,
111, 127, 275
unity 71, 109, 188, 284
Art/Graphic Design

P R I N C I P L E S OF F O R M A N D D E S I G N
WUCIUS WONG

ucius Wong's books on design principles have become classics in art and design edu-
cation programs around the world. In this guide, Wong combines three of his classics
into one convenient master class in the principles and practical fundamentals of design.

Divided into three maior sections. the auide:


I V

provides a solid foundation in design basics, with emphasis on flat, abstract forms

Demonstrates the creation of forms, focusing on representational aspects that


extend the designer's visual vocabulary

Examines the use of linear and materials for constructing free-sta


objects in reality
\\ a

txp~anationsof two-dimensional and three-dimensional design - basics


integrated with the latest concepts of computer graphics. Wong covers the equipment '.'"
and software that suit a designer's requirements, then discusses how to use the computer
to implement design principles addressed in the rest of the book.
The interrelationships of different design dimensions are clarified with almost 900 dia-
d illustrations presented in a large-page format. An up-to-the-minuteglossary
been incorporated to help readers keep up with the latest design terminology.
A source of broad scope from one of today's most influential design writers,
s of Form and Design will meet the needs of all graphic artists and designers.

Wucius Wong is one of the most widely read writers in the design field today. He is
the author of two best-selling guides published by John Wiley & Sons, including
Principles of Two-Dimensional Design and Principles of Color Design. .

8 Sons, Inc.
605 Third Avenue. New York, N.Y. 10<58P012
New York Chichester Weinheim,.$:;'
Brirbane Singapore Toronto @$. .'
Z

2u\\,k,:; \v,:;.\i<\,, ..,

You might also like