SlideShare a Scribd company logo
By: Glaziel, Maxine & Andrew
 OBJECTIVES:
 List and explain the elements of design.
 Identify the elements that make up a layout.
 Identify the types of layout techniques.
 Apply the principles of layouting as discussed.
 Guide how to create an effective infographic.
 The term “infographic” is a short term for information
graphic, which refers to an image that combines
information, storytelling, and perceptions that help the
cause of an individual or an institution to communicate a
message to viewers.
 Using infographics brings about numerous advantages.
By creating a catchy and attractive infographic, one can
effectively communicate a message to viewers.
 The basic elemets of layout and design in creating an
effective infographic are presented next slides.
 Lines – the most basic of all elements.
 It can form shapes that can catch the
attention of a viewer. They can be sharp, be
made up of broken lines and fine or thick
lines, and can create different impressions to
viewers.
 A group of lines can also create patterns or
shapes.
 Shapes are universal symbols that do not
require language, but they can give a specific
meaning regardless of the background and
ethnicity of the viewer.
 Color – one of the powerful and influential
elements in an infographic.
 Using the right combination of colors can catch
the attention of a passerby or even glancing
viewers.
 For example, red, orange, and yellow are strong
or warm colors that can easily attract attention.
 On the other hand, blue, green, violet and indigo
are cool or soft colors.
 Combining colors and having a good command
on color mixtures and combinations can catch
the attention of the viewers.
 Shapes – these are defined by the closure
created by a combination of multiple lines.
 Shapes express different psychological
influences on the audience especially when
combined with different colors.

More Related Content

What's hot

Photography and Visuals
Photography and VisualsPhotography and Visuals
Photography and VisualsAlaa Sadik
 
Commercial Graphic Designing - dealing with presentations
Commercial Graphic Designing - dealing with presentationsCommercial Graphic Designing - dealing with presentations
Commercial Graphic Designing - dealing with presentationsTheTemplateWizard
 
Visual principles
Visual principlesVisual principles
Visual principlesrenzaldin
 
Visual Principles
Visual PrinciplesVisual Principles
Visual PrinciplesIzaham
 
Visual Principles II: Visual Literacy
Visual Principles II: Visual LiteracyVisual Principles II: Visual Literacy
Visual Principles II: Visual LiteracyAlaa Sadik
 
Visual literacy.
Visual literacy.Visual literacy.
Visual literacy.ladybaba
 
The Principles of Good Design
The Principles of Good DesignThe Principles of Good Design
The Principles of Good DesignJennifer Janviere
 
Visual Literacy
Visual LiteracyVisual Literacy
Visual Literacykrobinson
 
Effective Visual Communication
Effective Visual CommunicationEffective Visual Communication
Effective Visual CommunicationSinoj Mullangath
 
Literacy Through Photography (LTP)
Literacy Through Photography (LTP)Literacy Through Photography (LTP)
Literacy Through Photography (LTP)Alaa Sadik
 
Basic concept of Graphic Design
Basic concept of Graphic DesignBasic concept of Graphic Design
Basic concept of Graphic DesignAshikul Islam
 
Introduction to Communication Design
Introduction to Communication DesignIntroduction to Communication Design
Introduction to Communication DesignSarun Pinyarat
 
Fundamental graphic design by rayn howayek
Fundamental graphic design by rayn howayekFundamental graphic design by rayn howayek
Fundamental graphic design by rayn howayekRayn HOWAYEK
 
Graphic Design
Graphic DesignGraphic Design
Graphic DesignBen Fayza
 

What's hot (20)

Photography and Visuals
Photography and VisualsPhotography and Visuals
Photography and Visuals
 
Visual Principles
Visual PrinciplesVisual Principles
Visual Principles
 
Commercial Graphic Designing - dealing with presentations
Commercial Graphic Designing - dealing with presentationsCommercial Graphic Designing - dealing with presentations
Commercial Graphic Designing - dealing with presentations
 
Graphic design
Graphic designGraphic design
Graphic design
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual Information and Media
Visual Information and MediaVisual Information and Media
Visual Information and Media
 
Visual Principles
Visual PrinciplesVisual Principles
Visual Principles
 
Visual Principles II: Visual Literacy
Visual Principles II: Visual LiteracyVisual Principles II: Visual Literacy
Visual Principles II: Visual Literacy
 
Visual literacy.
Visual literacy.Visual literacy.
Visual literacy.
 
The Principles of Good Design
The Principles of Good DesignThe Principles of Good Design
The Principles of Good Design
 
Visual Literacy
Visual LiteracyVisual Literacy
Visual Literacy
 
Effective Visual Communication
Effective Visual CommunicationEffective Visual Communication
Effective Visual Communication
 
Visual information and Media
Visual information and MediaVisual information and Media
Visual information and Media
 
Literacy Through Photography (LTP)
Literacy Through Photography (LTP)Literacy Through Photography (LTP)
Literacy Through Photography (LTP)
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Basic concept of Graphic Design
Basic concept of Graphic DesignBasic concept of Graphic Design
Basic concept of Graphic Design
 
Introduction to Communication Design
Introduction to Communication DesignIntroduction to Communication Design
Introduction to Communication Design
 
Fundamental graphic design by rayn howayek
Fundamental graphic design by rayn howayekFundamental graphic design by rayn howayek
Fundamental graphic design by rayn howayek
 
Icons and Cartoons
Icons and CartoonsIcons and Cartoons
Icons and Cartoons
 
Graphic Design
Graphic DesignGraphic Design
Graphic Design
 

Viewers also liked

Layout Principles 1
Layout Principles 1Layout Principles 1
Layout Principles 1Graeme Smith
 
Imaging and Design for Online Environment
Imaging and Design for Online EnvironmentImaging and Design for Online Environment
Imaging and Design for Online EnvironmentRichard Meriveles
 
Dtp
DtpDtp
DtpMPCI
 
Graphic Design Principles
Graphic Design PrinciplesGraphic Design Principles
Graphic Design PrinciplesArmin Heurich
 
10 Design & Layout Principles Guaranteed To Improve
10 Design & Layout Principles Guaranteed To Improve10 Design & Layout Principles Guaranteed To Improve
10 Design & Layout Principles Guaranteed To ImproveLauren Martin
 
Elements & Principles of Design
Elements & Principles of DesignElements & Principles of Design
Elements & Principles of DesignZ M
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of DesignRavi Bhadauria
 
Elements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPointElements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPointemurfield
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryAbanoub Hanna
 
An Introduction To Graphic Design
An Introduction To Graphic DesignAn Introduction To Graphic Design
An Introduction To Graphic DesignAfshan Kirmani
 

Viewers also liked (13)

Graphic design tips_a
Graphic design tips_aGraphic design tips_a
Graphic design tips_a
 
Layout Principles 1
Layout Principles 1Layout Principles 1
Layout Principles 1
 
Imaging and Design for Online Environment
Imaging and Design for Online EnvironmentImaging and Design for Online Environment
Imaging and Design for Online Environment
 
Intro to the Principles of Graphic Design
Intro to the Principles of Graphic DesignIntro to the Principles of Graphic Design
Intro to the Principles of Graphic Design
 
Dtp
DtpDtp
Dtp
 
Graphic Design Principles
Graphic Design PrinciplesGraphic Design Principles
Graphic Design Principles
 
What is an Effective Layout?
What is an Effective Layout?What is an Effective Layout?
What is an Effective Layout?
 
10 Design & Layout Principles Guaranteed To Improve
10 Design & Layout Principles Guaranteed To Improve10 Design & Layout Principles Guaranteed To Improve
10 Design & Layout Principles Guaranteed To Improve
 
Elements & Principles of Design
Elements & Principles of DesignElements & Principles of Design
Elements & Principles of Design
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of Design
 
Elements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPointElements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPoint
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design Theory
 
An Introduction To Graphic Design
An Introduction To Graphic DesignAn Introduction To Graphic Design
An Introduction To Graphic Design
 

Similar to Presentation1

Basic principles of graphic and layout.pptx
Basic principles of graphic and layout.pptxBasic principles of graphic and layout.pptx
Basic principles of graphic and layout.pptxCatalino Yanos Jr.
 
Design 101 > Lesson 01
Design 101 > Lesson 01Design 101 > Lesson 01
Design 101 > Lesson 01Sean Buch
 
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...MinalabacMpsCsppo
 
LAYOUT_Graphic--Design-Presentation.pptx
LAYOUT_Graphic--Design-Presentation.pptxLAYOUT_Graphic--Design-Presentation.pptx
LAYOUT_Graphic--Design-Presentation.pptxMayMarasigan2
 
best Graphic Design presentation created by me
best Graphic Design presentation created by mebest Graphic Design presentation created by me
best Graphic Design presentation created by meshivamds1205
 
Information Design for Technical Communicators: Scratching the Surface
Information Design for Technical Communicators: Scratching the SurfaceInformation Design for Technical Communicators: Scratching the Surface
Information Design for Technical Communicators: Scratching the SurfaceLinda Oestreich
 
Basic Graphic Design Introduction_Zero Lecture.pptx
Basic Graphic Design Introduction_Zero Lecture.pptxBasic Graphic Design Introduction_Zero Lecture.pptx
Basic Graphic Design Introduction_Zero Lecture.pptxDeepakSharma888268
 
Empowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies - Imaging and Design for the Online EnvironmentEmpowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies - Imaging and Design for the Online EnvironmentLany Lyn Magdaraog
 
VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1Virtu Institute
 
Basic Elements & Principals for Create Best Graphic Design Services
Basic Elements & Principals for Create Best Graphic Design ServicesBasic Elements & Principals for Create Best Graphic Design Services
Basic Elements & Principals for Create Best Graphic Design ServicesHelpful Insight
 
Graphic Designing Services In Pakistan.docx
Graphic Designing Services In Pakistan.docxGraphic Designing Services In Pakistan.docx
Graphic Designing Services In Pakistan.docxmahazubair3
 
The Language of Design.pdf
The Language of Design.pdfThe Language of Design.pdf
The Language of Design.pdfLamiSam
 

Similar to Presentation1 (20)

Basic principles of graphic and layout.pptx
Basic principles of graphic and layout.pptxBasic principles of graphic and layout.pptx
Basic principles of graphic and layout.pptx
 
Mil ppt week 13
Mil ppt week 13Mil ppt week 13
Mil ppt week 13
 
Design 101 > Lesson 01
Design 101 > Lesson 01Design 101 > Lesson 01
Design 101 > Lesson 01
 
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...
 
LAYOUT_Graphic--Design-Presentation.pptx
LAYOUT_Graphic--Design-Presentation.pptxLAYOUT_Graphic--Design-Presentation.pptx
LAYOUT_Graphic--Design-Presentation.pptx
 
best Graphic Design presentation created by me
best Graphic Design presentation created by mebest Graphic Design presentation created by me
best Graphic Design presentation created by me
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Information Design for Technical Communicators: Scratching the Surface
Information Design for Technical Communicators: Scratching the SurfaceInformation Design for Technical Communicators: Scratching the Surface
Information Design for Technical Communicators: Scratching the Surface
 
Basic Graphic Design Introduction_Zero Lecture.pptx
Basic Graphic Design Introduction_Zero Lecture.pptxBasic Graphic Design Introduction_Zero Lecture.pptx
Basic Graphic Design Introduction_Zero Lecture.pptx
 
Empowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies - Imaging and Design for the Online EnvironmentEmpowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies - Imaging and Design for the Online Environment
 
VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1
 
Basic Elements & Principals for Create Best Graphic Design Services
Basic Elements & Principals for Create Best Graphic Design ServicesBasic Elements & Principals for Create Best Graphic Design Services
Basic Elements & Principals for Create Best Graphic Design Services
 
IVC - Lesson 14
IVC - Lesson 14IVC - Lesson 14
IVC - Lesson 14
 
Graphic Designing Services In Pakistan.docx
Graphic Designing Services In Pakistan.docxGraphic Designing Services In Pakistan.docx
Graphic Designing Services In Pakistan.docx
 
The Language of Design.pdf
The Language of Design.pdfThe Language of Design.pdf
The Language of Design.pdf
 
Penilaian kendiri
Penilaian kendiri Penilaian kendiri
Penilaian kendiri
 

Recently uploaded

The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxadityakushalsaha
 
Top 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen DesignsTop 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen DesignsFinzo Kitchens
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdffabianavillanib
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfPlanitIsrael
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxAlecAnidul
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionPixel poets
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designboryssutkowski
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersConfidence Ago
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themmadhavlakhanpal29
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitabilityaaryangarg12
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfSudhanshuMandlik
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.rrimika1
 

Recently uploaded (13)

The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptx
 
Top 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen DesignsTop 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen Designs
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to Fashion
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdf
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 

Presentation1

  • 2.  OBJECTIVES:  List and explain the elements of design.  Identify the elements that make up a layout.  Identify the types of layout techniques.  Apply the principles of layouting as discussed.  Guide how to create an effective infographic.
  • 3.  The term “infographic” is a short term for information graphic, which refers to an image that combines information, storytelling, and perceptions that help the cause of an individual or an institution to communicate a message to viewers.  Using infographics brings about numerous advantages. By creating a catchy and attractive infographic, one can effectively communicate a message to viewers.  The basic elemets of layout and design in creating an effective infographic are presented next slides.
  • 4.  Lines – the most basic of all elements.  It can form shapes that can catch the attention of a viewer. They can be sharp, be made up of broken lines and fine or thick lines, and can create different impressions to viewers.  A group of lines can also create patterns or shapes.  Shapes are universal symbols that do not require language, but they can give a specific meaning regardless of the background and ethnicity of the viewer.
  • 5.  Color – one of the powerful and influential elements in an infographic.  Using the right combination of colors can catch the attention of a passerby or even glancing viewers.  For example, red, orange, and yellow are strong or warm colors that can easily attract attention.  On the other hand, blue, green, violet and indigo are cool or soft colors.  Combining colors and having a good command on color mixtures and combinations can catch the attention of the viewers.
  • 6.  Shapes – these are defined by the closure created by a combination of multiple lines.  Shapes express different psychological influences on the audience especially when combined with different colors.