Understanding Graphic Design and Layout

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 2

Understanding Graphic Design and Layout Basic Principles of Design and Layout

A good website must know its target audience, 1. Balance


determine its needs, and communicate effectively using
It refers to the proper arrangement of the elements,
the basic principles of graphics and layout. Users or
which gives a visual weight for the design. There are
visitors may have different interests and needs like
two types of balance, Symmetrical or Asymmetrical.
browsing, researching, streaming, online shopping,
Symmetrical balance is where the elements are equally
dating, and many others. They even behave differently
distributed on both sides of your design, technically a
depending on what they perceive on the website. Web
mirror-based design. In contrast, Asymmetrical balance
design matters in every user, whether they can decide
is a free layout where the elements can be placed in any
to stay or just leave.
order or the opposite of symmetrical.
Usability is important for the users as it satisfies
2. Emphasis
their experience on the website, but a good design will
drag the audience's attention to stay on the page. It refers to something that needs to stand-out or

Always remember that first impressions last and web emphasize. When working on emphasis, you can change

design has an impact on the users on how they perceive the colour, size, or even the element itself to lead the

the brand or message. eye to the focal interest.

Graphic design is an artistic way of 3. Pattern, Repetition and Rhythm

communicating ideas and messages through visual The use of repetitive elements such as lines, shapes,
expressions using texts, images, and symbols. Graphic forms, textures, space, colours, font, style, and the like
designers work on the quality of the output they serve to create texture, movement, continuity, and
for the audience or clients like websites, consistency of the design. It also makes the design
advertisements, posters, flyers, logos, videos, and any formal and more comfortable to read because of its
other multimedia form. A practical graphic layout and uniformity.
design can easily catch the attention of the viewers and
4. Alignment
allow them to understand the message conveniently.
It refers to the proper placement of an element to your
Graphic Design vs. Layout
design, just like invisibly placing or aligning your texts or
Design is a plan of creating an idea through a images diagonally, vertically, and horizontally. The
combination of texts, images, and other elements that standard texts or paragraph alignment we apply are
are placed together artistically, whereas the layout is a centre, right, left, and justified.
term used as the process of organizing and arranging
5. Hierarchy
these elements in a design as you plot it in a paper.
It refers to the proper arrangement of the details such
as text, characters, numbers, and symbols. Changing its
character size, thickness, spaces, or even font type to
stand out is its most critical features. By applying this
principle, it can help the viewer to recognize and
navigate the highlight of the event smoothly.

6. Contrast

It refers to the use of different or opposite elements


such as sizes (large or small), shapes (geometric or
organic), spaces (negative or positive), form (real or
abstract), colours (monochromatic, complementary,
triadic, tetradic), texture (smooth or rough), and values
(light or dark). The contrast gives visual weight to an
object or design. You must consider and limit the use of
different elements, colour, style, and typography to
avoid cluttered design. When creating contrast in colour
and text, it is advised to choose a color from the
background to create consistency of your design.
Always remember that the details must be readable by
having a dark-light value of either text and background
or vice-versa.

7. Unity and Harmony

It refers to the relationship of the elements or the


contents when you place them together. The elements
of the design must work together and agree to its
meaning, theme, feeling, or mood.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy