Graphics design

Objectives
1. Introduce the concept of multimedia and its role in
enhancing communication and interactivity.
2. Explore the essential elements that form the foundation of
multimedia, such as text, images, audio, video, and
animation.
3. Differentiate between various types of multimedia and their
unique characteristics.
4. Highlight the practical uses of multimedia across different
fields and industries.
5. Explain the stages of creating multimedia applications,
from initial planning to deployment and evaluation.
What is graphic
design?
Graphic Design- is the art or skills of
combining text and pictures in
advertisement, magazine, or books.
Graphic Design
Visual Rules/Principles
Elements
 Graphic Design
Organization, and presentation
of information, developed
through a creative process for a
particular purpose.
The Elements of Graphic
Design
 Lines
oAn Extension of a
point, elongated
mark, connection
between two points,
the effect of the
edge of an object.
Types of Lines
 Real
ophysically exist and
are created
intentionally
 Implied
oconnection between
elements without a
continuous mark.
 SHAPE
ois a two-dimensional
element formed by
the enclosure of
dots and lines
 Geometric
Shape
oRegular forms that
can be accurately
described using
mathematical
formulas.
 Organic
Shapes
oOrganic shapes are
irregular, freeform
shapes that lack
precise, defined
edges.
 Abstract
Shape
o Non-representational
forms that distill and
simplify visual
elements from reality
into essential
 Form
o Is three-dimensional
and connects us more
fully to the way we see
objects in the natural
world
 Space
o is described as the
distance around
and/or the area
between design
objects or elements.
 Positive
Space
o the portion of an
image where visual
elements resides
 Negative
Space
o is the rest of an
images, where no
visual content exist.
 Color
o Color plays one of the biggest
roles in graphic design. It can
give emphasis, it can be used as
a mechanism of organization, it
can create impact and create a
specific look and feel in a piece
of graphic design work.
 HUE
o The actual color itself, often
represented as a point on the
color wheel
 Shade
o A darker version of a
color achieved by
adding black to the
original hue
 Tint
o A lighter version of a
color created by adding
white to the original
hue.
 Tone
o A color's intensity or
brightness, modified by
adding both black and
white to the original
hue.
 Saturation
o The intensity or
vividness of a color. A
highly saturated color is
vibrant, while a
desaturated color
appears more muted.
 Value
o Value is a spectrum
applied to a hue. The
color can have a dark
value or a light value
 Texture

o refers to the tactile

feel or surface
quality of a design
Principles of Graphic Design
 Principle of Design
The rules a designer must
follow to create an effective
and attractive composition.
Principles of
Proximity
Proximity
Group related items together.
Move them physically close to
each other so the related items
are seen as one cohesive group
rather than a bunch of unrelated
bits.
 Proximity
Screenshot 2024-01-21 at 5.10.43 PM
 Proximity
Screenshot 2024-01-21 at 5.10.43 PM
 Proximity
creenshot 2024-01-21 at 5.10.43 PM
 Proximity
Screenshot 2024-01-21 at 5.10.43 PM
 Proximity
Screenshot 2024-01-21 at 5.10.43 PM
 Proximity
Screenshot 2024-01-21 at 5.10.43 PM
 Proximity
Screenshot 2024-01-21 at 5.10.43 PM
 Proximity
Screenshot 2024-01-21 at 5.10.43 PM
 Proximity
Screenshot 2024-01-21 at 5.10.43 PM
Proximity
• Proximity in design refers to the arrangement of
visual elements in close proximity to create a unified
visual unit.
• When items are close, they form a single visual unit
rather than separate entities.
• Grouping related elements together organizes
information, making it more readable and
memorable.
Proximity
• Consider the path of the viewer's eye: where it starts,
the path it follows, and where it ends.
• A logical progression from a clear beginning to a
definite end enhances the overall visual experience.
• The primary purpose of proximity is organization.
• Grouping related elements automatically creates a
more organized layout.
• Organizing information through proximity results in
appealing white space.
Principles of
Alignment
Alignment

Alignment is the placement of visual

elements so they line up in a
composition.
The Principle of Alignment states:
Nothing should be placed on the
page arbitrarily.
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
Alignment
 “If you’re going to center
text, then at least make it
obvious that it is centered!”
Alignment
Alignment
Alignment
• Alignment in design is about purposefully placing
elements on a page to create visual connections.
• No element should be arbitrarily placed; every
element should visually connect with another on the
page.
• Unity is a crucial concept for a well-designed layout,
making elements appear unified and interrelated.
• Visual ties between separate elements create a sense
of connection, even if physically distant on the page.
Alignment
• The fundamental purpose of alignment is to unify and
organize the page.
• Alignment contributes to different visual styles—
sophisticated, formal, fun, or serious.
• Strong alignment, combined with an appropriate typeface,
enhances the overall look and feel of the design.
• Be conscious of element placement on the page.
• Always find something else on the page to align with,
fostering a visually connected and organized layout.
Principles of
Repetition
Repetition
Repeating the same element
through a design to create
consistency. The Principle of
Repetition states: Repeat some
aspect of the design throughout the
entire piece. The repetitive element
may be a bold font, a thick rule (line),
a certain bullet, design element,
color, format, spatial relationships,
etc.
Repetition
Repetition
Repetition
Repetition
Repetition
• Repetition is a powerful design principle that unifies and
strengthens a piece by incorporating consistent visual
elements.
• Repetition ties together separate parts, providing unity and
cohesiveness to the overall design.
• The purpose of repetition is to unify and add visual interest
to the design.
• A visually interesting page is more likely to capture and
retain the viewer's attention.
Repetition
• Use distinctive fonts, reversed numbers, or unique
treatments in numbered lists to enhance visual interest.
• Repetition is a key design tool for unifying and adding visual
interest to a piece.
• Consistency and purposeful repetition contribute to creating
visually engaging and readable designs.
Principles of
Contrast
Contrast
Contrast refers to how different
elements are in a design,
particularly adjacent elements.
“The Principle of Contrast states:
Contrast various elements of the
piece to draw a reader’s eye into
the page.”
Contrast
Contrast
 Contrast
• Contrast is a dynamic design principle that captures our
attention and draws our eyes to specific elements on a
page.
• Our eyes naturally gravitate towards contrast on a page; it
creates visual interest.
• Effective contrast requires distinct differences between
elements, such as typefaces or line widths.
• Contrast serves two inseparable purposes: creating visual
interest and aiding in information organization.
 Contrast
• Contrast should never confuse the reader; its role is to
facilitate instant understanding of information organization.
• Contrasting elements must not create unintended focal
points.
• Add contrast by incorporating distinct differences in
elements like typefaces, line widths, colors, or shapes.
• Strive for clarity and purpose, ensuring that contrast
enhances both visual appeal and organizational clarity.
• Contrast is a crucial design element for capturing attention
and organizing information effectively.