Basic Graphics and Layout Handout
Basic Graphics and Layout Handout
Communication is critical for people to posters, flyers, logos, videos, and any
share thoughts, feelings, and other multimedia form. A practical
emotions. With the use of different graphic layout and design can easily
media, people can express their views catch the attention of the viewers and
in many ways, including adding artistic allow them to understand the
designs. The purpose of the combined message conveniently.
images and texts also gives influence
to people not just understand the sent
idea or message, but it also adds Graphic Design vs. Layout
emotion to what is being seen.
Design is a plan of creating an idea
through a combination of texts,
images, and other elements that are
Understanding Graphic Design
placed together artistically, whereas,
and Layout
the layout is a term used as the
What makes a good and effective process of organizing and arranging
website? How do users interact with these elements in a design as you plot
the websites they visit? A good it in a paper.
website must know its target
Basic Principles of Design and
audience, determine its needs, and
Layout
communicate effectively using the
basic principles of graphics and layout. 1. Balance
Users or visitors may have different
interests and needs like browsing, It refers to the proper arrangement of
researching, streaming, online the elements, which gives a visual
shopping, dating, and many others. weight for the design. There are two
They even behave differently types of balance, Symmetrical or
depending on what they perceive on Asymmetrical. Symmetrical balance is
the website. Web design matters in where the elements are equally
every user, whether they can decide distributed on both sides of your
to stay or just leave. Usability is design, technically a mirror-based
important for the users as it satisfies design. In contrast, Asymmetrical
their experience on the website, but a balance is a free layout where the
good design will drag the audience’s elements can be placed in any order
attention to stay on the page. Always or the opposite of symmetrical.
remember that first impressions last 2. Emphasis
and web design has an impact on the
users on how they perceive the brand It refers to something that needs to
or message. stand-out or emphasize. When
working on emphasis, you can change
Graphic design is an artistic way of the color, size, or even the element
communicating ideas and messages itself to lead the eye to the focal
through visual expressions using texts, interest. Pattern, Repetition and
images, and symbols. Graphic Rhythm The use of repetitive elements
designers work on the quality of the such as lines, shapes, forms, textures,
output they serve for the audience or space, colors, font, style, and the like
clients like websites, advertisements, to create texture, movement,
Basic Principles of Graphics and Layout
3. Hierarchy
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.
4. 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), colors
(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,
color, style, and typography to avoid
cluttered design. When creating
contrast in color 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-