MODULE 1

E-TECH: Creating and Innovating Products and Processes through ICT

I. CONTEXT
In the previous module, we learned about the role of ICT in our society,
explored different ways in locating information on the internet, and prepared a
presentation for your project. Now, we will learn design that will help us produce
images that are effective in conveying information properly. But first, let us do this
activity.
Explore: Image Analysis
Instruction: Read the questions pointed at the image then answer the processing
questions.

At a glance,
what do you
think is drawn
in this picture?
Why do you
think so?

Is it visually
appealing to
your eyes?
Why do you
say so? What
makes it
appealing,
what makes it
not?

Artist: Troxler Niklaus

Poster title: Jazz in Willisau

5
NAME:
SECTION:

Processing Questions:
1. What do you think of this poster by Niklaus Troxler?
2. Can you immediately guess what is the meaning behind the poster?
3. What is the most striking thing about this image?

Student’s responses:

6
Learning Objectives:
In these lessons, you will learn to
● Use basic graphic design principles on existing images to change or enhance
their current state to communicate a message for a specific purpose.
● Create an original or derivative ICT content to effectively communicate a
visual message in an online environment related to specific professional
tracks.
● Use graphic applications in creating visual content.

Evidence of Learning
and you are expected to show the following as evidence of learning:
● Apply the principles of graphics design and elements of an infographic in
making an infographic related to a social issue.
● Manipulate images and graphic elements to create content.
● Create a visually appealing and content-rich visual material in relation to
promoting social change.

By the end of the module, you are expected to show the following scaffold to the
Performance Task:

MINI TASK 2
Create a visually appealing and effective infographic about your chosen
social issue and provide relevant information about your advocacy.

7
 II. EXPERIENCE

LESSON 4: Using images to convey information

In this part, you will learn more about the the elements and principles of design to
effectively communicate an idea.

The Elements of Design

1. Point, Line, and Space – The basic elements of design that have limited form. The
way these are used, especially when combined with other elements, affects the
overall perception of any communication.
o Point – simply a dot. It establishes a position and acts as a visual focus.
o Line – created by connecting two or more points. It can also have other
elements like color, texture, and movement applied to it. Though basic in
appearance, lines can control the viewer’s thoughts and emotions, and lead a
viewer’s eye through space.one
o Space – refers to the surface that acts as a visual container, drawing attention
to other elements in a layout. Designers use space as a means of defining the
format and proportion in a layout.

2. Shape - a two- or three-dimensional object that stands out from the space next to
it because of a defined or implied boundary. A shape can live in different areas in
space, and have other elements like line, color, texture, or movement. Everything is
ultimately a shape, so you must always think in terms of how the various elements of
your design are creating shapes, and how those shapes are interacting.

3. Color - one of the most obvious elements of design, for both the user and the
designer. It can stand alone, as a background, or be applied to other elements, like
lines, shapes, textures, or typography. Color creates a mood within the piece and tells
a story about the brand. Every color says something different, and combinations can
alter that impression further

4. Size – refers to how large or small something is in a document. Size is very

important in making the elements of a document coincide with one another and
makes the layout more attractive and organized. It displays what is most important,
attracts attention, and helps to fit the layout together.

5. Texture – the look or feel of a surface is known as texture. Visual texture creates
an illusion of texture on a printed material or webpage. Printed patterns are a type of
visual texture. Tactile texture can be felt physically. Nowadays, even paper can come
in various textures. The wide selection of textures used on paper and other materials
can be translated accurately into rich, layered graphics.

8
The Principles of Design
These 5 basic principles are the fundamental components of art composition.
Knowing to appreciate the Principles of design is essential for the creation of
successful visual expression. By utilizing the Elements and Principles, an artist or
designer can accurately portray a visual concept effectively.

1. Balance refers to the equal distribution of weigh, which in design, applies to visual
weight. Elements such as size, lightness, and thickness can be scaled accordingly in
a design. The two kinds of balance are symmetrical and asymmetrical balance.
Symmetrical balance is the even distribution of elements in a design. Asymmetrical
balance is the uneven arrangement of elements such that one side of a design has
more weight. Color, value, size, and texture can be used as balancing elements.

Examples of symmetrical balance

Examples of asymmetrical balance

9
2. Contrast is the placement of heavy and light elements within the page.
The larger, darker elements appear heavier in the designs than smaller and lighter
elements.

Examples of contrast

3. Emphasis is the distribution of heavy and light elements in a design. It determines

which elements within the design are focused on the most and which ones are
given less attention.

Examples of emphasis

4. Rhythm is the repetition of heavy and light elements in a design. It creates a

mood and sense of movement. Variety in repeated elements makes the rhythm of a
design more exciting.

10
 Example of rhythm

5. Unity refers to the feeling of harmony that is created by all the parts and
elements of a design. When a particular design is said to be unified, it means that a
sense of completeness can be felt from the work.

Additional references:
https://www.invisionapp.com/design-defined/elements-of-design/
https://creativemarket.com/blog/10-basic-elements-of-design

11
 NAME:
SECTION:

Activity 7: Principles of Design

Instruction: Use the internet to search for images (posters, photos, illustrations, or
paintings) that best represent each of the five (5) elements of design. Give two (2)
examples for each principle.

Balance

Contrast

12
Emphasis

Rhythm

Unity

13
NAME:
SECTION:

Processing Questions:

1. What do you think are other uses of color in a design?

2. What are other possible uses of texture?
3. How can white space affect a design?

Student’s responses:

14