12 Principles of Graphic Design
12 Principles of Graphic Design
When you are Graphic Designers there are some design principles that you must know to create harmonious and good
designs. These principles will help your designs to communicate clearly your ideas and how all the graphic elements of
your design interact with each other.
1. Contrast
Contrast is one of the most common Graphic Design Principles and every graphic designer must dominate it, contrast
refers to the difference between the elements in your design, mean for example in a color that if you use a dark color in
one element, the other graphic elements need to be in a light color to easily differentiate from the other. For example, if
you create a graphic design with a text, and the background of your design is Dark, then the text color needs to be in a
light color to make it easier to read.
Visual hierarchy
Fundamental Elements
2. Balance
If you are a Graphic Designer and you are working on a design project you need to know that every element you place in
your design has a weight on it, and it can come from color, size, or texture. Balance refers to how you put these elements
on your design and avoid putting all your heavy elements in the same place. There are two types of balance,
Symmetrical, which creates balance by aligning equally weighted elements, and asymmetrical design is the opposite, you
align a heavy element with lighter ones to create a contrast effect.
3. Emphasis
Emphasis refers to the importance of the elements on your design, and what order they should have on it. What the
emphasis principle says is that the most important information that you need to show in your design must be the first
thing the people see in your project. For example, in a Movie poster design, the first thing you need to see is the Movie
title, then it can be the name of the director and after the name of the actors and actresses, if you want to know which
are the best Poster Design in Movies you can check my post about it and see how the emphasis work on this poster.
4. Repetition
Repetition is a great tool to reinforce an idea you want to transmit through your design and it also helps to unify your
project, you can use the repetition principle in different elements as color, typefaces, shapes, or other graphic design
elements. For example, if your design has multiple typefaces or colors, it can be seen as a bad design and uncomfortable
to watch due to the chaos, but we can avoid this by choosing two typefaces for example, and using them in all the
design.
5. Proportion
The proportion principle in graphic design is one of the easiest to understand, basically, proportion refers is the size of
elements to one another in the design. Larger elements are easy to see in design than smaller ones and by this principle,
larger elements are more important than smaller ones.
6. Hierarchy
Hierarchy principle in Graphic Design stands out that the most important elements in your design also should appear to
be the most important, this help people who will see your design understand better what is the important element on it.
You easily can see a hierarchy example in titles and headings in a design.
Typographic Hierarchy in Graphic Design
Visual Hierarchy Principles in Graphic Design
7. Rhythm
The rhythm principle is easy to understand by using the music as an example when you are using repeating elements in
your design this creates spaces between these elements, and this creates a visual rhythm as this happens in musical
compositions. There are five types of visual rhythm: random, regular, alternating, flowing, and progressive.
8. Pattern
The pattern in Graphic Design refers to a repetition of multiple graphic elements on your design working together to
create an eye-catching and harmonious design. Pattern principle is also referred to how design elements are designed in
a project and set a standard on it to easily communicate your ideas.
9. White Space
White space is also known as negative space, and it refers to the area of a design that is empty and not include design
elements. But white space is actually a really important design element, you need to give your design elements space to
breathe and easily differentiate them from other elements.
White space is also used in Logo design to create hidden images on it and give more information about your brand and
avoiding to saturate it, and if you are interested in know the 7 qualities of a good logo design you can check my post
about it!
White Space in Graphic Design
10. Movement
The movement principle in graphic design refers to how the human eye interacts with your design, and the most
important element in your design must be the first thing people see, and after seeing it your design needs to lead the
viewer to the next most important element.
11. Variety
The variety principle is used in design to create visual interest to the viewer and it can be created with different elements
as color, typography, images, shapes, and many more. And by using the variety we avoid creating a monotonous design
and lose the interest of the viewer.
It’s important to understand that when you use the variety principle you need to be very careful by not overloading your
design and create chaos.
Shape Psychology in Graphic Design
12. Unity
Unity principle refers to how well all the elements used in your design project work together, they should have a clear
relationship and communicate the same concepts, this will cause that your design looks more organized and every
element on it will be related to each other.
Type of Contrast
Imagine a design layout formed by rectangle shapes all around, this will make it look boring and confusing by
the viewer as he wouldn’t know what is the key point of the design, by adding a variation on the shapes it will
make automatically the first thing people will see and it should be the key element from your composition.
Visual Hierarchy
Graphic Design Fundamentals
To be a Graphic Designer you need to know the Fundamental Graphic Design elements that every design
project has on it, on this post I will show you them and how to use them in your next Graphic Design project.
1. Line
The line is one of the basic elements of Graphic Design, a line is used to connect two or more points, but
Graphic design is usually used to divide the space and to focus the eye on a specific location. There can be
different types of Lines, fat, thin, wavy, and any form you can imagine to connect two points, and every type of
line has a different feeling.
You can easily see lines in every graphic design project or illustration as they are used as graphic elements,
textures, patterns, and backgrounds. When working with lines it’s also important to pay attention to weight,
texture, style, and color because the variety of these qualities can produce different emotions or the visual
effect on the eye.
2. Color
Color is one of the most important elements of graphic design and the most obvious, in design we can use
color for everything as it can be applied to the background, lines, shapes, or other graphic elements in the
composition.
Color in graphic design is very important as every single color generates different emotions and it’s used to
transmit these emotions through the full composition and have an effect on your mind.
Maybe many people think that color is an easy graphic design fundamental, but this is not true due as many
colors don’t work well together for the eye and they might transmit opposite feelings, that is why is important
to learn the Color Theory on Graphic Design to work perfectly with color, and you can check my post where I
will show you everything about color theory and color meaning.
Color Psychology in Logo Design
How To Use Color Theory in Graphic Design
3. Shape
The shape is also one of the most basic elements in Graphic Design. Shapes in design have two dimensions and
are measured by their height and width, and they are defined by boundaries such as lines, color, or negative
space, and in some way, we can say that all visual elements are shapes. In graphic design, there are two main
types of shapes, Geometric and Organic shapes.
Geometric shapes in graphic design are the ones that can be drawn by using a ruler or compass, and geometric
shapes produce a feeling of control or order whether they are simple or complex.
On the other hand, organic shapes in graphic design are the opposite, these shapes can be drawn freehand,
and also you can find these shapes in nature that is where his name comes from, and these shapes produce a
natural feel to the eye.
Shapes in design are very important to communicate ideas in a visual way due to the interaction of these
shapes between them. You can easily see an example of this by looking at street signs and symbols.
It’s also well to know that shapes in graphic design are many times used as the foundation of every project and
they help you to organize and separate the content from your design work.
Shape Psychology in Graphic Design
Size is also one of the basic elements in graphic design, as usually the bigger elements catch your attention
faster than the smaller ones, and size or scale is used in graphic design to create more dynamic design projects
and to focus the eye on certain elements of the design.
You can use scale and size in shapes, lines, typography, or other design elements to give more variety to your
composition and avoid boring designs.
5. Texture
Graphic design projects are visually based and you can’t touch them physically (unless you have designed
packaging) it’s important to transmit the look and feel of the elements through the eye, and that is why we use
textures in Graphic Design. The texture is a physical quality of a surface, and we can mimic the texture feeling
in design in illustrations or by images representing the surface we want to transmit.
People have memorized the texture of certain things and by looking at them they already know-how will be
the touch them, that is why texture images work well in graphic design, as the viewer can feel the touch of the
visual object because he already knows how it feels in real life. A quick piece of advice is that you don’t go
overboard with the use of texture in your design because it can be overwhelming to the eye of the viewer.
6. Space
Space is a vital graphic element and many times is underestimate and many rookie graphic designers have
“horror vacui” and avoid completely blank space. Space is the area around the graphic elements in a design
project, and it can be used to give the eye a rest and focus on other graphic elements in the compositions, or it
can be used as other graphic elements by using negative space and create hidden shapes as you can see on the
FedEx Logo Design.
White Space in Graphic Design
7. Typography
Last but not least, the last Basic Graphic Design element is typography, and the Typography definition is the
style or appearance of text. It’s very important to choose the right font to you Design project because at it
happens with colors, every typography style has their own feeling and they transmit different emotions.
You can find playful, serious, elegant, minimalistic, and many more typography styles, and when you create a
graphic design project you need to choose a font that goes well with the message you want to transmit with
your design. Also, it’s important to know that there are many decorative fonts that are called display fonts, and
these fonts are created to be used as titles or in small amounts of text by their decorative nature.
Typographic Hierarchy in Graphic Design
Font Psychology in Graphic Design
Conclusion
In conclusion in this post, I show you the basic graphic design elements and now you can easily differentiate
the small details in every design project, now you need to put all these design elements together and create
amazing Graphic Design Projects! If you want to master these fundamental elements you can check these
articles.
Red Logos
Red color is considered to represent feelings of romance and it’s universally used to show excitement passion
and anger. You can use red in logo design if you want to transmit feelings of power, energy, passion, love and
seduction through your brand, and if your business is loud, playful, youthful and modern red color is a good
option for your logo as it makes you stand out from the crowd.
Red is a great brand color because it’s easy to use to catch the viewer attention as unconsciousness red is the
first color we see when we are babies besides black and white and we have the ability to see this color better
than others to make us easier to identify fruits on the trees at the same time that when humans are emotional
their faces turn red.
These factors make red a strong primary color for your logo design as it’s easy to identify and many restaurants
and food brands use it to stimulate the appetite of their customers, you also can see using red color for
marketing campaigns to stimulate feelings of urgency.
You can use red alone for your logo design or you can pair it with white, black or other neutral colors to create
your brand color scheme. Some popular brand that uses red for their logo design are Coca Cola, Netflix and
YouTube.
Orange Logos
If your brand stands out for playful and innovative traits then you might think about using orange for your logo
design, as this color evokes feelings of cheerful, friendly and enthusiastic. Orange is also a good option for your
brand color if you want to stand out from the crowd as it is a very energetic color and can attract the viewer
attention.
But be careful about what tone of orange you use for your brand logo as a very bright tone of orange can be a
little harsh for the eye that is why many brands prefer to use peachier tones for their brand logo to avoid that
negative effect on the eye and preserve the eye-catching effect of orange.
Orange is a warm color in the middle of red and yellow and it is usually associated with change and for that
reason, many brands that want to be associated with feelings of freshness, excitement and friendly companies
choose orange for their logo design.
If you choose orange as your main logo design color you can combine it with a nice neutral color to balance the
contrast, and it’s perfect for entertainment, food and beverages and energetic brands as you can see orange
logo examples in brands like Soundcloud, Fanta or Firefox.
Yellow Logos
Yellow is a warm color really bright that usually is used by brands who want to transmit to their audience
feelings of friendliness, cheerfulness and happiness through their brand colors. Yellow color can be associated
with summer and sunshine and if your business wants to transmit youthful energy go with a yellow logo
design.
If you have seen my post about color theory, you would know that yellow is a primary color in the subtractive
color system and an interesting fact is that yellow was one of the first colors humans were able to mix and use
in their painting.
If you are planning to use yellow color for your logo take care that it also can suggest bargain or cheap
products, feelings that are not suitable for high-end brands, in that case, I would recommend you better go
with gold colors for your logo as it can be associated with power and luxury. Some famous brands using yellow
or gold for their logos are McDonald’s, Cadbury and Rockstar Gaming
Green Logos
The interesting fact about green color is that is the color to which human eyes are most sensitive and humans
can easily differentiate most shades of green, usually, green logos are associated with growth and new life if
we talk about color psychology at the same time that can transmit feelings of harmony, rest and balance.
Most of the plants are green and that fact made this color associated with nature and the environment a green
logo is a good option for environment-friendly brands and products, as you can see many vegetarian, vegan
and eco-friendly brands using green as the main brand colors.
The green color in logo design is also associated with different traits depending on the culture, as for example
in the US it’s associated with money and wealth because it’s the color of money. Some famous brands using
green logos are Animal Planet, Starbucks and Lacoste.
Blue Logos
Blue color as we have seen previously is one of the favorite colors for marketers and brands as it is associated
with trustworthiness and seriousness key attributes for any company. Usually, blue logos are associated with
feelings of calm, control, logic, honesty, trust, security, and confidence and can help to establish trust between
your brand and the viewer.
By another hand there are two problems with blue logos, the first one is due to the popularity of blue logos as
many brands have used it for their brand colors, that is why if you are planning to use blue for your logo you
will need to find a way to stand out from the rest and you can try to experiment with different shades of blue.
The second problem that blue logos have is the fact that is a cold color that can make your brand look cold and
unfriendly and can be a problem depending on the feelings you want to transmit with your brand colors.
As mentioned blue logos are associated with trust and confidence, which is why is a very popular color for
finance, IT, equipment, energy, healthcare and transport brands and some famous brand using blue logos are
Facebook, Twitter and Skype, so if your company is focused on IT take the blue color present for your brand
color palette.
Purple Logos
Historically purple and violet colors are associated with royalty and luxury, that is why if your brand is focused
on luxury products then think about a purple logo for your brand. Purple is also associated with feelings of
spirituality and can be associated with creativity, extravagance, fantasy, mystery, calm and sophistication.
Purple logos are really powerful to drive viewer attention and make your brand feel more luxurious especially
when it’s combined with gold, also purple color works great for packaging design, think about Cadbury
chocolate, by only looking at their purple packaging you associate it with good quality chocolate.
In modern logo design, there are not many brand using violet logos and it worked very well for those brand
who have implemented violet logos, so if you want to go outside the box and outstanding from your
competitors think about a violet logo or if you want to give a luxury feel to your brand purple is your color!,
some famous brand using purple logos are as mentioned Cadbury, Yahoo and Twitch.
Pink Logos
The pink color is used for brands that want to be associated with feelings of hope and inspiration as in color
psychology pink is associated with calmness, fantasy, dreams, comfort, childhood and reassuring.
As interesting fact in Japanese culture pink color is associated with spring as it’s the color of the blossoming
sakura and this fact makes pink used in branding that wants to be associated with sweetness and transmit
feelings of fantasy.
In modern logo design pink is a really popular color that makes your brand look youthful and luxurious and it’s
used for baby brands, desserts and toys factories. In the other hand pink color also can be associated with
feelings of immaturity and playfulness that could not work well for some niches. Some examples of famous
brands using pink logos are dribble, Dunkin Donuts and Adobe Indesign.
Brown Logos
Brown color in logo design it’s not very popular for many brands as many people have associated it with rotting
and decay, but by another hand, brown color can be associated with rugged, masculine and serious traits, and
if your brand personality traits are these one brown logos is an option you might have in mind.
The fact that not many brands use brown logos can make your logo stand out easily from your competitor
depending on what niche is your brand. Brown color can transmit feelings of strength, mature, safe and can
make your brand associated with down-to-earth trait. Brown color also makes your brand look vintage and
hand-made.
Brown logos are also a good option for brands that are associated with eco-awareness and organic products
that want to avoid using green and brand which sell brown color food as coffee or chocolate, that is why brown
is a popular color for companies in agriculture, food, family products and transport and some famous brand
using brown logos are Nespresso, UPS and m&m’s.
Black Logos
Technically black isn’t a color as it is the absence of light, but we will refer it as a color to make it easier, as
black logos are always been used and it’s very popular among luxury brands as it represents feelings of
efficiency, prestige, power, sophistication, elegance, luxury, protection and seduction.
Regard the color you choose for your brand logo is always recommendable for any brand and identity design
project to include a black version of your logo as it will make it easier to include your logo in different designs
in a more minimalist way without distracting the viewer from design.
Black logos are serious and strong and it’s the perfect choice if your brand wants to be associated with luxury.
Black color in logo design is very popular for luxury, fashion, IT and equipment brands and some famous
brands using black logos are Chanel, Nike or Louis Vuitton.
Gray Logos
Gray logos are in the middle between the absence of light (black) and full light (white) and its a great color to
have in mind for your logo if you want to be associated with mature, classic and serious attributes. Grey color
in logo design can be associated with feelings of professionalism, dignity, classic, modesty and stability.
By another hand, gray logos also can be associated with boring and ordinary logos because the lack of color,
that is why take care about that fact when using gray color in your logo design, and you can use the fact that
gray is not warm or cold, and is not masculine or feminine, as it’s a completely neutral color and you can use it
as a good brand personality trait.
Gray color in logo design is very popular among equipment, transport, IT, finance and hi-tech companies
because it makes them feel serious, professional and credible, by another hand if your brand is about food an
beverage gray will not be the most suitable color for your brand. Some famous brand using gray logo examples
are Apple, Audi or Mercedes.
White Logos
With white color happens the opposite as black, as technically white is not a color and it’s the absence of color,
but if we consider white as a color in logo design, then it can be associated with youthful and economical
feelings. White logos can express feelings of sincerity, cleanliness, purity, peace and simplicity.
White in logo design is more used as complementary colors or as a technique to create negative space in a logo
instead of using it as the main color for logo design. Famous brand using white logos as negative space or
complementary colors are FedEx, Tesla and The North Face.
Spirals
Spiral shapes are very common in real life and natural elements as shells and flowers, and spiral shapes in
graphic design are used to represent the circle of life and growth.
Growth
Intelligence
Creativity
Modernity
Natural Shapes Meaning
Natural shapes or organic shapes represent elements from nature and we can see them in the real-world as
animals, flowers, trees, or leaves, these shapes unlike geometric shapes aren’t formed by angles and points,
they are unique you can see them in tones of different forms. Unlike geometric shapes, natural shapes have a
clear meaning from the natural elements they represent as for example, a rose flower represents love or
passion. Natural shapes due to their nature also make the viewer feel a connection with the natural
environment. These types of shapes are often used in outdoor or ecological design compositions.
Common Natural Shapes meaning
Originality
Nature
Organic
Freshness
Ecological
2. Relevant
To make your logo design good it’s important to make it relevant and connect with your audience by looking at
it, you need to find the way your logo will speak to your audience depending on their age, education, values,
and hobbies and use design elements more appealing to them to make your logo connect better with your
audience.
The big difference between a good logo design with average one is that the good one stays on their customer’s
brain because they associate it with different feelings and emotions that your brand wants to transmit, and if
you want the perfect logo design it must stand out from your competitors to catch more attention, this will
help your logo to catch your possible customers and stay on your audience memory.
3. Memorable
Being memorable for a logo design may be the most important quality for a logo at the same time that the
most difficult to achieve, remember what we talk about in the first quality? yes, make your logo simple to help
the viewer to memorize it and have your brand logo in mind, and associate it with your company.
Create a memorable logo design might seem complex but what you need to achieve with your logo is that
people only seeing it once should be able to describe it to someone else or draw it on paper, if we can achieve
it we make sure that your logo will stay on customers mind. To keep your logo memorable it should always
create an impression to the viewer and transmit certain emotions that the viewer later can associate with your
company.
4. Timeless
This quality is really important for a good logo design and here many brands and big companies fail to achieve
it if you want a great logo design for your company it must be timeless, this means that your brand logo should
be looking good today and for the next years and avoid graphic design trends when designing a logo.
The focus when you design a logo is to showcase the brand identity and companies message using graphic
design language and avoid using trends without any connection to the brand, these design trends might be
looking good today but no one can assure you that these trends will live forever and your logo will be looking
obsolete in a short amount of time.
It’s important to say that a logo redesign or rebranding are good options regarding brands logo but constant
changes can interfere with viewers able to memorize your logo and associate with your brand. Also remark
that good logo redesign consists of updating companies logo to remove some extra elements or to adapt it to
brand’s new message, and in many cases, they maintain the most memorable element of the logo.
5. Versatile
Have you ever heard about responsive logo design? so, the fifth quality for a good logo design is that it must be
versatile when designing a logo you need to think about where it will be used and adapt it to the different
environments it will be placed in and still look good. A good logo design will work great on an Instagram profile
pic and a giant banner across the city, so you need to design your logo to be able to work well on digital
platforms like mobile or web at the same time that it will work well in printed applications.If you research
some brand style guides you will see that many logos have different variations on size or disposition having
vertical and horizontal versions at the same time that there can be color variations of the logo maintaining the
brand colors.
6. Importance of Color
As it happens with shapes and typography, each color have his own meaning and transmit different emotions,
as for example red can transmit a passion feeling and blue transmits trustworthiness. Unconsiscnes colors also
can evoke real-life elements as for example blue can be associated with water and green with nature and
forests.
There can be universal associations as the two examples mentioned before, but also there can be more
cultural associations as for example in the US green is the color of money and in Japan purple is associated
with evil, so take care about these details when designing a Logo.
As mentioned on the first quality, logos should be simple to make it easier to memorize at the same time that
it needs to transmit the brand’s message and identity, so use the color psychology to transmit the company
message, and if you want to learn more about the color theory I have a post about it!
7. Be Unique
It might be obvious, but to create a good logo design it must be unique and stand out from your competence.
As it happens with your company, you have your own message and your own identity, this must be reflected
on your logo, describe through it in what you differentiate your brand from your competitors and why the
customer should choose you! For example, if you have an airplane-related company, avoid using an airplane
illustration as to your logo because it’s too obvious and you won’t differentiate your company from other
airplane companies, instead of it, try to play with more metaphorical concepts and express with your logo
what makes your company unique!
Conclusion
In a conclusion, there no secret method with point a and point b to create a good logo design, and instead of
following design trends and obvious choices, if you have a good logo design you need to see logos as a way of
transmitting messages, use your brand logo to transmit what makes your brand unique through color, shapes,
and fonts and then you will create a unique logo design.
Abstract Mark logos consist of a symbol, a pictorial logo but they avoid literal representation from any image,
instead, they create their brand logo through abstract geometric forms to symbolize their company, these
types of logo designs are unique tailor-made symbols to represent your brand.
This type of logo design works very well due to they condense your brand into a single image, but as they avoid
looking like something recognizable they are unique icons. These logos benefit is that you are able to convey
what your company does and its philosophy in a symbolical way without relying on cultural implications, they
achieve this by the use of color psychology (which you can learn in this post) and form.
Mascot Logo includes illustrated character or person who will act as a visual representation of your business,
this character illustration will be your brand spokesperson, and much advertising from this brand will be
centered around this character. Mascot logos are a great family-friendly logo option and they can help your
brand to engage with your audience and create unique branding, and usually, companies whose main audience
is families and children use these types of logo design.
Wordmark or logotype are font-based logo design type that focuses on a business name with a particular
typeface that expresses the company philosophy and feeling, and many big companies and brand use this type
of logo design for example Coca Cola, Google, or Uber. These logo design types work really well when your
company or brand has a catchy or distinct name and you can focus your branding on that memorable name,
this catchy naming combined with strong typography creates strong brand recognition. As these logos are
strongly focused on the name, they need to pick correctly their font or create a brand new one to capture the
essence of their business.
Pictorial Mark also called logo symbols are icon logos or graphics-based logos, and these logos are usually
representations of a real-world object, which could help companies to tell their story and what they do. We
can see this type of logo on brands like Twitter or Apple. These logos are only an image, and for big brands and
really known companies these logos work very well due to the emblematic branding and people can easily
identify the company by looking at their image, but this also can be a problem for new companies or brand
with low recognition to use these types of logos due that viewer can’t identity their image with their brand.
Lettermak logos also called monograms are logos that are formed by letters usually brand initials. Lettermarks
are commonly used by companies with long names with 2 or 3 words on their names, and due to branding
purposes and making their brand easy to remember they choose to represent their brand logo with their
initials. As happen with Logotypes, monograms are typography-based logos and use a few letters, which is why
is important for them to choose the right font to show what your company does and make it legible, also these
types of logo design tend to simplicity.
Combination Mark as their name indicate consist of combining a wordmark or lettermark with a pictorial
mark, abstract mark, or mascot logo. The brand image and the text with brand naming can be laid side-by-side,
stacked on top of each other, or can be integrated to create a new brand image. The combination marks are my
favorite logo design type because your brand name is easily associated with an image or your mascot logo and
their work together to reinforce your brand. As these type of logos uses an image and text it helps to associate
your brand with that image and in the future, these brand can exclude their name from the logo and only rely
exclusively on a logo symbol.
Letterforms logo design types, which are the more minimalist version of monograms, also known as letter
logos. Letterform logos only uses one letter, usually, the initial letter of the brand, and these brand marks
needs to be bold and beautiful to make it easier for the viewer to identify these single letter with your brand.
Due to their minimalistic anatomy letter logos are easily scalable and responsible, and they work perfectly
anywhere from digital scenarios to web or social media and printed materials.
6. Hierarchy
Hierarchy principle in Graphic Design stands out that the most important elements in your design also should appear to
be the most important, this help people who will see your design understand better what is the important element on it.
You easily can see a hierarchy example in titles and headings in a design.
3.Weight
Typeface weights are a great idea to create visual hierarchy in your text as making the typeface bolder or thinner will
make it easier for the viewer to organize the information in your design. It’s better to use bold typeface weight for
heading and subheading as they are more suitable to grab viewer attention and use regular or thin weights for body text
to increase the readability of your text.
4.Color
Color is also a great graphic design technique to create a visual hierarchy on the text as you can use the color contrast
principles and giving the high contrast color to the focal part of the text and you can use different shades of a specific
color to create this hierarchy, you can check this post where I show you how to use contrast in graphic design.
5.Position
The position is also a graphic design principle that you can apply to text hierarchy to organise the information across your
design layout depending on the importance of them, you can place the most important information in a prominent place
of your design to create a visual separation from the body text making for the viewer easy to identify the key elements of
your text.
6.Alignment
Alignment is related to position to create visual hierarchy in your text, you can play with the different alignment options
to create a clear difference between the heading, subheading and body text.
7.Typeface
Font pairing is also a popular technique among graphic designers to create visual hierarchy in typography and it consists
on choosing different fonts for the most prominent elements of your text (heading and subheading) which will be more
focused on grabbing viewer attention as you can use bold and decorative fonts and more readability focused font for the
body text as it will include bigger pieces of text. Make sure that the fonts that you will use for your design layout have a
reason and are aligned with the context of your design.
8.Spacing
Lastly but not least you also can use spacing as a graphic design technique to create a visual hierarchy by adding more
white space on important elements of your text as this will create more emphasis on that parts at the same time that
you will obtain a more clean look of your overall text making clear the different parts of it.
Conclusion
As we saw on this post typographic hierarchy is a key part of every graphic design project as the difference between an
average graphic designer and a good one is that the good designer focus on how his design layout communicates the
message he wants to transmit, and for that reason, you need to use text hierarchy to correctly organise the information
of your design.
In this post, I show you the text hierarchy levels and the different graphic design techniques you can use to create that
visual differentiation of text making the first sentence the reader will read the most important. Typographic hierarchy is
one of the visual hierarchy principles of graphic design and if you find this post useful and want to read more about
visual hierarchy, I recommend you this article where you will learn all the visual hierarchy principles and if you want to
make a deep look on typography design you can check this article about font psychology.
Primary Colors
Primary colors are as I call it Prime Colors, and you can’t create primary colors by combining two colors together, and
Primary colors are the source to create the other colors, so you need to think about Primary colors as Parent colors.
The three Primary Colors are
Red
Yellow
Blue
Secondary Colors
Secondary Colors are the colors created by combining two primary colors that can be the red, yellow and blue, and you
need to have in mind that secondary colors only can be formed with the purest form of each primary color, and this term
is known as a hue that we will see it later on this post, the three secondary colors are orange, blue and green. You can
create these three colors by combining these primary colors
Red + Yellow = Orange
Blue + Red = Purple
Yellow + Blue = Green
Tertiary Colors
Tertiary Colors are the colors formed by combining a primary color with a secondary color, but not all primary colors can
be combined with all secondary colors, you need to choose two colors that come next to them on the color wheel to can
obtain a Tertiary Color.
Here You Can see All six tertiary colors and how to get them
Red + Purple = Red-Purple (magenta)
Red + Orange = Red-Orange (vermillion)
Blue + Purple = Blue-Purple (violet)
Blue + Green = Blue-Green (teal)
Yellow + Orange = Yellow-Orange (amber)
Yellow + Green = Yellow-Green (chartreuse)
Color Wheel Explained
If you had studied Painting or any lesson related to art you might have seen the color wheel, which was created in 1666
by Isaac Newton in a schematic way to mix the different colors appropriately.
And what is the color wheel? A color wheel is a tool that helps you to combine appropriately the colors, and its
represented by a circle formed by primary, secondary, and tertiary colors where you can see in a graphic way how the
different colors interact with each other.
Hue is the word used to refer to the standard set of colors in their pure form and as you can find them on the color
spectrum, the six primary and secondary colors have Hue, and not all colors have hue as white and black.
Shade is referred to the color that you get by adding black to any of the hues mentioned before.
Tint is the opposite of shade, and the tint is the color that you get by adding white to any hue, and any color has a range
of shades and tints.
Tone and saturation are synonyms but usually, the tone is used for painting and saturation for digital images, and Tone or
saturation is a color that results of mixing a pure color (hue) with any neutral/grayscale color including white and black,
so by this definition, we also consider all shades and tints to be toned.
What Are Color models (CMYK RGB)
Once we already know the definition of primary, secondary, and tertiary colors and the color wheel theory, we need to
understand that colors have two different natures, additive colors are tangible colors and subtractive colors that are
produced by light. That is why you have heard about RGB and CMYK, now let’s explain these two color models.
Color Harmony
Color harmony is an orderly and pleasing arrangement of the colors in design for users to feel more pleased and calm
when they see the result because not all colors work well together and when you combine not harmony colors that give
a feeling of chaos and disgust.
That is why is vital to understand how colors work together to make more attractive your design and now I will show you
the best color schemes that are proved to work effectively.
Monochromatic
The first color scheme is the easiest one because you can’t go wrong with combine different shades and tones from one
color, and the monochromatic scheme as the name says combine different shades from one color to create an attractive
design.
Analogous
Analogous harmony scheme is based on combined colors located right next to each other on the color wheel, and this
color scheme it’s used a lot when your design doesn’t need contrast and is used many times on web design and banners
backgrounds.
Complementary
To create a complementary color scheme you need to combine colors placed in front of each other and this color scheme
is used to create high contrast feeling in opposition to analogous and monochromatic schemes.
-Split-Complementary
Split Complementary color schemes is also used to create contrast feeling in your design but this color scheme uses three
colors instead of two as complementary, and you need to choose one color and pick the other two who are adjacent to
its opposite color, split complementary color scheme allows you to use more colors in your design and create a soft
contrast.
-Triadic
On Triadic color scheme, we use three colors which are equidistant on the color wheel, but when you use this color
scheme it’s important to use one color as dominant and the other two as accents to save the balance, and this color
scheme is used when your design needs more colors.
-Tetradic/Double-Complementary
Tetradic or double complementary color scheme is the most complex color scheme to use because it uses four colors
that are complementary pairs from the color wheel, this color scheme is hard to use because is difficult to balance all the
four colors, but when you if you can harmonize this color schemes the results are really beautiful and your design looks
very professional.
Color Meaning
Now as we already know how colors are formed and how to combine them properly we can talk about the meaning of
every color to help you choose what color express better your ideas for your graphic design project, let’s start!
Yellow Color Meaning
Yellow communicates hope and optimism and it’s perfect to catch the customer’s eye due to its brightness and yellow
also stimulates creativity and energy.It’s used to transmit positivity, light, warmth, creativity, and motivation.
3. Typographic Hierarchy
Typographic hierarchy in graphic design is a system used to organize in a visual way using typography the order of
importance of the information shown in the design, where the title will be the most important element, and it will be
bigger than the body text, and that will help the viewer to easily identify the main topic of the design.
4. Spacing
Spacing in the visual hierarchy is used to give all your graphic elements in design more space and room to breathe, and
this will make it easier for the viewer to identify all objects in your design and order them by importance.
5. Proximity
Proximity is one of the basic graphic design principles and proximity rules in the visual hierarchy are say that things that
are related should be nearer to each other, and things that don’t have any relationship should be placed further from
each other in your design composition.
6. Alignment
Alignment in Graphic design refers to placing graphic elements and text on a page that line up with your composition.
Alignment helps you to organize your design elements and create a visual connection and make the viewer easier to
detect the most important information from your design and improve the readability of it.
7. Repetition
Repetition in graphic design refers to a process of repeating different graphic elements from your design and place them
through the design composition to give a more unified look to it and adding more consistency to your design.
8. Leading lines
Lines in graphic design are one of the basic graphic elements and they are marks used to connect two different points, in
the visual hierarchy we use leading lines in the design to direct the viewer’s eye and control their attention using lines.
9. Rule of thirds
The rule of thirds in graphic design is a common technique designer and it consists in divide the design into three rows
and three columns, and where the vertical and horizontal lines meet is where the focus points in your composition
should be placed, by doing this technique helps to make more striking effect to the viewer.
10. Perspective
Perspective in graphic design refers to the three-dimensional effect given to a flat image as design composition and
designers can use this technique to create an illusion of depth and in visual hierarchy objects closer to you drive more
attention.
Conclusion and Visual Hierarchy Infographic
Hope you find this blog post about visual hierarchy useful and help you to create better graphic design projects and learn
how to focus the most important elements from your design. If you want to learn more about visual hierarchy principles
you can check these articles.
Minimalism is always a trend in graphic design and it’s always associated with modern style, that is why many
brands that want to be perceived as modern make a huge use of negative space on their designs creating very
clean graphic design layouts.
Improve Comprehension
White space is a key element for graphic designers to improve comprehension and readability in a text,
especially is used micro white space for that purpose as their studies that says that good use of white space
between lines and correct margins can increase the comprehension of a text up to 20%.
Group Elements and help the user
By using white space in a graphic design layout makes it easier for the viewer to identify groups of elements
and make a logical order. By adding negative space to a design composition, we can easily differentiate
different parts of the design that can include images, text or branding elements.
Adds emphasis
Lastly but not least white space is used in graphic design to add emphasis to certain parts of the design making
that part easily identifiable and clearly visible by adding more space, for example think about logos, adding
more space around it helps to add more focus on your brand.
8 Basic Design Principles to Help You Create
Better Graphics
Graphic design is a highly sought-after skill. Society cares about the way things look, and there is a constant
need to produce high-quality design, whether it’s for advertisements, websites, logos, videos, or web content.
You don’t need to be a pro-designer to create highly shareable content—especially when adding design
elements to photos you already have is as easy as a couple taps on your phone. Still slick tools are only part of
the puzzle; you still need to develop an eye for what works visually and what detracts from your message. Here
are eight basic design principles to keep in mind when working with visuals and creating graphics.
1. Alignment
Alignment is an important fundamental of design, since it helps create a sharp, ordered appearance by
ensuring the elements have a pleasing connection with each other. Aligning objects properly will clean up a
design and eliminate the messiness or sloppiness that can occur when elements are placed randomly. In Spark
Post, it’s easy to align elements in relation to each other or to your background photo thanks to the dotted line
that appears when you move blocks of texts or shapes. The app will let you know when you’ve lined up your
text or shapes in the middle of your design and with the edges of other elements in your graphic.
2. Hierarchy
Utilizing this principle in your design starts with your message first and the goals of your design. Figure out
what the most important piece of info is first. Perhaps you want the main message of your design to be a
quote, but you also want to let viewers know how to follow you or that you have a sale. Visually establish your
main message as the focal point with larger text or shapes to make it pop and then include your secondary
message in a way that doesn’t overpower.
3. Contrast
Contrast is an important principle of design because it lets you draw out the most important elements of a
design and add emphasis. Contrast happens when two design elements are in opposition to each other, like
black and white, thick and thin, modern and traditional, etc. Contrast is what helps guide the viewer’s eyes to
the most important parts of your design and helps organize the information in an easily digestible manner.
4. Repetition
Repetition is an important design basic because it helps strengthen the overall look of the design. It also ties
together different elements to help them remain organized and more consistent. Consistency and repetition is
especially important in branding because you want your particular look to be instantly recognizable.
On her site’s homepage, she repeats a pink bar across the top of every page and in the sidebar (pictured
above) to create cohesion.
Proximity is also helpful in creating organization on a page, since similar or related elements should be grouped
together to create a relationship between them. Ideally you might cluster the elements together in a way that
helps to declutter the overall design. The elements don’t need to be clustered together for placement, either
— proximity could mean they are connected visually another way, such as by color, font, type, size etc. Look at
how our own Brian Nemhauser, the voice behind Hawkblogger, groups consistent shapes and fonts next to
each other to highlight a player’s stats.
6. Balance
Balance gives a design its form and stability and helps to distribute the elements evenly throughout your
design; this even spacing will offer an appearance that is professional and attractive instead of being jumbled
and messy. Balance doesn’t mean elements need to be the same size, or that they must be distributed evenly
across the page — it can be symmetrical or asymmetrical. Symmetrical balance weights the elements evenly
on either sides of the design, while asymmetrical uses contrast to even out the flow of design (i.e. dark
elements are balanced out by light ones).
7. Color
Color is a significant part of design and should be considered carefully each time you start a new design. Colors
are largely responsible for dictating the mood of a design — each color has something a little different to say.
Green tends to make people think of non-profits or the environment, while red causes stormy emotions like
anger, blue is more calming and passive, and yellow creates a sensation of happiness. You don’t need to study
color theory to get it right—Spark Post suggests color combinations based on the image you begin with.
To aid legibility, consider adding a gradient background behind text, especially if your text color is at all similar.
It will help make your words pop.
8. Space
The parts of your design you choose to leave blank are just as important as the ones you’re filling with colors,
text and images. Negative space creates shape and can help highlight the most important pieces of information
in your design. Never underestimate the power of simplicity.
Just as developing an ear for good storytelling comes down to recognizing what resonates in other people’s
work, developing an eye for visuals starts with identifying these basic principles. What makes you engage with
a piece of content or out in the world? What elements draw you in and what missteps turn you off? Think
about these questions and you’ll be on your way to creating cool designs.
What is Design Thinking and Why Is It So Popular?
Design Thinking is not an exclusive property of designers—all great innovators in literature, art, music, science,
engineering, and business have practiced it. So, why call it Design Thinking? What’s special about Design
Thinking is that designers’ work processes can help us systematically extract, teach, learn and apply these
human-centered techniques to solve problems in a creative and innovative way—in our designs, in our
businesses, in our countries, in our lives.
Some of the world’s leading brands, such as Apple, Google and Samsung, rapidly adopted the design thinking
approach, and leading universities around the world teach the related methodology—including Stanford,
Harvard, Imperial College London and the Srishti Institute in India. Before you incorporate design thinking into
your own workflows, you need to know what it is and why it’s so popular. Here, we’ll cut to the chase and tell
you what design thinking is all about and why it’s so in demand.
What is Design Thinking?
Design thinking is an iterative process in which you seek to understand your users, challenge assumptions,
redefine problems and create innovative solutions which you can prototype and test. The overall goal is to
identify alternative strategies and solutions that are not instantly apparent with your initial level of
understanding. Design thinking is more than just a process; it opens up an entirely new way to think, and it
offers a collection of hands-on methods to help you apply this new mindset.
In essence, design thinking:
Revolves around a deep interest to understand the people for whom we design products and services. Helps us
observe and develop empathy with the target users. Enhances our ability to question: in design thinking you
question the problem, the assumptions and the implications. Proves extremely useful when you tackle
problems that are ill-defined or unknown. Involves ongoing experimentation through sketches, prototypes,
testing and trials of new concepts and ideas.
Design thinking is an iterative and non-linear process that contains five phases: 1. Empathize, 2. Define, 3.
Ideate, 4. Prototype and 5. Test. You can carry these stages out in parallel, repeat them and circle back to a
previous stage at any point in the process. The core purpose of the process is to allow you to work in a
dynamic way to develop and launch innovative ideas.
Design thinking techniques and strategies belong at every level of a business. You should involve colleagues
from a wide range of departments to create a cross-functional team that can utilize knowledge and experience
from different specialisms.
Tim Brown also shows how design thinking is not just for everybody—it’s about everybody, too. The process is
firmly based on how you can generate a holistic and empathic understanding of the problems people face.
Design thinking involves ambiguous, and inherently subjective, concepts such as emotions, needs, motivations
and drivers of behavior. In a solely scientific approach (for example, analyzing data), people are reduced to
representative numbers, devoid of emotions. Design thinking, on the other hand, considers both quantitative
as well as qualitative dimensions to gain a more complete understanding of user needs. For example, you
might observe people performing a task such as shopping for groceries, and you might talk to a few shoppers
who feel frustrated with the checkout process at the store (qualitative data). You can also ask them how many
times a week they go shopping or feel a certain way at the checkout counter (quantitative data). You can then
combine these data points to paint a holistic picture of user pain points, needs and problems. Tim Brown sums
up that design thinking provides a third way to look at problems. It’s essentially a problem-solving approach
that has crystallized in the field of design to combine a holistic user-centered perspective with rational and
analytical research—all with the goal to create innovative solutions.
“Design thinking taps into capacities we all have but that are overlooked by more conventional problem-
solving practices. It is not only human-centered; it is deeply human in and of itself. Design thinking relies on
our ability to be intuitive, to recognize patterns, to construct ideas that have emotional meaning as well as
functionality, to express ourselves in media other than words or symbols. Nobody wants to run a business
based on feeling, intuition, and inspiration, but an overreliance on the rational and the analytical can be just as
dangerous. The integrated approach at the core of the design process suggests a ‘third way.’”— Tim Brown,
Change by Design, Introduction
Design Thinking Has a Scientific Side
Design thinking is both an art and a science. It combines investigations into ambiguous elements of the
problem with rational and analytical research—the scientific side in other words. This magical concoction
reveals previously unknown parameters and helps to uncover alternative strategies which lead to truly
innovative solutions. The scientific activities analyze how users interact with products, and investigate the
conditions in which they operate. They include tasks which:
Research users’ needs.
Pool experience from previous projects.
Consider present and future conditions specific to the product.
Test the parameters of the problem.
Test the practical application of alternative problem solutions.
Once you arrive at a number of potential solutions, the selection process is then underpinned by rationality.
As a designer, you are encouraged to analyze and falsify these solutions to arrive at the best available option
for each problem or obstacle identified during phases of the design process.
With this in mind, it may be more correct to say design thinking is not about thinking outside the box, but on
its edge, its corner, its flap, and under its bar code—as Clint Runge put it.
Resetting Our Mental Boxes and Developing a Fresh Mindset
Thinking outside of the box can provide an innovative solution to a sticky problem. However, thinking outside
of the box can be a real challenge as we naturally develop patterns of thinking that are modeled on the
repetitive activities and commonly accessed knowledge, we surround ourselves with.
Some years ago, an incident occurred where a truck driver tried to pass under a low bridge. But he failed, and
the truck was lodged firmly under the bridge. The driver was unable to continue driving through or reverse
out. The story goes that as the truck became stuck, it caused massive traffic problems, which resulted in
emergency personnel, engineers, firefighters and truck drivers gathering to devise and negotiate various
solutions for dislodging the trapped vehicle.
Emergency workers were debating whether to dismantle parts of the truck or chip away at parts of the bridge.
Each spoke of a solution that fitted within his or her respective level of expertise. A boy walking by and
witnessing the intense debate looked at the truck, at the bridge, then looked at the road and said
nonchalantly, “Why not just let the air out of the tires?” to the absolute amazement of all the specialists and
experts trying to unpick the problem.
When the solution was tested, the truck was able to drive free with ease, having suffered only the damage
caused by its initial attempt to pass underneath the bridge. The story symbolizes the struggles we face where
oftentimes the most obvious solutions are the ones hardest to come by because of the self-imposed
constraints we work within.
Newspaper article showing a truck stuck under a bridge.
It’s often difficult for us humans to challenge our assumptions and everyday knowledge because we rely on
building patterns of thinking in order to not have to learn everything from scratch every time. We rely on doing
everyday processes more or less unconsciously—for example, when we get up in the morning, eat, walk, and
read—but also when we assess challenges at work and in our private lives. In particular, experts and specialists
rely on their solid thought patterns, and it can be very challenging and difficult for experts to start questioning
their knowledge.
Stories Have the Power to Inspire
Why did we tell you this story about the truck and the bridge? Well, it’s because stories can help us inspire
opportunities, ideas and solutions. Stories are framed around real people and their lives and are important
because they’re accounts of specific events, not general statements. They provide us with concrete details
which help us imagine solutions to particular problems.
Stories also help you develop the eye of a designer. As you walk around the world, you should try to look for
the design stories that are all around you. Say to yourself “that’s an example of great design” or “that's an
example of really bad design” and try to figure out the reasons why. When you come across something
particularly significant, make sure you document it either through photos or video. This will prove beneficial
not only to you and your design practice but also to others—your future clients, maybe.
The Take Away
Design Thinking: A Non-Linear process. Empathy helps define problem, Prototype sparks a new idea, tests
reveal insights that redefine the problem, tests create new ideas for project, learn about users (empathize)
through testing
Design Thinking is an iterative and non-linear process. This simply means that the design team continuously
uses their results to review, question and improve their initial assumptions, understandings and results. Results
from the final stage of the initial work process inform our understanding of the problem, help us determine
the parameters of the problem, enable us to redefine the problem, and, perhaps most importantly, provide us
with new insights so we can see any alternative solutions that might not have been available with our previous
level of understanding.
Design thinking is a non-linear, iterative process that consists of 5 phases: 1. Empathize, 2. Define, 3. Ideate, 4.
Prototype and 5. Test. You can carry out the stages in parallel, repeat them and circle back to a previous stage
at any point in the process—you don’t have to follow them in order.
It’s a process that digs a bit deeper into problem-solving as you seek to understand your users, challenge
assumptions and redefine problems. The design thinking process has both a scientific and artistic side to it, as
it asks us to understand and challenge our natural, restrictive patterns of thinking and generate innovative
solutions to the problems our users face. Design thinking is essentially a problem-solving approach that has the
intention to improve products. It helps you access and analyze known aspects of a problem and identify the
more ambiguous or peripheral factors that contribute to the conditions of a problem. This contrasts with a
more scientific approach where the concrete and known aspects are tested in order to arrive at a solution. The
iterative and ideation-oriented nature of design thinking means we constantly question and acquire knowledge
throughout the process. This helps us redefine a problem so we can identify alternative strategies and
solutions that aren’t instantly apparent with our initial level of understanding. Design thinking is often referred
to as outside-the-box thinking, as designers attempt to develop new ways of thinking that do not abide by the
dominant or more common problem-solving methods—just like artists do. The design thinking process has
become increasingly popular over the last few decades because it was key to the success of many high-profile,
global organizations. This outside-the-box thinking is now taught at leading universities across the world and is
encouraged at every level of business. “The ‘Design Thinking’ label is not a myth. It is a description of the
application of well-tried design process to new challenges and opportunities, used by people from both design
and non-design backgrounds. I welcome the recognition of the term and hope that its use continues to expand
and be more universally understood, so that eventually every leader knows how to use design and design
thinking for innovation and better results.”— Bill Moggridge, co-founder of IDEO, in Design Thinking: Dear Don