Scribd
Upload
699 views20 pages

Module 5 Imaging and Design

This document provides an overview of a presentation on imaging and design for the online environment given by Ms. Lara Leal. It discusses evaluating existing websites based on principles of layout, graphics, and visual message design. Basic principles of graphics and layout covered include balance, emphasis, movement, pattern/repetition/rhythm, proportion, and variety. Infographics are defined as a way to visually represent information through images and minimal text. The document outlines activities for students to apply these principles by drawing the best corner of their home and creating an infographic on safety during the Covid-19 pandemic. It concludes by providing the presenter's contact information and sources used in the lesson.

Uploaded by

enajaral17
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
699 views20 pages

Module 5 Imaging and Design

This document provides an overview of a presentation on imaging and design for the online environment given by Ms. Lara Leal. It discusses evaluating existing websites based on principles of layout, graphics, and visual message design. Basic principles of graphics and layout covered include balance, emphasis, movement, pattern/repetition/rhythm, proportion, and variety. Infographics are defined as a way to visually represent information through images and minimal text. The document outlines activities for students to apply these principles by drawing the best corner of their home and creating an infographic on safety during the Covid-19 pandemic. It concludes by providing the presenter's contact information and sources used in the lesson.

Uploaded by

enajaral17
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 20

EmTech

(EMPOWERMENT TECHNOLOGIES)

Ms. Lara Leal


Presenter
Imaging and Design for
the Online Environment.

Ms. Lara Leal


Presenter
Raises Montessori Academe
Muzon, Taytay, Rizal
2
Learning Competency:
Evaluate existing websites
and online resources based
on the principles of layout,
graphic, and visual message design.
[CS_ICT11/12-ICTPT-Ie-f-6]

3
Graphics:
Graphics are visual representation of an object.
Design/Graphics are regularly differentiated
with content, which is comprised of characters,
such as numbers and letters, instead of
pictures. Some graphics design can be
developed in a visual way. It can be a visualize
to the simplest form such as business logo
to as complex as website layouts.
(Malvik, 2020)

4
Basic
Principles
of Graphics
and Layout

5
Balance can be
symmetrical and
evenly balanced.

Balance:
Refers to the visual weight of objects, Asymmetrical and
unevenly
texture, colors and area that are balanced.
evenly distributed on the screen. Try
to check websites like google,
YouTube, etc. and see if they hold the
same amount of weight on the other.
Color must have similar visual weight.
Image/Element should be balanced to
provide stable design.

6
Emphasis:
A basic design principle that make
certain element of a design stand out.

7
Movement:
Refers to the way the eye travels over
a design, movement can be directed
along lines, edges, shapes, and
colors.

8
Pattern, Repetition,
and Rhythm:
Repetition simply means, the reusing of the
same element throughout your design.
Pattern is combination of elements that are
repeated. Rhythm use intervals or spaces
between elements to give an impression of
movement. This principle will bring a clear
sense of unity. Consistency and
cohesiveness.

9
Proportion:
Harmonious relationship of two or more
elements that are put together in a
composition.

10
Variety:
A design used to create usual internet.
It is created in a variety of ways through
colors. Typography, images, shapes, and
virtually other designed element.

11
Information
Graphics or
Infographics

12
Infographics:
A graphic visual representation of
information, data or knowledge intended to
present the information quickly and clearly.
It is a creative way to attract viewers
attention for easy information
dissemination through collection of images,
charts, and minimal text that gives an easy-
to-understand overview of a topic.

13
14
15
Activity 2
(Performance Task)
• Look for the best corner of your
home/room.

• Draw it and apply some basic principles


of graphics and layout.

• And Identify and explain the principles


being manifested.

16
Activity 3
(Performance Task)

Create an infographic or poster


information on keeping ourselves
safe from the Covid-19 Pandemic.

17
Thank you for
watching class! See
you again on
Thursday 

18
You can find me at:
▸ laralealph (facebook)
▸ misslaraleal (instagram)
▸ EMTECH | Grade 11 | ABM | STEM
(GC)

19
Credits
sources used in the lesson:
▸ https://
www.slideshare.net/AngelitoQuiambao/productivity-tools-107108274
▸ https://www.computerhope.com/jargon/m/microsoft-word.htm
▸ https://www.cottagesofhope.org/module-5-0-introduction-to-microsoft-wor
d-word-processing
/
▸ https://edu.gcfglobal.org/en/word2016/getting-started-with-word/1/
▸ Bitmoji App

20

You might also like