Scribd
Upload
32 views4 pages

ETech Week5 Graphics and Layout 1

This document provides information about images, graphics, and basic principles of graphic design. It defines images and graphics, and discusses principles like color, balance, proximity, white space, alignment, repetition, and contrast. It also includes sample assessment questions about these topics.

Uploaded by

Jian Brent Obedencio (Saturo Jian)
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
32 views4 pages

ETech Week5 Graphics and Layout 1

This document provides information about images, graphics, and basic principles of graphic design. It defines images and graphics, and discusses principles like color, balance, proximity, white space, alignment, repetition, and contrast. It also includes sample assessment questions about these topics.

Uploaded by

Jian Brent Obedencio (Saturo Jian)
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

SENIOR HIGH SCHOOL

Name: ____________________________________________________________ Score: ____________

Grade & Section: _____________________________________________________

Images
An Image is a representation of the external form of a person or thing in art. Images may be 2-
dimensional, such as a photograph or screen display, or 3-dimensional, such as a statue or
hologram. They may be captured by optical devices such as cameras, mirrors, lenses, telescopes,
microscopes, and natural objects and phenomena, such as the human eye or water.

Graphics
Graphics are visual images or designs on some surface, such as a wall, canvas, screen, paper, or
stone to inform, illustrate, or entertain. It can be a photograph, a drawing, a line art, graphical
representations, and typography.

Basic Principles of Graphic Design


Principles of graphic design are set of guidelines that help a design achieve effective composition.
These basic principles aid in creating balance and stability for the piece of work.

COLOR is used for emphasis or may elicit emotions from viewers. Determined by its hue (name
of color), intensity (purity of the hue), and value (lightness or darkness of hue).

BALANCE means the equal distribution of weight. In layout, visual weight is determined by the
darkness or lightness, thickness of lines, and size. Balance is crucial to the success of design.
There are two kinds of balance:

 Symmetrical Balance. The visual weight is distributed evenly, either vertically or


horizontally. You can draw a line straight through the middle of the design, and the
visual balance would be evenly distributed.

 Asymmetrical Balance. There is an artistic and different intensity on one side of the
page.

1
Image source: https://graphicdesign.stackexchange.com/questions/20044/is-there-a-worldwide-applicable-color-emotion-chart

PROXIMITY is simply the process of ensuring related design elements are placed together. Any
unrelated items should be spaced apart. Close proximity indicates that items are connected or
have a relationship to each other and become one visual unit which helps to organize or give
structure to a layout (Smith, 2017).
2
White Space is the art of nothing. It
is also known as the negative space. It is
the portion of a page left unmarked:
margins, gutters, and space between
columns, lines of type, graphics, figures, or
objects drawn or depicted.
Image source:
http://m.blog.hu/b1/b1foto/image/petadoption_feat.jpg

ALIGNMENT is simply the way visual


elements are arranged so that they line up in some way. There are two basic kinds of
alignment; edge and center.
 Edge alignment determines the placement of elements in relation to the edge of the
page or canvas. This can mean the elements are aligned to the left side or right side,
but it can also mean they are aligned to the top or bottom of the page, so long as it uses
an edge to organize everything.
 Center alignment aligns all the elements so that an invisible, central line on the page will
always be in the center of the elements.

Image source: https://blog.thepapermillstore.com/design-principles-alignment/edge-alignment/


Image source: https://blog.thepapermillstore.com/design-principles-alignment/center-alignment/

REPETITION. The process of repeating elements


throughout a design to give a unified look. Repetition goes
with consistency of your design on font, font size, patterns,
and colors.
Image source: https://www.pinterest.ph/pin/500532946059674099/

CONTRAST is the divergence of opposing elements


(opposite colors on the color wheel, or value light / dark, or
direction – horizontal / vertical). Contrast allows us to
emphasize or highlight key elements in your design.
Image source: https://learn.g2.com/color-contrast

3
ASSESSMENT
Direction: Read each item carefully and encircle the letter of the correct answer.

1. A graphic image with a central figure is an example of this type of composition:


A. Balance B. Alignment C. Contrast D. Symmetry

2. Which statement best defines the principles of graphic design?


A. These are a set of rules only followed by designers.
B. These are outline of ways designers can use elements in a composition.
C. It provides the set of rules on how the graphic design started.
D. It is the art and practice of planning and projecting ideas and experiences with
visual and textual content.
3. Why do designers use contrast?
A. To show difference between elements of art.
B. To cause controversy in the design world.
C. To create harmony and bring elements together.
D. To make bright colored compositions.

4. Which type of balance has two sides that are balanced but different?
A. Symmetrical B. Radial C. Asymmetrical D. Centered

5. What is created when hue is combined with white?


A. Hue B. Shade C. Tint D. Tone
6. What type of image manipulation technique is used if you want to remove unnecessary
parts of a picture?
A. Brightness and Contrast C. Cropping
B. Color Balance D. Removing Colors

7. What image manipulation technique is done if you change the color tone of a picture?
A. Brightness and Contrast C. Cropping
B. Color Balance D. Removing Colors
8. What image manipulation technique is done when you desaturate the color of a picture?
A. Brightness and Contrast C. Cropping
B. Color Balance D. Removing Colors
9. Which of the following manipulation techniques improves photo sharpness?
A. Brightness and Contrast C. Cropping
B. Color Balance D. Removing Colors

10. What image manipulation technique is done when you adjust the overall lightness and
darkness of an image?
A. Brightness and Contrast C. Cropping
B. Color Balance D. Removing Colors

Signature over Printed Name of Parent/Guardian Date

You might also like