Scribd
Upload
30 views23 pages

Elements of Design, Principles of Design & Image File Formats

This document discusses elements of design, principles of design, and image file formats. It outlines key elements like line, shape, and form. It also explains principles such as emphasis, balance, movement, and unity. Finally, it provides information on common image file formats like GIF, PNG, and JPG.

Uploaded by

JayR Zaragosa
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
30 views23 pages

Elements of Design, Principles of Design & Image File Formats

This document discusses elements of design, principles of design, and image file formats. It outlines key elements like line, shape, and form. It also explains principles such as emphasis, balance, movement, and unity. Finally, it provides information on common image file formats like GIF, PNG, and JPG.

Uploaded by

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

ELEMENTS OF DESIGN,

PRINCIPLES OF DESIGN &


IMAGE FILE FORMATS
2. Apply the
1. Find
appropriate
importance of the
images that you
elements and
can work on with
principles of design
your project
in creating images

3. Create a document with


images that represent the
project proposal in relation
to promoting social change
A.Elements of B. Principles
Design of Design

C. Image
File Formats
 Straight

- Created by
connecting two or  Curved
more points
 Heavy
- Begins by extending
points towards a
 Straight
specific direction

 Dotted  Dashed
 Decoration
- Produced by an
object that reflects
light
 Symbolism
- Can be associated
with any other
element
 Expression

 Communication
- Refers to how large
or small something is
in a document

- Displays what is
important, attracts
attention and helps to
fit the layout together
- Simply a dot

- Establishes a position
and acts as a visual
focus
- Space/Area refers to the
surface that acts as a visual
container, drawing attention
to other visual elements
- The look or feel of a
surface is known as a
texture

Visual texture – creates an


illusion of texture on a printed
material or webpage
Tactile texture – can
be felt physically
- Combination of lines,
points, and space

- An object that has height and


width has shape

 Natural
 Geometric
 Abstract
RHYTHYM

BALANCE &
MOVEMENT
ALIGNMENT
UNITY

CONTRAST PATTERN
EMPHASIS
EMPHASIS
- Distribution off heavy
and light elements in a
design

-Determines which elements


are focused on most and
which are given less
attention
BALANCE &
ALIGNMENT
Equal distribution of
-

weight (visual weight)


Asymmetrical Balance
Symmetrical Balance
CONTRAST

-In texture, contrast is defined by


the roughness or smoothest of
things in a layout

- Placement of heavy and


light elements
MOVEMENT

-How the eye moves


through the composition
PATTERN

-Repetition of specific
visual elements such as a
unit of shape or form
RHYTHM

-repetition of one or more


than elements in a design

- Creates a mood and a


sense of movement
UNITY

- Feeling of harmony created


by all parts and elements of a
design
GIF (Graphic File Format)

PNG (Portable Network


Graphic)

JPG (Joint Photographic Expert


Group)
GIF (Graphic File Format)

-1ST File format supported by


web browsers. It remains the
most popular web file format
on the web today
PNG (Portable Network Graphic)

-Compressed file format more


often used for the web just like
the graphic interchange for file
format
JPG (Joint Photographic Expert Group)

- File format is file format


compresses high quality static
color images for the easy
transfer of files between print,
media, and the web

You might also like