SlideShare a Scribd company logo
IMAGING AND DESIGN
FOR SOCIAL IMPACT
Lesson Objective:
.At the end of the module, the learners will
be able to:
1.Understand the basic concepts like colors,
typography, images.
2.Understand the principles and
techniques of design using application
(whether opensource or proprietary) to
develop contents for social campaigns;
and
3.Discuss the importance of having a good
design to communicate visually.
”.
What is Graphic Design?
Graphic Design is a process in which we use
typography, images, colors, icons and other
illustrations to communicate visually. This term was
first coined by William Addison Dwiggins on 1992 as he
called himselfa “graphic designer”.
Basic elements of
graphic design
·Lines
·Shapes
·Form
·Texture
·Balancee
Line
A line is a kind of shape which
connects two or more points. It
is also considered as one of
the essential element of
graphic design. Lines can be
thick, thin, curved, or jagged.
Attributes of Line
·Weight
·Color
·Texture
·Style
Shape
A shape is a two-dimensional
external boundary of an object.
Any object outline that has
height and width can be
considered as a shape.
Together with lines, they form
the foundation of your design.
Two (2) major categories of shapes in design:
·Geometric – these are regular and mathematical shapes.
·Organic – these are freeform shapes.
Form
A form is a three-dimensional shape. Shadows, perspective, depth,
and sometimes texture creates a form. Without these attributes, a
form is just a shape or series of shapes. Plain images/objects and
flat designs can be enhanced by adding shadows or lightings to
create an illusion of a form. It also gives the object a sense of place.
Texture refers to the physicalquality of the
surface of an objectin an artwork or
design.It also refers to how an object look or
feels like. An object might be smooth, rough,
shiny, hard, or soft. It can be in 3D (real
texture) or 2D (visual texture). Texture adds
depth and visual interest to the flat images
or objects.
Texture
Balance
Visual balance is the creation of visual equilibrium
by relating elements such as line, shape, color,
space or form in terms of their visual weight.
Two kinds of
visual balance:
Symmetrical
balance
1.
Asymmetrical
balance
2.
1.From the name itself, symmetrical
balance, which includes radial symmetry
is when both two sides of a piece are
equal. If you fold your artwork or piece into
two or if you put an imaginary line
between your artwork, each half is
identical or visually similar to the other
half.
Symmetrical balance
Symmetrical Design
Example
Asymmetrical
Balance
Both sides of your
composition does not
contain the same elements
but contain almost the
same visual weight.
Asymmetrical Design
Example
THANK YOU
GUILING, AIZEE T.
ESPARES, APRIL ROSE B.

More Related Content

Similar to LESSON-1.-IMAGING-AND-DESIGN-FOR-SOCIALS

Week 1 Elements and Principels of Design
Week 1 Elements and Principels of DesignWeek 1 Elements and Principels of Design
Week 1 Elements and Principels of Design
Adam Crump
 
LESSON 5 Imaging and Design Impact of Good Branding.pptx
LESSON 5  Imaging and Design Impact of Good Branding.pptxLESSON 5  Imaging and Design Impact of Good Branding.pptx
LESSON 5 Imaging and Design Impact of Good Branding.pptx
JomarieCanoy
 
Elements Of Design
Elements Of Design Elements Of Design
Elements Of Design
NimishJoshi18
 
Visual composition slideshow-Kyle.S
Visual composition slideshow-Kyle.SVisual composition slideshow-Kyle.S
Visual composition slideshow-Kyle.S
COM1005
 
Elements of Design
Elements of DesignElements of Design
Elements of Design
Jennifer Janviere
 
Practical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdfPractical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdf
RAYMONDELIUD
 
Formal elements of images
Formal elements of imagesFormal elements of images
Formal elements of images
Cnavarrovargas
 
Visual Media and Information - Media and Information Literacy (MIL)
Visual Media and Information - Media and Information Literacy (MIL)Visual Media and Information - Media and Information Literacy (MIL)
Visual Media and Information - Media and Information Literacy (MIL)
Mark Jhon Oxillo
 
Elements of Art & Principles of Design Presentation
Elements of Art & Principles of Design PresentationElements of Art & Principles of Design Presentation
Elements of Art & Principles of Design Presentation
Professor Bauer
 
Basic Web design principles and elements.pptx
Basic Web design principles and elements.pptxBasic Web design principles and elements.pptx
Basic Web design principles and elements.pptx
CASYLOUMARAGGUN
 
elements of design.pdf
elements of design.pdfelements of design.pdf
elements of design.pdf
AnuhyaMandava2
 
Interior Design principles and elements
Interior Design principles and elementsInterior Design principles and elements
Interior Design principles and elements
Divya Suresh
 
Elements & principles of art
Elements & principles of artElements & principles of art
Elements & principles of art
saravanandhamodaran1
 
Elements and Principles of Design in Local Market
Elements and Principles of Design in Local MarketElements and Principles of Design in Local Market
Elements and Principles of Design in Local Market
Akansha Choudhary
 
Visual composition slideshow - Rubina Chand
Visual composition slideshow - Rubina ChandVisual composition slideshow - Rubina Chand
Visual composition slideshow - Rubina Chand
bluedevils
 
Introduction to Design (Yearbook Class)
Introduction to Design (Yearbook Class)Introduction to Design (Yearbook Class)
Introduction to Design (Yearbook Class)
Sam Georgi
 
MEDIA AND INFORMATION LITERACY (MIL)
MEDIA AND INFORMATION LITERACY (MIL)MEDIA AND INFORMATION LITERACY (MIL)
MEDIA AND INFORMATION LITERACY (MIL)
Marvin Bronoso
 
Elements and principles of Art and Design
Elements and principles of Art and DesignElements and principles of Art and Design
Elements and principles of Art and Design
Victor Senior High School
 
Unidad 4 composition
Unidad 4 compositionUnidad 4 composition
Unidad 4 composition
rfarinas
 
IVC - Lesson 14
IVC - Lesson 14IVC - Lesson 14
IVC - Lesson 14
Arzoo Sahni
 

Similar to LESSON-1.-IMAGING-AND-DESIGN-FOR-SOCIALS (20)

Week 1 Elements and Principels of Design
Week 1 Elements and Principels of DesignWeek 1 Elements and Principels of Design
Week 1 Elements and Principels of Design
 
LESSON 5 Imaging and Design Impact of Good Branding.pptx
LESSON 5  Imaging and Design Impact of Good Branding.pptxLESSON 5  Imaging and Design Impact of Good Branding.pptx
LESSON 5 Imaging and Design Impact of Good Branding.pptx
 
Elements Of Design
Elements Of Design Elements Of Design
Elements Of Design
 
Visual composition slideshow-Kyle.S
Visual composition slideshow-Kyle.SVisual composition slideshow-Kyle.S
Visual composition slideshow-Kyle.S
 
Elements of Design
Elements of DesignElements of Design
Elements of Design
 
Practical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdfPractical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdf
 
Formal elements of images
Formal elements of imagesFormal elements of images
Formal elements of images
 
Visual Media and Information - Media and Information Literacy (MIL)
Visual Media and Information - Media and Information Literacy (MIL)Visual Media and Information - Media and Information Literacy (MIL)
Visual Media and Information - Media and Information Literacy (MIL)
 
Elements of Art & Principles of Design Presentation
Elements of Art & Principles of Design PresentationElements of Art & Principles of Design Presentation
Elements of Art & Principles of Design Presentation
 
Basic Web design principles and elements.pptx
Basic Web design principles and elements.pptxBasic Web design principles and elements.pptx
Basic Web design principles and elements.pptx
 
elements of design.pdf
elements of design.pdfelements of design.pdf
elements of design.pdf
 
Interior Design principles and elements
Interior Design principles and elementsInterior Design principles and elements
Interior Design principles and elements
 
Elements & principles of art
Elements & principles of artElements & principles of art
Elements & principles of art
 
Elements and Principles of Design in Local Market
Elements and Principles of Design in Local MarketElements and Principles of Design in Local Market
Elements and Principles of Design in Local Market
 
Visual composition slideshow - Rubina Chand
Visual composition slideshow - Rubina ChandVisual composition slideshow - Rubina Chand
Visual composition slideshow - Rubina Chand
 
Introduction to Design (Yearbook Class)
Introduction to Design (Yearbook Class)Introduction to Design (Yearbook Class)
Introduction to Design (Yearbook Class)
 
MEDIA AND INFORMATION LITERACY (MIL)
MEDIA AND INFORMATION LITERACY (MIL)MEDIA AND INFORMATION LITERACY (MIL)
MEDIA AND INFORMATION LITERACY (MIL)
 
Elements and principles of Art and Design
Elements and principles of Art and DesignElements and principles of Art and Design
Elements and principles of Art and Design
 
Unidad 4 composition
Unidad 4 compositionUnidad 4 composition
Unidad 4 composition
 
IVC - Lesson 14
IVC - Lesson 14IVC - Lesson 14
IVC - Lesson 14
 

Recently uploaded

MARY JANE WILSON, A “BOA MÃE” .
MARY JANE WILSON, A “BOA MÃE”           .MARY JANE WILSON, A “BOA MÃE”           .
MARY JANE WILSON, A “BOA MÃE” .
Colégio Santa Teresinha
 
The simplified electron and muon model, Oscillating Spacetime: The Foundation...
The simplified electron and muon model, Oscillating Spacetime: The Foundation...The simplified electron and muon model, Oscillating Spacetime: The Foundation...
The simplified electron and muon model, Oscillating Spacetime: The Foundation...
RitikBhardwaj56
 
Main Java[All of the Base Concepts}.docx
Main Java[All of the Base Concepts}.docxMain Java[All of the Base Concepts}.docx
Main Java[All of the Base Concepts}.docx
adhitya5119
 
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
GeorgeMilliken2
 
writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
Nicholas Montgomery
 
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama UniversityNatural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Akanksha trivedi rama nursing college kanpur.
 
Pride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School DistrictPride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School District
David Douglas School District
 
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UPLAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
RAHUL
 
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective UpskillingYour Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Excellence Foundation for South Sudan
 
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptxC1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
mulvey2
 
Azure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHatAzure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHat
Scholarhat
 
BBR 2024 Summer Sessions Interview Training
BBR  2024 Summer Sessions Interview TrainingBBR  2024 Summer Sessions Interview Training
BBR 2024 Summer Sessions Interview Training
Katrina Pritchard
 
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdfANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
Priyankaranawat4
 
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
PECB
 
S1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptxS1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptx
tarandeep35
 
The Diamonds of 2023-2024 in the IGRA collection
The Diamonds of 2023-2024 in the IGRA collectionThe Diamonds of 2023-2024 in the IGRA collection
The Diamonds of 2023-2024 in the IGRA collection
Israel Genealogy Research Association
 
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
IreneSebastianRueco1
 
Digital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental DesignDigital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental Design
amberjdewit93
 
Executive Directors Chat Leveraging AI for Diversity, Equity, and Inclusion
Executive Directors Chat  Leveraging AI for Diversity, Equity, and InclusionExecutive Directors Chat  Leveraging AI for Diversity, Equity, and Inclusion
Executive Directors Chat Leveraging AI for Diversity, Equity, and Inclusion
TechSoup
 
Smart-Money for SMC traders good time and ICT
Smart-Money for SMC traders good time and ICTSmart-Money for SMC traders good time and ICT
Smart-Money for SMC traders good time and ICT
simonomuemu
 

Recently uploaded (20)

MARY JANE WILSON, A “BOA MÃE” .
MARY JANE WILSON, A “BOA MÃE”           .MARY JANE WILSON, A “BOA MÃE”           .
MARY JANE WILSON, A “BOA MÃE” .
 
The simplified electron and muon model, Oscillating Spacetime: The Foundation...
The simplified electron and muon model, Oscillating Spacetime: The Foundation...The simplified electron and muon model, Oscillating Spacetime: The Foundation...
The simplified electron and muon model, Oscillating Spacetime: The Foundation...
 
Main Java[All of the Base Concepts}.docx
Main Java[All of the Base Concepts}.docxMain Java[All of the Base Concepts}.docx
Main Java[All of the Base Concepts}.docx
 
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
 
writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
 
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama UniversityNatural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
 
Pride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School DistrictPride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School District
 
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UPLAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
 
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective UpskillingYour Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective Upskilling
 
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptxC1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
 
Azure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHatAzure Interview Questions and Answers PDF By ScholarHat
Azure Interview Questions and Answers PDF By ScholarHat
 
BBR 2024 Summer Sessions Interview Training
BBR  2024 Summer Sessions Interview TrainingBBR  2024 Summer Sessions Interview Training
BBR 2024 Summer Sessions Interview Training
 
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdfANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
 
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
 
S1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptxS1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptx
 
The Diamonds of 2023-2024 in the IGRA collection
The Diamonds of 2023-2024 in the IGRA collectionThe Diamonds of 2023-2024 in the IGRA collection
The Diamonds of 2023-2024 in the IGRA collection
 
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
RPMS TEMPLATE FOR SCHOOL YEAR 2023-2024 FOR TEACHER 1 TO TEACHER 3
 
Digital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental DesignDigital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental Design
 
Executive Directors Chat Leveraging AI for Diversity, Equity, and Inclusion
Executive Directors Chat  Leveraging AI for Diversity, Equity, and InclusionExecutive Directors Chat  Leveraging AI for Diversity, Equity, and Inclusion
Executive Directors Chat Leveraging AI for Diversity, Equity, and Inclusion
 
Smart-Money for SMC traders good time and ICT
Smart-Money for SMC traders good time and ICTSmart-Money for SMC traders good time and ICT
Smart-Money for SMC traders good time and ICT
 

LESSON-1.-IMAGING-AND-DESIGN-FOR-SOCIALS

  • 1. IMAGING AND DESIGN FOR SOCIAL IMPACT
  • 2. Lesson Objective: .At the end of the module, the learners will be able to: 1.Understand the basic concepts like colors, typography, images. 2.Understand the principles and techniques of design using application (whether opensource or proprietary) to develop contents for social campaigns; and 3.Discuss the importance of having a good design to communicate visually.
  • 3. ”. What is Graphic Design? Graphic Design is a process in which we use typography, images, colors, icons and other illustrations to communicate visually. This term was first coined by William Addison Dwiggins on 1992 as he called himselfa “graphic designer”.
  • 4. Basic elements of graphic design ·Lines ·Shapes ·Form ·Texture ·Balancee
  • 5. Line A line is a kind of shape which connects two or more points. It is also considered as one of the essential element of graphic design. Lines can be thick, thin, curved, or jagged. Attributes of Line ·Weight ·Color ·Texture ·Style
  • 6. Shape A shape is a two-dimensional external boundary of an object. Any object outline that has height and width can be considered as a shape. Together with lines, they form the foundation of your design. Two (2) major categories of shapes in design: ·Geometric – these are regular and mathematical shapes. ·Organic – these are freeform shapes.
  • 7. Form A form is a three-dimensional shape. Shadows, perspective, depth, and sometimes texture creates a form. Without these attributes, a form is just a shape or series of shapes. Plain images/objects and flat designs can be enhanced by adding shadows or lightings to create an illusion of a form. It also gives the object a sense of place.
  • 8. Texture refers to the physicalquality of the surface of an objectin an artwork or design.It also refers to how an object look or feels like. An object might be smooth, rough, shiny, hard, or soft. It can be in 3D (real texture) or 2D (visual texture). Texture adds depth and visual interest to the flat images or objects. Texture
  • 9. Balance Visual balance is the creation of visual equilibrium by relating elements such as line, shape, color, space or form in terms of their visual weight. Two kinds of visual balance: Symmetrical balance 1. Asymmetrical balance 2.
  • 10. 1.From the name itself, symmetrical balance, which includes radial symmetry is when both two sides of a piece are equal. If you fold your artwork or piece into two or if you put an imaginary line between your artwork, each half is identical or visually similar to the other half. Symmetrical balance Symmetrical Design Example
  • 11. Asymmetrical Balance Both sides of your composition does not contain the same elements but contain almost the same visual weight. Asymmetrical Design Example
  • 12. THANK YOU GUILING, AIZEE T. ESPARES, APRIL ROSE B.