Principles of Logo Design
Principles of Logo Design
Preface
Chapter 1
General Concepts
Are Logos Just Logos?
1.618033
Rule or No Rule?
Less Is More?
Modernism in Design
Chapter 2
Types of Logo Designs
Pictorial Marks
Letterforms
Abstract Marks
Wordmarks
Monograms
Negative Space Marks
Logo System
Pictograms
Patterns as Identity Elements
Chapter 3
Visual Matters
Gradients
Color Gradation Simplified
Shade Gradation with Strokes
Light and Shading
Shading of Hemisphere
Light and Shading on Simple Marks
Chiaroscuro in Logo Design
Logo Visibility
Graphic Device
Black on White vs. White on Black
Same-sized Look
Bone Effect
Bone Effect in Logo Design
Overshoot
Balancing
Visual Paradoxes
Types of Visual Paradoxes
Impossible Figures
Impossible Figures and Logo Design
Motion Illusion
Ambiguous Forms
Symmetry vs. Asymmetry
Solid vs. Line
Sharp vs. Round
Pattern as a Design Element
Dimension
Dialectical Approach
Composition
Experimentation and Accidents
Copying vs. Imitation
Client Relations
Real-life Objects as Aids
Chapter 4
Design Process
Concepting
Mood Boarding
Sketching
The Initial Stage
The Refinement Stage
The Fine-tuning Stage
Execution
Gridding
Gridding Complex Forms
Type Lockup
Chapter 5
Presentation
Presentation
Brand Guidelines
Logo Use Guidelines
Primary Colors and Secondary Colors
Typography
Grids
Graphic Devices
Stationery
Pricing
Design Studio
About the Author
Acknowledgments
Index
Preface
We must also learn to see nature and our surroundings as simple geometric
forms. This practice enables you to start feeling a structure, a grid behind
things. Once the structure and grid make sense, then composition makes
sense, and then the design process becomes free, “effortless,” and full of
original surprises.
We must also become proud daydreamers who are constantly on the lookout
for beautiful small shapes and compositions in our minds. Forms that initially
appear in your imagination are mostly residue of daily visual inputs, the
surface material that’s too familiar and banal. However, the deeper you look
into far, far galaxies, the more likely it is that you might see undiscovered
shapes that need to be captured and depicted on paper.
Last, resilience and the ability to stay on task are critical. In a certain sense,
the logo design process should be viewed as sculpting. Lesser concepts and
design solutions are chipped away, and stronger, more beautiful ones are
solidified: a little bit to the left, a little bit to the right, adding and stripping
some elements, and stripping some more. In a nutshell, that is what it’s all
about. A designer should not just stop when a particular result is achieved;
you must keep adding and stripping elements. And the longer you stay in the
process, the more correct and more perfect the final outcome becomes.
The market is constantly trying to improve and adjust to the situation and
time, based on the changing tastes of consumers. At the same time, in logo
design adaptation must be done in a way that retains a sense of the logo’s
history, keeping it recognizable without limiting the next chapter of the
company’s development. Graphic designers have to shoulder this difficult
task. Like other design fields, graphic design is always trendy.
An expert will easily recognize and identify symbols, logos, or signs and the
respective decades when they were made. But beyond fashion and
distinctiveness, we also encounter examples that have remained unchanged
for many years. These are imprinted in our memory so thoroughly, as if the
label itself, rather than the content, is the desired product. Chase Bank’s logo
was introduced in 1961 and, even as most forms of communication moved to
the digital world, the symbol has not been changed a bit. The structure of the
mark was designed in a way that easily transitioned to digital media without
losing its crispness.
When creating a logo, the goal of the designer is to create a simple and
durable chain reaction: it first goes on the business card, then emerges in a
phone app, appears in the street—on the subway or a friend’s bag, on book
cover or product store bag. In each instance, the logo is easily recognizable.
In each situation, it remains impressive and enduring.
Basic shapes from cave paintings that are still prevalent in modern logo design
1.618033
One can observe the golden ratio in a vast number of objects and phenomena,
from mesmerizing spirals of smoke to the structures of shells, sunflowers,
pinecones, hurricanes, DNA, and far galaxies. Some of the numbers are
exactly in accordance with the ratio (1.6180339); others are very close.
Nevertheless, the case is undeniable; there is the truth behind the number.
In the Fibonacci sequence, each subsequent number is equal to the sum of the
previous two (0, 1, 1, 2, 3, 5, 8, 13, 21, and so on). The ratio of each number
to the next is approximately 0.618. The ratio of each number to its
predecessor is 1,618. Each subsequent number is 1,618 times larger than the
previous one. The previous one represents 0.618 of the next.
At the first glance a shell, cone, sunflower, or a hand appears ordinary. But
once you begin to notice them, the inexplicable and interesting behavior of
Fibonacci numbers can have you looking for them everywhere: in your own
photos, in movies, in museums and bad artists’ salons, in book covers or
logos.
The list of examples like this one keeps growing every day, starting with
Dieter Rams of Braun and continuing with Apple’s Steve Jobs— as
supposedly declining, obsolete, and dysfunctional items and their content
reach more fruitful and productive forms with progress. These changes may
seem harmless, but like the gray wolf from the Little Red Riding Hood—
there may be more here than we realize at first glance.
Enso sign, a universal symbol for simplicity, balance, and elegance
Nowadays Mies van der Rohe’s phrase “less is more” has seemingly
unstoppable popularity. In part, it implies minimalism as a mindset, with its
origins in Far Eastern cultures. The appreciation of natural beauty and
simplicity begins there much earlier than European cultures, when Chan-
Buddhism and Zen-Buddhism was formed in China and Japan under the
influence of alterations of Mahayana-Buddhist and local lifestyle.
As authors and artists separated themselves from traditional genres and forms
through a purposeful search for new methods, their work began to reflect this
reality and yet not reject the old. Rather, adapting, altering, and continuing it
differently, required simplification of objects and their content. Thus,
modernism (and movements revolving around it, such as futurism, cubism,
primitivism, fauvism, dadaism, purism, etc.) has always aimed to simplify the
old or yet uninvented.
The inner freedom and unique mindset of modernists became a new form of
expression in itself: one that does not reflect reality but rather creates it. And
much like the Eastern, the object is left as the object and nothing else.
A final source for the current popularity of radical simplification is the era of
uncontrolled mass production and technical reproducibility. This has
penetrated works of art with a flick of a hand, just as water, gas, and
electricity flow into our apartments. Under these conditions, anything that is
massively and actively used requires a proper allocation of resources: this is
always mastered by those who solve such complex tasks with the simplest
formula.
Modernism in Design
Pictorial marks have strong identifiability. For this reason they are usually
accompanied by more neutral typography. This way the type does not
overwhelm an already visually dense design and creates contrasts between
the two. The end goal of a good pictorial mark is to be recognizable instantly
without the brand’s accompanying name.
Pictorial marks for various brands
Letterforms
Some letters have very interesting ways of interacting visually, but those with
simple forms are hard to do as a monogram. The structure of i or l, for
example, are not rich enough. By contrast, the more complex structure of a
lower- or uppercase s, w, or a can usually be paired up with other complex
letters to create interesting results.
Monograms for various brands
Monogram for the International Association of Accessibility Professionals
Negative Space Marks
Negative space logos are rare compared to other types, and they are arguably
the hardest to create. A good result is possible only by cleverly combining
two simple elements with distinct, easily recognizable silhouettes—and those
two elements need to be conceptually related to each other.
Negative space marks for various brands
Logo System
In these cases, specific patterns are developed so that the design requirements
are met. Components of the brand marks can be used as a composing element
of the patterns, and they usually yield good results because there is a visual
connection between the mark and the pattern. When the brand mark does not
have elements that can be readily turned into the pattern, it is necessary to
develop a new visual language, either in contrast or on par with the brand.
Unused concept for the Georgian Post
Chapter 3 Visual Matters
Gradients
Color Gradation Simplified
Shade Gradation with Strokes
Light and Shading
Shading of Hemisphere
Light and Shading on Simple Marks
Chiaroscuro in Logo Design
Logo Visibility
Graphic Device
Black on White vs. White on Black
Same-sized Look
Bone Effect
Bone Effect in Logo Design
Overshoot
Balancing
Visual Paradoxes
Types of Visual Paradoxes
Impossible Figures
Impossible Figures and Logo Design
Motion Illusion
Ambiguous Forms
Symmetry vs. Asymmetry
Solid vs. Line
Sharp vs. Round
Pattern as a Design Element
Dimension
Dialectical Approach
Composition
Experimentation and Accidents
Copying vs. Imitation
Client Relations
Real-life Objects as Aids
Gradients
Gradients are beautiful effects that can take the edge off the
piece and give it an ethereal look. In most cases, they are
used as tools for shading (e.g., drop shadows) and for
creating compositions involving multiple colors and
transparencies.
Designers tend to use gradients frequently because they are effective and the
gradient tool is easy to use. As a result, they have become ubiquitous and
considered cliché. In logo design, there are practical concerns and aesthetic
reasons to use gradients in moderation. In RGB some gradients might look
stunning; when reproduced on paper, they lose vigor and vibrancy, especially
when viewed on a smaller scale. Therefore, unless the logo will appear only
on the web or some other digital platform, care must be taken to reduce the
number of hues and ensure the RGB and the CMYK version will both be
effective.
H Letterform
Color Gradation Simplified
Logo for Benson Seymour. (1) Without and (2) with introduced shading elements
To get a cleaner and sharper outcome, use fewer tonal variants when applying
light shading to the piece. Highlight, shadow, a single mid-tone, and
background color are usually enough to depict even the most complex
figures.
George Bokhua. Self portrait. Social media profile picture
Georgian Parliament
Logo Visibility
When the logo is circular, the graphic device should be a circle. It goes well
with the shape of the mark and in most cases yields the most pleasing results.
For a logo with a lot of edges, the outcome still may not look pleasing no
matter how smooth the outline of the graphic device is. In this case, using
basic geometric shapes, such as squares or a circle, is advised.
Most of the printed and digital formats are rectangular in shape. The square
graphic device fits well and is the safest and the most appropriate for these
formats. Using basic geometric shapes as a graphic device might not yield the
most aesthetic result, but functionally it works well.
NASA’s In Space Manufacturing (logo proposal)
Bank of Georgia (Georgia)
VersaBank (Canada)
Example 1 shows the VersaBank logo. The applied graphic device is a circle,
rather than a triangle or a direct outline of the mark. This solution works well
with the triangular mark since the negative space in relationship to
circle/triangle appears balanced. If it was a square, the approach and result
would differ. In this case the brand needed a device for the outdoor signage.
The circular form is easy to reproduce and looks good as both projecting and
frontal signage.
Black on White vs. White on Black
It’s important for a logo to look the same size both on dark
and bright backgrounds. Due to the natural inclination for
bright objects to appear larger than dark ones of the same
size, some adjustments must be made to balance the two.
The simplest technique is to simply scale down the bright mark. This quickly
solves the problem and yields acceptable results. To achieve more sound
results, shrink the mark: First, outline it with a stroke. Then the stroke must
be expanded and subtracted from the shape area. Experiment with the width
of the stroke until the final outcome, both black and white, appears visually
similar. Note this in brand guidelines (see here), so the client is aware of
where and how to use the correct logotype.
Sensibill. Online billing platform
Bone Effect
The first technique consists of elongating the top and bottom circles into
ellipses. This makes the connection between shapes less dramatic and creates
a smoother transition. The technique is the quickest and simplest to apply.
Unfortunately it does not completely solve the problem, and the bone effect is
still a bit apparent.
There are as few as four anchor points in use. This solution creates the smoothest outcome.
The second technique involves tweaking anchor points until the desired curve
is achieved on anchors 1 and 2. Note that the reference shape is symmetrical
in nature: To eliminate the bone effect the achieved curve can be copied and
used as the remaining parts of the shape. Unfortunately the outcome of this
technique is a bit exaggerated.
There are ten anchor points involved, yet a smooth outcome with the least exaggeration can
be achieved.
The third technique involves ten anchor points. After the desired curve is
achieved on anchors 1, 2, and 3, the curve can be copied and used for the
remaining parts of the shape. This technique eliminates the bone effect and
creates a smooth shape. Balancing three anchor points can be time-
consuming, but it yields the most beautiful outcome.
There are ten anchor points involved, yet a smooth outcome with the least exaggeration can
be achieved.
The bone effect primarily appears when two circles connect with a rectangle,
but similar visual phenomena can occur where three or more circles connect.
In addition to the capsule shape, rounded triangles and rounded squares are
the most common basic shapes with bone effects in their initial state. Only
the application of technique number three can solve the problem.
Bone Effect in Logo Design
In logo design, the bone effect appears quite frequently. Is it essential to fix
every case? The answer is no. Sometimes fixing the shape negatively affects
surrounding shapes, but there are instances where correcting the bone effect
might be advantageous. For example, in the case of the negative space gorilla
mark (example 2), the unfixed bone effect emphasizes the bulkiness of the
front and back limbs of the gorilla. The effect was minimized on the left side
of the head.
Example 1 depicts a logo of TBC Bank before the restyling and after. The
client wanted the new logo to be more friendly and better suited for digital
platforms. Fixing the bone effect made the mark look more rounded; it also
helped free up the interior space making the logo look more crisp on a small
scale.
Negative space gorilla
Overshoot
Adjusting rounded forms to account for overshoot is best done in the final
stages of design, when you have moved from paper to Illustrator and it’s
easier to make small changes (see Execution). Slight tweaks to an anchor
point or two could make the difference between a great design and a perfect
design.
Overshoot in logo design: connected triangle and circle
Overshoot in typography
Overshoot in logo design: 236 mark
Balancing
5. Scalability: The logo must look good and clear when enlarged or scaled
down.
K letterform for Keikkatiimi (manufacturing industry). A concept demonstrates incorporation of
an electric thunder bolt with the letter K
Visual Paradoxes
2. Ambiguous forms: Images where an object looks like one thing but turns
into something different upon further investigation.
There are cases where the paradoxes intermingle, and there are cases where
the illusion cannot be categorized.
Composition of numbers 1 to 9 (experimental work)
Impossible Figures
(2) F letterform
When depicting speed, it is advisable to have the thinner part starting from
the left increasing in volume to the right; the logo will read better because it
follows the direction of reading text in Western cultures. There are few other
methods of depicting motion, and any pattern or element that increases from
a shallow composition into a more dense one creates a subtle motion.
Rotating Earth symbol with lines representing speed and data units; Proposal for PepsiCo
data analytics
Ambiguous Forms
The elegant look of a line design creates a seamless appearance due to its
lightness. This is very useful in cases where a passive design approach is
required. In cases of UI iconography (e.g., web and app icons) and interior
signage, designs created with lines communicate their purpose without being
overwhelming. The downside is that lines are not too visible from far
distances. When scaled, these logos will have a weaker, more transient
appearance, unless the width of the strokes is sufficient to stand out.
Cat marks; Solid and line versions (experimental work)
Cat one-liner (experimental work)
In logo design, keep these responses in mind when considering the task at
hand. A designer must try not to use too many sharp elements, at least in the
silhouette of the mark, unless it is appropriate to the project. Whenever
possible, rounded shapes are preferable simply because they appear more
friendly. After all, isn’t almost every brand trying to appear friendly and
inviting?
Jumping fox; Skillshare online tutorial
Pattern as a Design Element
If the client intends to use the pattern for print purposes, such as marketing
materials, be mindful of the CMYK balance and how the printing process
works. As each of the four basic colors is printed individually, heavy use of
complex colors can create a page that is literally oversaturated with ink.
Using more basic colors means the paper will be better able to dry between
color applications, giving you a sharper, cleaner look. It is always essential to
closely examine printed proofs before approving any printing project.
1932 mark (experimental work)
Dimension
Some solutions are deceptive: they look appropriate in the moment, but they
don’t hold up upon later examination and review. Sometimes this can be
because of overexcitement on the designer’s part. It’s easy to be captivated
by the novel appearance of a change that was made. Other times it is because
of the inability of a designer to foresee all of the possibilities—the
subsequent potential solutions and how compatible they may be with the
current one.
A dog icon (experimental work)
Experiments with the letter M
Suppose a designer works on a logo, constantly changing elements in the
search for a better solution. In the process, some lesser solutions get favored
and correct ones get overlooked. To avoid this, be sure to take simple
precautions. Copy the work at each moment a new solution is discovered.
Afterward, place the solutions next to each other, carefully examine and
compare them, and select the one that best suits the project.
Copying work at each stage of logo design also allows a designer to return
and work on some earlier solutions. This is especially helpful if the one that
you selected initially did not develop into the result you were seeking.
When tasting different foods, we need a palate cleanser to help us get a better
taste of subsequent foods. When designing, there are a few ways to rest your
eyes, cleanse your visual palate, and make more objective decisions. When
several solutions have been created, place the logos next to one another.
Before a decision is made on which one to continue with, take a rest. When a
designer is continually involved in the design process for hours, the decision-
making becomes less objective due to fatigue. Taking some time off and
looking at the design with rested eyes allows you to notice things that were
not noticeable before.
Another method that is useful when reviewing a mark with complex features
is to view the piece’s mirror image. When the eye gets used to the design,
seeing it in a mirrored state allows you to get a fresh perspective. Some
portrait painters employed a similar technique: An actual mirror was placed
next to a portrait to reveal the defects of the work and allow an artist to make
adjustments. When viewing the logo in a mirrored state, some inconsistencies
in proportions become clear. This change in perspective is especially helpful
when designing animals or human characters.
Supahero; Social media for the influencers (work in progress)
Composition
With a goal in mind, a designer must pay attention to how the shapes behave
when they interact with each other. For example, if we place the same-sized
circle on top of a square, the composition will have a sense of harmony. If we
reverse the sequence and put a square on top of the circle, there will be a
sense of tension in the composition. If we place a circle next to the top of a
triangle, a sense of motion will be apparent. And if we put a circle right on
top of the triangle, a certain sense of balanced and tension is achieved.
Those are all subjective judgments. But years of playing with forms gives a
designer an understanding and feel for the dynamics between the forms—this
becomes a natural part of your arsenal.
Poster for the Andrew Howard workshop
Experimentation and Accidents
This is not work to present to a client; nor is it advised to make such work
public. It should be done for the sole reason of freeing yourself from yourself
for a brief period of time in order to find new design solutions—and perhaps
run into lucky accidents.
Look for inspiration in your daily life—the shapes your dog’s body makes as
they run, the suggested image in a cloud. Find those shapes that snag your
interest and play with them. When something catches your eye, there’s
usually a reason.
And those times when your pencil slips or your cat spills coffee on your
sketchbook? What may first seem like a setback or even a disaster could be
exactly what your project was missing. Take a moment to look at your
accident as an opportunity and see where it might lead you. There’s no set
definition of what is beautiful or good, so you never know what is going to
work.
The best way to avoid this is a simple rule of thumb: If a solution feels
familiar even in a slightest manner and it is not yours, then it is definitely
someone else’s. It needs to be disregarded or modified significantly.
When modernists first began creating logos, they used basic shapes: squares,
circles, triangles. These basic shapes remain an integral part of logo design
today. Almost all inspiration can be taken from these very first designs.
When you find yourself drawing inspiration from some of these basics, push
further and find your own new solution. Tweak enough of the reference to
make it your own. Advancements in modern technologies can aid us in
modifying those basic shapes. After all, modernists were designing by hand
without the luxury of quickly copying elements, easily fixing anchor points,
or having 3-D options and other current tools.
Plasteline, adhesive tape, metal wire, paper, wood, a 3-D printer, a laser
cutter—these can all come in handy to create a figure that can be physically
manipulated. Real objects can be observed and interacted with in a manner
that acquaints a designer with its formal details. Mistakes and inconsistencies
also become more apparent.
Clock design with experimental numbers; laser-cut prototype, plywood
Chapter 4 Design Process
Concepting
Mood Boarding
Sketching
The Initial Stage
The Refinement Stage
The Fine-tuning Stage
Execution
Gridding
Gridding Complex Forms
Type Lockup
Concepting
In the brief, it’s important to have down-to-earth, rational, and clear design
directions. Stating basic characteristics, brand persona, demographic
segment, competitors, and desired color scheme is sometimes not enough.
Often the most important clues are adjectives that reflect the idea of the brand
are some of the most useful for the design process. Such adjectives give
abstract visual clues that can aid in the concepting process and be made into
meaningful symbols.
Beware of the brief that gives complete creative freedom; usually, it is a sign
that the client does not have a vision of the brand and expects a designer to
provide the vision. This can be achieved if dozens of initial concepts and
iterations are expected, but usually there are not enough to provide a correct
solution. There are cases when creative freedom works the designer’s favor,
but unfortunately most often it works against you.
It’s preferable for a designer and a client to communicate their ideas about
how they think their brand should look, at least stylistically. Some logo
references from your own portfolio and works of other designers can become
very helpful as reference material and ensure that expectations are well
defined and can be met.
For the design brief, a designer must also ask about the brand personality and
demographics (e.g., age, gender, nationality). This information helps when
deciding the overall aesthetic of the brand. Concepts designed for children,
for example, tend to have a more colorful, rounded, friendly look. Concepts
designed for female products have a tendency toward the natural. The
aesthetic of brands with male characteristics leans toward boldness. Concepts
designed for different cultures may include symbolic elements that reflect
ethnic or national characteristics.
That said, the brand personality does not necessarily need to be aligned with
the targeted demographic audience. For example, some identities designed
for the Asian audience have a European aesthetic; some male-oriented brands
can have a feminine look; and even some children products can have
identities that appeal to adults. This all depends on a brand strategy, a
document that provides information about the brand’s big idea, and a long-
term development strategy.
In ideal cases, the design brief is accompanied by the brand strategy, but
unfortunately, not all brands can afford a fully developed strategy in their
early stages. (This is especially worth noting because most brands that need
logos are start-ups.) To make things even more complicated, sometimes
neither naming of the brand nor the brand activity contain any plausible
visual clues that can be made into a meaningful symbol. In such cases, a
designer must look to the key words in the brief for features that can be
visually expressed. The words such as connection, speed, unity, network,
care, stability, and balance can point you in a productive design direction.
Visual clues for logo design may also come from the naming rather than
brand activity. For example, if the name of the brand is D4studios then the
potential concept is hiding right in the naming. Letter D and number 4 have a
strong visual appeal, so the monogram involving the two characters might be
the best approach.
There are also times when the name of the brand in itself can make an
interesting mark. For example, a brand named Limoni (a word that refers to
lemon) may have a lemon as a symbol in the design. Some may argue that
when a mark directly depicts the brand’s name the approach is too
straightforward, lacks cleverness, and is less attractive. Still, we must not
forget that when a viewer sees a mark on its own, the name will be recalled
automatically, and identification of the brand will be quicker.
Mood Boarding
Mood boards can be shared with the client or made for your personal use.
Some clients like to be engaged in the process more than others. My personal
preference is to limit engagement because sometimes it can become a
hindrance. Not all the clients have ability to foresee how the design will
develop, and a mood direction they like initially may not be the one that turns
out to create to the best final result.
Sketching
To form the same initial ideas on a computer takes time. The logo design
tools—the pen tool, in particular—do not have the same versatility and
flexibility that pencil has. You’ll need to create an outline using anchor
points; move the anchors to the correct locations so the rough shape is
visible; and adjust the anchors to achieve the desirable shape. It is complex
and time consuming, making it hardly suitable for free creative output.
Divide the process into several stages. Start with sketching numerous rough
concepts. Then study and refine the rough images. Finally, fine-tune the
refined image, tracing it until the desired form is achieved and it’s ready to be
imported to a digital platform.
Examples of the fine-tuned sketches ready to be imported to a digital platform
The Initial Stage
One may ask, what is the use of this? Isn’t it better to take time and draw
something more concise? The answer is yes and no. The initial stage is about
quantity rather than quality. A concise sketch takes time and concentration.
When we open up to spontaneous impulses, we can create any form we wish,
allowing more free expression and, most importantly, allowing unexpected
lucky accidents to occur.
(1) Examples of the initial sketching stage: Studies of uppercase letters F and R
(2) Examples of the initial sketching stage: Studies of uppercase letter F
The Refinement Stage
As a first step, redraw the chosen concept as an initial reference. After that,
you’ll make numerous similar sketches during this study phase; something
new and improved must be tried with each new sketch. Here attention should
be paid to how elements are interacting; balanced flow and outline must be
achieved. This is also a chance for new combinations and accidents to
happen.
Each new sketch should be compared to the previous one. This process
allows a designer to get a sense of what parts are working and what parts are
not. The undesired parts should be eliminated or substituted by desired parts.
Examples of how a sketch develops during the refinement process
The Fine-tuning Stage
In the end the achieved form needs to be clean and precise. There should not
be too many formal changes in the overall look and feel during the execution
stage. After the fine-tuning is complete, take a photo or scan the sketch and
import it to the digital platform for the execution. The imported images must
be sharp and high in contrast.
Fine-tuned sketch ready to be imported to a digital platform
Execution
To save yourself frustration and time, follow these steps each time you make
a change: Before you change anything on your digital sketch, copy and paste
the image within the same file. After you make one change, copy and paste
the image again. Paste each new iteration next to the previous one to show
how the design has progressed. When you realize something is not working,
you will be able to easily look back and see where things started going
wrong.
1. Imported fine-tuned sketch 2. The initial digital outline 3. Defined proportions 4. Defined
curves and formal elements
The final outcome with reduced anchor points, refined curves, and balanced proportions
The anchor points you created while digitizing your sketch will allow you to
manipulate the image, to change the angle of a knee just so or smooth a rough
line. Anchor points have great power and should be used sparingly—having
too many can make your design look jagged. Stop periodically to check your
anchor points and delete any that may be unnecessary.
Once you’re happy with your design, you can begin the gridding process that
is aimed at fixing, refining, and fine-tuning all the imperfections of the piece.
As part of this process, use the shape tools to refine the shapes within your
design: an ellipse to check that a curve is just right or a square to ensure the
perfect corner. Aim for whole numbers for the degree of each angle; it’s hard
to explain why, but there’s something mildly jarring about an odd angle. For
the same reason, aim for whole numbers when finalizing the CMYK balance
of your colors.
5. Create an invoice for any remaining balance the client owes you.
Gridding
The first step is ensuring the elements are aligned. Examine the work to see if
all parts of the design flow. The horizontal and vertical lines must be checked
to see if there is any fluctuation in degrees: often the lines are 1 or 2 degrees
off due to small technical mistakes on a designer’s part. If the angle of an
element is 43 degrees, care must be taken to make it 45. Changes in a few
degrees rarely affect the work drastically; a 45-degree angle is more familiar
to our cognitive faculties, therefore, more preferable.
The same approach applies to lines that are 90 or 0 degrees. If a certain angle
is, for example, 33.46 degrees, then it is preferable to round it up to 35. This
precision demonstrates that designed elements in the piece are carefully
placed and not randomly made.
Construction grid for the Alpahmaetry logo. Fintech industry (France)
Seagull mark for the soccer club
Gridding Complex Forms
In complex organic figures, some curves appear unsuited for gridding simply
because they don’t consist of circles or ovals but are instead the combinations
of several round shapes.
After the alignment and angles are fixed, the simple geometric shapes need to
be grided: circles, squares, triangles, rectangles, ellipses. Make certain that a
circle is a perfect circle, and a square is a perfect square. Now is the time for
all the small inconsistencies and technical mistakes to be adjusted. The
elements should be centered and aligned in accordance with the composing
shapes.
Crane logo with construction grids
Whale logo with overused construction grids
Finalizing a lockup can feel like a tedious task filled with small changes of
questionable importance. The difference between bold and slightly-more-bold
text or a slight tweak to kerning may not be readily apparent to most people,
but they are the difference between a good designer and a great designer. As
you become more experienced, these details will become second nature and
will require less of your time.
Min.io cloud services (type lockup)
ACT; research center
Georgian Railway (type lockup)
Chapter 5 Presentation
Presentation
Brand Guidelines
Logo Use Guidelines
Primary and Secondary Colors
Typography
Grids
Graphic Devices
Stationery
Pricing
Design Studio
Presentation
After your client has settled on one of your designs and provided their initial
feedback, the next stage is coloring. With colors, I usually research what the
competitor brands are using and try not to match their palate. Sometimes
clients have strong preferences in which case I simply comply. With simple
marks, it’s easier to deal with colors because usually there are fewer colors
and color combinations to manage.
After the final selection has been made, the working files of logos on various
backgrounds (color and monochrome) need to be prepared. The final files
should be in .ai, .pdf, .eps, and high-resolution .jpg and .png formats. Those
five options are enough for any project.
Brand Guidelines
Kerning
If the logo includes type, then the guidelines must address kerning, or the
spacing between letters, within the context of several settings. If you typed a
brand such as Coca-Cola in Helvetica, for example, the kerning is well
balanced from the start and would look fine typed out. But not all fonts are as
well balanced from the start, and just because the spacing between letters in
the logo may work well in headings in a book, for instance, that does not
mean that same spacing can be applied elsewhere. Therefore the designer
must always be on the lookout for instances when the spacing can be fixed or
tightened up and improved so everything looks evenly spaced.
Although this technology has improved over the past forty years and it’s
easier to adjust, these important spacing details need to be a part of the
guidelines because you never know when they might be needed. For
example, Europebet had signage on top of a building that was approximately
65 feet (20 meters) long, so they needed some measurement conversions that
could be applied to the logo at that size. Fortunately they had those
measurements in their logo use guidelines.
Type kerning for Europebet (online gambling site)
Dos and don’ts; ACT research company
Exclusion Zone
The exclusion zone is the area where the logo needs to be free of any other
graphic elements. If the logo is to be clear and effective it needs to have
established boundaries. If something intrudes in that area, whether that be
another logo or illustration, the results will not be pleasing. This zone should
be based on an element in the logo. Here, we used the radius of the circle to
create an exclusion zone. (If we used a fixed measurement, such as 4 inches
[10 cm] for instance, that distance would no longer apply to a logo that is
running very large.)
Minimum size and exclusion zone for Georgia Made by Characters (Guest of Honour,
Frankfurt Book Fair)
Europebet (online gambling site) secondary color palate
Background Colors
If the client’s logo is pink or orange, it would never be advisable to run that
logo on a blue background because that’s not a complementary color and it is
going to negatively affect the visibility. The logo use guidelines should also
include a device that clearly establishes the backgrounds that offer optimal
visibility and exclusion zones.
Primary Colors and Secondary Colors
Every brand uses at least one primary color, and often clients will also need
appropriate secondary colors. Whether you’re providing primary colors,
secondary colors, or both, give the client with CMYK codes, RGB codes, hex
codes, and Pantone numbers.
Some brands only have a primary color. Chase Bank, for example, has its
blue and that blue is everywhere. But there are cases where they need
secondary colors—for interiors of printed materials, for example. Secondary
colors usually complement the primary color, and brands will use stronger
more saturated colors (for as little as 5 or 10 percent of the design). These
creates some differentiation in printed materials or can be used as highlights
elsewhere.
If you don’t have access to the Pantone catalog, Adobe Illustrator has a
simple tool to convert the CMYK colors into Pantone colors for you. If your
client has the resources, they should invest in Pantone colors; this is what I
advise my clients. The Pantone colors are better and cleaner; they don’t fade,
and they don’t transfer to another paper if they are not dry. They should be
the go-to colors for your clients who can afford them.
Typography
When it comes to logo type, corporate typography is often a different entity
—though not always. Most of the time I advise clients use a simple sans serif
because it’s neutral, simple to use, and most devices have it has a default
font, meaning it will not be an additional cost. Corporate type must be simple
and readable; it must also use a neutral sans serif type for main text. Clients
also need header or title type for use on posters, brochures, and covers of
other printed materials. This is where the designer is allowed more freedom
and can use whatever they believe will provide the proper contrast to the
main text or body type.
Grids
InDesign is the best tool for creating your grids and they should be based on
either the A4 format or letter-size format (United States). The squarer your
grid boxes are, the more versatile your grids will be. Grids that feature more
rectangular shaped boxes, for instance, limit the options for placing various
graphical elements or text—limits that don’t exist when your grid boxes are
square. Also make sure your margins and gutters are done thoughtfully, as
opposed to relying on InDesign’s default settings.
Logo use guidelines; Graphic device; Georgian railways
Stationery; Business card design; ACT research company
Graphic Devices
We discuss graphic devices in much more detail in chapter 3, but in the
context of the brand guidelines it is important to explain that the ratios of the
graphic device and the logo should be similar. In other words, if the logo is a
square format, then the graphic device should be a ratio of that square shape;
or if it’s more rectangular shaped then the graphic device should be more
rectangular. (A square logo in a rectangular device or rectangular logo in a
square device will create distracting amount of space around the logo.)
Stationery
The three most popular stationery design requests made by most brands these
days are for business cards, letterhead, and folders. Envelopes used to be
requested very often, but fewer and fewer companies are mailing materials
and so requests for envelopes have dropped sharply in recent years.
Business Cards
Business cards must use the corporate type because the goal is to use this
type on all of their materials. The face of the business card should be clean
and free of a lot of graphic elements, and it should only state what the client
has requested. The less information on the business card the better and the
quicker it communicates. It’s a small space, and if there’s too much
information it can become hard to read and a little overwhelming.
Ideally the front of the business card should list a name, title, phone number
(if they want), and email address. Sometimes clients want the company’s
physical address on the front, but that kind of information is easily accessible
on the corporate website so encourage them to include a URL on the back of
the card instead. Also, if the brand identity includes patterns of any kind, then
those should appear on the back of the card. If there are no patterns, stick
with the primary color.
Stationery; invoice design; ACT research company
If business cards are printed cheaply, the results are never good. Advise your
clients to use thicker paper, lamination or finishing (to reduce wear and tear),
and maybe some embossing. This relatively small piece of stationery can
make a disproportionately large impression on those who encounter it.
Letterhead
Although some companies insist on printing the letterhead on their laser
printers, not all companies have that option, so encourage your client to use a
printing house whenever possible to achieve optimal results. The header of
the letterhead offers more space than a business card, so this is an opportunity
for the client to display more information. There should not be anything
printed on the back of the letterhead, because the colors and will run through
to the front unless the paper stock is very thick. Instead keep it simple and
keep it clean.
Folders
The designer needs to take the lead on this phase of the project: you should
direct the graphic design on folders and the physical design of the folders.
Several online resources perform this function, but the knife that cuts out this
design should be that of the designer. (In reality this is often done with lasers,
but the point remains the same.)
Some designers may go their whole careers without seeing a brand book, but
for those brands that have committed significant resources and the designers
behind them, the results are invaluable.
Stationery; Ticket design; Georgian Railways
Pricing
Designers should start out knowing their base rate and how long it takes to
develop one concept. For a beginner, I advise having a base rate in rough
accordance with the time it takes to develop one concept. Your base rate and
hourly rate together will inform how much you will charge a client. Your
time is valuable, and your pricing should reflect that.
For the experienced designer, I advise having a flat rate per project. After
decades of experience, sometimes high-quality concepts appear quickly; it
does not make sense to have an hourly rate for the years of accumulated
knowledge.
In some cases, a client may give you a budget. If you’re a beginner, you can
use their parameters to better inform your pricing. You may also use the
parameters to inform what you will be able to provide as a design package.
What you charge may fluctuate based on your client. For example, a start-up
or small business will likely see a smaller charge than a mid-level business
and the mid-level will be charged less than a well-established corporation.
The most important thing to remember for pricing is that your rates should
never be stagnant. The more projects you complete, the better understanding
you will have of the work each project requires and clients’ expectations
when it comes to rates. If clients eagerly agree to your rates, you might not be
charging enough.
After each completed project, try to increase your rate to test the limits of the
value of your work. For example, if you are working on several projects at
one time and a new client approaches, give them significantly higher than
your usual price. If the client disagrees then you have little to lose because
financially you are already set with your other projects. If the client agrees,
then you must do extra work, and at the same time you get a better idea of the
market value of your work. If the workload is too high, you can always ask
your trusted fellow designers to help with parts of the project, perhaps
concepting or sketching. In the end, execution, fine-tuning, and art direction
must be yours in order to stay on fair ground with the client.
Here and there, you may agree to do a project for free for a loved one or a
nonprofit organization, especially if you are a beginner and it’s a fun project
for interesting people. After all, it’s pleasurable to design identities and the
more exposure your work gets, the better it is for future success.
Design Studio
And if you are to be creative in this space it is important you have your
favorite tools. This means a healthy supply of your favorite pencils, your
favorite pencil sharpener, sketchbooks, and tracing paper. As a logo designer,
those are four items that you need to have all the time. It will take time to
discover your favorites, but once you do keep them close by.
Find pencils that are made by a reliable company. They shouldn’t pull from
the paper when you use them, and they should smell good. Make sure they
are made of a good wood so that when you sharpen them you’re left with a
high-quality graphite.
Make sure your sketchbooks are light enough for transport, or purchase a
couple different sketchbooks—a pocket-sized one for carrying around and a
larger one for sketching in your studio.
Use a heavier stock tracing paper, perhaps 100 grams. I have learned that
these result in a much cleaner look, photograph well, and are easier to move
around without worrying about creasing or crumpling.
Besides your meaningful objects and your favorite tools, just make sure you
are surrounded by elements that inspire you, including the music and art you
love. All of this ensures your design studio is your creativity home.
About the Author
Logo designer George Bokhua has more than fifteen years of
experience in identity design and development. He has
worked with a variety of clients all over the world, from small
start-ups to established brands such as Disney, New
Balance, NFL, Sonic, and Wired magazine.
A
abstract marks, 34, 35, 65
accidents, 133, 134–135, 136
ACT research center, 134–135, 178–179, 194, 204, 206
Adidas, 35
Adobe Illustrator, 163
age, concepting and, 151
Aiera, 184
Airbnb, 30
alignment
gridding and, 167, 171
visual effects and, 101
Alpahmaetry, 166
ambiguous forms, 96, 106, 107
anchor points
bone effect and, 81, 81
computer design tools and, 155
digitized sketches, 155, 164, 165
overshoot and, 85
“Andrea del Sarto” (Robert Browning), 21
Apple, 21, 28
asymmetry, 108, 109
B
B2B brands, 36
background
brand guidelines and, 191, 193
color, 66, 71, 76, 77, 78, 79, 189, 193, 199, 203
graphic devices and, 72
presentations and, 189
sharpness and, 66, 71
size and, 76, 77, 78, 79
balance
color and, 78, 118, 165
composition and, 91, 131
consistency and, 91
graphic devices, 75, 75
lockup, 177
logo systems, 47
proportion and, 91
refinement stage and, 159
scalability and, 91
stability and, 91
typography and, 193
whole numbers and, 165
Balla, Giacomo, 105
Bank of Georgia (Georgia), 74
base rates, 210
Bellman, 46
Benson Seymour, 60
blivet fork, 100, 101
Bokhua, George, 56, 67, 212, 214–215, 216
bone effect
anchor points, 81, 81
definition of, 80
gorilla example, 82, 83
TBC Bank example, 82, 82
techniques, 81, 81
typography and, 80
brand guidelines
background colors, 78, 199, 202–203
business cards, 204, 205, 207
color, 198, 199, 201, 202–203
Dos and Don’ts section, 194, 195
exclusion zone, 195, 199
folders, 207
graphic devices, 205
grids, 201
kerning, 192, 193, 195
letterhead, 207
logo size, 78
minimum sizes, 195
necessity of, 191
primary colors, 199, 201
secondary colors, 199, 201
start-ups and, 191
stationery, 205
typography, 201
brand personality, 151, 152
Braun, 21
Brazilian Jiu-Jitsu Club, 114
Browning, Robert, 21
budgets, 210–211
business cards, 190, 204, 205, 207
C
cast shadow shading, 62, 63
Chase Bank, 14, 35, 199
chiaroscuro technique, 66, 67, 68–69
children, concepting for, 151
City of Rotterdam, 118
client relations, 143
CMYK
codes, 199
converting to Pantone, 201
gradients, 55
patterns and, 118
whole numbers and, 165
Coca-Cola, 36, 193
color
backgrounds, 66, 71, 76, 77, 78, 79, 189, 193, 199, 203
balance and, 78, 118, 165
brand guidelines, 198, 199, 201
codes for, 199
gradient, 56, 57
Pantone, converting to, 201
patterns and, 118
presentations and, 189
primary colors, 201
secondary colors, 201
communication
business cards and, 205
concepting and, 151
presentation and, 185
composition
balance and, 91, 131
goal, definition of, 131
modernism and, 24
shape interactions, 131
subjectivity and, 131
concepting
age and, 151
brand personality and, 152
brand strategy, 152
communication and, 151
cultural considerations, 151
demographics and, 151–152
design brief for, 149, 151–152
gender and, 151
inspiration for, 152
mood boards, 153
process of, 148, 149, 151
start-ups, 152
target audience and, 151–152
typography and, 152
visual clues, 152
connection, 14, 35
consistency
3-D mock-ups and, 144
balance and, 91
gridding and, 167
logo systems and, 47
mirroring and, 128
presentations and, 189
constructive criticism, 143
copying
backups, 128
comparisons from, 128
imitation vs., 141–142
repetitions from, 108
core shadow, 62, 63
crane logos, 70, 170
creative freedom
accidents and, 133
design briefs and, 151
experimentation and, 133
modernism and, 23
typography and, 201
criticism, 143, 189
culture
concepting and, 151
minimalism and, 22
motion illusion and, 105
D
dark space. See also negative space marks; shadow.
ambiguous forms, 107
arrow strokes and, 58, 59
chiaroscuro technique, 66, 67, 68–69
hemisphere and, 62, 63
silhouettes and, 44
simplicity and, 60
size and, 76, 77, 78, 79
visibility and, 71, 72
demographics, concepting and, 151–152
design brief
brand strategy and, 152
concepting and, 149, 151–152
creative freedom and, 151
specific direction in, 151
design studios, 189, 212, 213, 214–215, 216
dialectical approach, 124, 125, 126–127, 128, 129
digital sketches
anchor points, 155, 164, 165
brand guidelines and, 191, 195
ellipse tool, 165
final checklist, 165
gradients and, 55
gridding, 165, 166, 167
importing, 154, 155, 160, 161, 162, 163
shape tools, 165
strokes and, 58
tracing, 124
whole-number angles, 165
dimension, 60, 65, 93, 122, 123
Disney, 36
Dynamism of a Dog on a Leash (Giacomo Balla), 105
E
Ellensara, 140
ellipse tool, 165
Enso sign, 20
Escher, M.C., 98, 99
Europebet, 192, 198
exclusion zone, 195, 199
experiments, 132, 133, 136, 137, 138–139, 145, 195
F
Facebook, 30
familiarity, 106, 142, 159, 167
Fandom, 122
FedEx, 36
feedback, 143, 189
FEVR, 190
Fibonacci Sequence, 16–17, 17, 18, 19
Flip Casa, 59, 92
folders, brand guidelines and, 205, 207
Formula 1 logo, 105
futurism, 24, 105
G
Galilei, Galileo, 76
gender, concepting and, 151
geometric shapes. See shapes.
Georgia Made by Characters, 196–197, 200
Georgian Pediatric Association, 150
Georgian Post, 50
Georgian Railways, 180–181, 202–203, 208–209
Gestalt theory, 44
glyphs. See letterforms.
golden ratio, 16–17, 17, 18, 19
Google, 36
gradations
complexity of, 57
with strokes, 58, 59
gradient, 54, 55, 56, 57
graphic devices
brand guidelines, 205
shapes of, 72, 75
visibility and, 71, 72, 74, 75, 75
gridding
alignment and, 167, 171
complex forms, 170, 171, 172–173, 174–175
definition of, 167
geometric shapes and, 171
shape tool, 165
suitability for, 171
whole-number angles, 165
grids
brand guidelines, 201
creativity and, 136
patterns and, 118
guidelines. See brand guidelines.
H
hemisphere, 62, 63
Hewlett-Packard, 40
highlight shading, 62, 63, 66
history
cave paintings, 15
chiaroscuro, 66
engraving, 58
futurism, 105
monograms, 40
motion illusion, 105
retaining, 14
simplicity, 22
Howard, Andrew, 130
I
identity
logo systems and, 47
patterns and, 51, 207
illusions of motion, 96, 104, 104, 105, 131
imitation vs. copying, 141–142
impossible figures
blivet fork, 100, 101
definition of, 96, 98
F letterform, 100, 101
irrational cube, 98, 99
Penrose triangle, 98, 99
InDesign software, 201
In Space Manufacturing (NASA), 56, 73
inspiration
creative process and, 136
early logos as, 141, 142
noting, 10
photographs, 10, 17
real-life objects as, 136, 144, 145
studio and, 217
International Association of Accessibility Professionals, 42–43
irrational cube, 98, 99
J
Jobs, Steve, 21
Juventus, 30
K
Keikkatiimi, 90
kerning, 177, 192, 193, 195
L
letterforms, 30, 31, 32–33, 54, 64, 90, 100, 101, 122, 140, 174–175
letterheads, 177, 205, 207
light
ambiguous forms, 107
arrow strokes and, 58, 59
chiaroscuro technique, 66, 67, 68–69
hemisphere and, 62, 63
implication of, 65
letterform and, 64, 65
silhouettes and, 44, 65
simplicity and, 60, 61
size and, 76, 77, 78, 79
visibility and, 71, 72
line logos, 110, 111, 112–113
lockup, finalizing, 177
logo systems, 46, 47
logotypes, 36, 37, 38–39, 78
Louis Vuitton, 40
M
McDonald’s, 30
MegaBridge, 186–187, 188
Microsoft, 35
mid-tone shading, 62, 63, 65
Mies van der Rohe, 22
minimalism, 20, 21–23, 36
Min.io, 176
mirroring
asymmetry with, 108
perspective and, 128
Mitsubishi, 35
modernism, 24, 25
monograms, 40, 41, 42–43, 152
mood boards, 153
motion illusion, 96, 104, 104, 105, 131
N
NASA, 38–39, 56, 73, 207
Nebo, 102–103
negative space marks. See also dark space; shadow.
ambiguous forms and, 107
bone effect and, 82
Gestalt theory and, 44
graphic devices and, 75, 75
modernism and, 24
silhouettes and, 44
Nike, 35, 105
O
occlusion shadow shading, 62, 63
overshoot, 84, 85, 86–87, 88–89
P
palate cleansers, 128
Pantone colors
numbers, 199
converting to, 201
passion projects, 211
patterns
brand identity and, 207
business cards and, 207
CMYK and, 118
color distribution, 118
as design element, 118, 119, 120–121
grids, 118
as identity elements, 50, 51
motion illusion and, 105
tessellation, 118
pencils, 10, 155, 217
Penrose, Roger, 98
Penrose triangle, 98, 99
PepsiCo data analytics, 104
personality, of brand, 151, 152
perspective
impossible figures and, 101
mirror images and, 128
modernism and, 24
photographs, 10, 17
pictograms, 48, 49
pictorial marks, 28, 29, 30
presentation
backgrounds, 189
coloring and, 189
communication and, 185
concept variety, 210
consistency in, 189
file formats, 189
grayscale, 185, 189
identity elements, 184, 186–187, 188
mock-ups, 188, 189
pricing, 210–211
slide information, 189
pricing, 210–211
proportion
balance and, 91
gridding, 167
mirroring and, 128
R
Rams, Dieter, 21
real-life objects, 144, 145
reflected light shading, 62, 63
reliability, 35
Reutersvärd, Oscar, 98
RGB
codes, 199
gradients, 55
The Rolling Stones, 137
Rotterdam, City of, 118
rounded shapes, 114, 115, 116–117, 171
S
scalability
balance and, 91
grids, 118
Sensibill, 79
shadow. See also dark space; negative space marks.
cast shadow, 62, 63
chiaroscuro technique, 66, 67, 68–69
core shadow, 62, 63
hemisphere, 62, 63
highlight, 62, 63
letterform, 64
light implication with, 65
mid-tone, 62, 63, 65
occlusion shadow, 62, 63
overuse of, 62
reflected light, 62, 63
silhouette and, 44, 65
simplicity and, 60, 61
shapes
3-D shapes, 98, 122, 123
bone effect, 80–81, 80, 81
cave paintings and, 15
composition and, 131
early designs and, 142
of graphic devices, 72, 75
grid patterns, 118, 171
hexagons, 118
inspiration from, 142
overshoot, 84
patterns, 119
rounded shapes, 114, 115, 116–117, 171
sharp shapes, 114, 115, 116–117
tessellation, 118
sharp shapes, 114, 115, 116–117
Shell, 28
silhouettes
negative space, 44
outlining, 72
positive space, 44
rounded shapes, 115
shading and, 62, 65
sharp elements, 115
solid logos, 111
symmetry, 108
visibility, 111
simplicity
chiaroscuro technique, 66
culture and, 22
details and, 60
Enso sign, 20
functionality and, 21
light and, 60, 61
mass production and, 23
popularity of, 22
shading and, 60, 61
size
background and, 76, 77, 78, 79
balance and, 91
brand guidelines and, 195
clarity and, 195
sketches
anchor points, 164, 165
changes to digital sketches, 163
computer compared to, 155
digitizing, 154, 155, 161, 163, 164, 165
exploration in, 156
final checklist, 165
fine-tuning stage, 155, 160, 161
gridding, 165
importance of, 155
initial stage, 155, 156, 157
refinement stage, 155, 158
sketchbooks, 10, 217
tracing paper, 160
Skillshare, 64, 116–117
solid logos, 110, 111
stability, balance and, 91
Starbucks, 28
start-up companies
brand guidelines and, 191
concepting and, 152
pricing and, 210, 211
stationery, 205, 207
strokes
consistency and, 91
experiments with, 138–139
gradations, 58, 59
initial stage and, 156
line logos, 111
size and, 78
visibility and, 72
Studio George Bokhua, 56, 212, 214–215, 216
Supahero, 129
symmetry, 81, 108, 109
T
Target, 28
target audience, 151–152
TBC Bank, 82, 82
Tesla, 30
tessellation, 118, 120–121
tools
arrow strokes, 58
gradient tool, 55
grids, 171, 201
pen tool, 124, 155, 163
pencils, 10, 155, 217
shape tools, 165
sketchbooks, 10, 217
studio, 217
tracing paper, 160, 217
Twitter, 28
type lockup
finalizing, 177
proportion, 91
typography
balance and, 193
bone effect, 80
brand guidelines, 201
concepting and, 152
creative freedom and, 201
finalizing, 177
impossible figures as, 100, 101
kerning, 177, 192, 193, 195
lockup stage, 177
monograms, 40
overshoot, 85, 86–87
pictorial marks and, 26
wordmarks and, 34
U
UI iconography, solid icons and, 111
V
VersaBank, 75, 75
visibility
backgrounds and, 71, 199
crane mark, 70
graphic devices and, 71, 72, 75, 75
silhouette outline and, 72
size and, 195
visual paradox
ambiguous forms, 96, 106, 107
bone effect, 80, 81
definition of, 93
impossible figures, 96, 98, 99, 100, 101
motion illusion, 96, 104, 105
techniques for, 93
types of, 96
Volkswagen, 40
W
Warner Bros., 40
white space
ambiguous forms, 107
arrow strokes and, 58, 59
chiaroscuro technique, 66, 67, 68–69
hemisphere and, 62, 63
implication of, 65
letterform and, 64, 65
silhouettes and, 44, 65
simplicity and, 60, 61
size and, 76, 77, 78, 79
visibility and, 71, 72
wordmarks, 36, 37, 38–39, 78
© 2022 Quarto Publishing Group USA Inc.
Text and images © 2022 George Bokhua
All rights reserved. No part of this book may be reproduced in any form without written permission of
the copyright owners. All images in this book have been reproduced with the knowledge and prior
consent of the artists concerned, and no responsibility is accepted by producer, publisher, or printer for
any infringement of copyright or otherwise, arising from the contents of this publication. Every effort
has been made to ensure that credits accurately comply with information supplied. We apologize for
any inaccuracies that may have occurred and will resolve inaccurate or missing information in a
subsequent reprinting of the book.
Rockport Publishers titles are also available at discount for retail, wholesale, promotional, and bulk
purchase. For details, contact the Special Sales Manager by email at specialsales@quarto.com or by
mail at The Quarto Group, Attn: Special Sales Manager, 100 Cummings Center, Suite 265-D, Beverly,
MA 01915, USA.
10 9 8 7 6 5 4 3 2 1
ISBN: 978-0-7603-7651-5