SlideShare une entreprise Scribd logo
1  sur  27
Empowerment Technologies
Logo Guessing
Adidas Starbucks
Mcdonalds Jollibee
Microsoft Windows Shell
Objectives:
1. identify the basic principles of graphics and
layout;
2. create a simple graphic design mixes with basic
principles of graphics and layout.
3. accept the basic principles of graphics and
layout
Basic Principles of Graphics and Layout
Fundamentals of Graphic Design Video
Basic Principles of Graphics and Layout
• Balance
• Emphasis
• Movement
• Pattern, Repetition and Rhythm
• Proportion
• Variety
Balance
-The visual weight of objects, texture, colors,
and space is evenly distributed on the screen.
Emphasis
-an area in the design that may appear different in
size, texture, shape or color to attract the viewer's
attention.
Movement
-Visual elements guide the viewer's eyes around
the screen.
Pattern, Repetition, and Rhythm
- these are the repeating visual element on an image or layout to
create unity in the layout or image. Rhythm is achieved when visual
elements create a sense of organized movement.
Proportion
-visual elements create a sense of unity
where they relate well with one another.
Variety
-this uses several design elements to draw
viewer's attention.
Picture Analysis:
Balance and Emphasis
Variety
Proportion
Movement
What are the basic principles of graphics and
layout?
• Balance
• Emphasis
• Movement
• Pattern, repetition and rhythm
• Proportion
• Variety
Infographics
-Information graphics is used to represent information, statistical data, or knowledge in a graphical
manner or intended to present information quickly and clearly..
Piktochart
Is an example of a free online app that allows you to
create your own infographic.
PhotoScape
Is a free image manipulation tool that contains many features to help you in creating images for
websites. One of its features is the batch editor that edits multiple pictures at once.
Photobucket
Is a free image hosting site that allows you to share
photos over the Internet.
Create your own graphic design.
• Instruction: Form groups with five members each. Create your own
Graphic Design using the given pictures by applying those principles
discussed and present your output in the class.( 7 mins)
Rubric:
• Design (40%) - It communicates the message clearly.
• Layout (40%)- The principles are being applied and strongly observed.
• Work Ethics (20%)- Cooperation
Thank you!
To God Be The Glory!!!

Contenu connexe

Similaire à BPGL- demonstration - with infographics.pptx

Etec 632 web design
Etec 632 web designEtec 632 web design
Etec 632 web design
ahalemano
 
Basic layout principles
Basic layout principlesBasic layout principles
Basic layout principles
Sherwin Manual
 
Design show.ppt
Design show.pptDesign show.ppt
Design show.ppt
jsturman07
 

Similaire à BPGL- demonstration - with infographics.pptx (20)

Graphic Designer
Graphic DesignerGraphic Designer
Graphic Designer
 
LESSON-6.pdf
LESSON-6.pdfLESSON-6.pdf
LESSON-6.pdf
 
Design Mind
Design MindDesign Mind
Design Mind
 
121 190810 The Fundamentals of Creative Design 01-03 by Gavin Ambrose/Paul Haris
121 190810 The Fundamentals of Creative Design 01-03 by Gavin Ambrose/Paul Haris121 190810 The Fundamentals of Creative Design 01-03 by Gavin Ambrose/Paul Haris
121 190810 The Fundamentals of Creative Design 01-03 by Gavin Ambrose/Paul Haris
 
Graphics101
Graphics101Graphics101
Graphics101
 
07 Visual Design
07 Visual Design07 Visual Design
07 Visual Design
 
Visual Media (Part 2)
Visual Media (Part 2)Visual Media (Part 2)
Visual Media (Part 2)
 
Building a Design System: A Practitioner's Case Study
Building a Design System: A Practitioner's Case StudyBuilding a Design System: A Practitioner's Case Study
Building a Design System: A Practitioner's Case Study
 
Etec 632 web design
Etec 632 web designEtec 632 web design
Etec 632 web design
 
Design process
Design processDesign process
Design process
 
Graphic Designing Training In Chandigarh
Graphic Designing Training In ChandigarhGraphic Designing Training In Chandigarh
Graphic Designing Training In Chandigarh
 
Adobe Animate CC.
Adobe Animate CC.Adobe Animate CC.
Adobe Animate CC.
 
Basic layout principles
Basic layout principlesBasic layout principles
Basic layout principles
 
Visual Media
Visual MediaVisual Media
Visual Media
 
Visual Design
Visual DesignVisual Design
Visual Design
 
Web Design
Web DesignWeb Design
Web Design
 
Engage 2019: Building a design system to modernize Connections
Engage 2019: Building a design system to modernize ConnectionsEngage 2019: Building a design system to modernize Connections
Engage 2019: Building a design system to modernize Connections
 
Visual design
Visual designVisual design
Visual design
 
The Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for IDThe Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for ID
 
Design show.ppt
Design show.pptDesign show.ppt
Design show.ppt
 

Plus de AnecitaLCalamohoy

Plus de AnecitaLCalamohoy (7)

intro to social sciences presentation ppt.
intro to social sciences presentation ppt.intro to social sciences presentation ppt.
intro to social sciences presentation ppt.
 
INFORMATION, COMMUNICATION AND TECHNOLOGY as platform form Change.pptx
INFORMATION, COMMUNICATION AND TECHNOLOGY as platform form Change.pptxINFORMATION, COMMUNICATION AND TECHNOLOGY as platform form Change.pptx
INFORMATION, COMMUNICATION AND TECHNOLOGY as platform form Change.pptx
 
The disadvantages of USING INFORMATION, COOMUNICATION AND TECH.CT.pptx
The disadvantages of USING INFORMATION, COOMUNICATION AND TECH.CT.pptxThe disadvantages of USING INFORMATION, COOMUNICATION AND TECH.CT.pptx
The disadvantages of USING INFORMATION, COOMUNICATION AND TECH.CT.pptx
 
The disadvantages of ICT.pptx-final [Autosaved].pptx
The disadvantages of ICT.pptx-final [Autosaved].pptxThe disadvantages of ICT.pptx-final [Autosaved].pptx
The disadvantages of ICT.pptx-final [Autosaved].pptx
 
ADVANCED WORD PROCESSING SKILLS power point
ADVANCED WORD PROCESSING SKILLS power pointADVANCED WORD PROCESSING SKILLS power point
ADVANCED WORD PROCESSING SKILLS power point
 
How to Create an Effective Presentation in PowerPoint.pptx
How to Create an Effective Presentation in PowerPoint.pptxHow to Create an Effective Presentation in PowerPoint.pptx
How to Create an Effective Presentation in PowerPoint.pptx
 
PACKAGE PREPARED FOOD STUFF power points
PACKAGE PREPARED FOOD STUFF power pointsPACKAGE PREPARED FOOD STUFF power points
PACKAGE PREPARED FOOD STUFF power points
 

Dernier

The basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptxThe basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptx
heathfieldcps1
 
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
中 央社
 
Neurulation and the formation of the neural tube
Neurulation and the formation of the neural tubeNeurulation and the formation of the neural tube
Neurulation and the formation of the neural tube
SaadHumayun7
 
ppt your views.ppt your views of your college in your eyes
ppt your views.ppt your views of your college in your eyesppt your views.ppt your views of your college in your eyes
ppt your views.ppt your views of your college in your eyes
ashishpaul799
 
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
中 央社
 

Dernier (20)

Incoming and Outgoing Shipments in 2 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 2 STEPS Using Odoo 17Incoming and Outgoing Shipments in 2 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 2 STEPS Using Odoo 17
 
Navigating the Misinformation Minefield: The Role of Higher Education in the ...
Navigating the Misinformation Minefield: The Role of Higher Education in the ...Navigating the Misinformation Minefield: The Role of Higher Education in the ...
Navigating the Misinformation Minefield: The Role of Higher Education in the ...
 
The basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptxThe basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptx
 
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
 
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
 
factors influencing drug absorption-final-2.pptx
factors influencing drug absorption-final-2.pptxfactors influencing drug absorption-final-2.pptx
factors influencing drug absorption-final-2.pptx
 
Telling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdf
Telling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdfTelling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdf
Telling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdf
 
UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...
UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...
UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...
 
An Overview of the Odoo 17 Discuss App.pptx
An Overview of the Odoo 17 Discuss App.pptxAn Overview of the Odoo 17 Discuss App.pptx
An Overview of the Odoo 17 Discuss App.pptx
 
BỘ LUYỆN NGHE TIẾNG ANH 8 GLOBAL SUCCESS CẢ NĂM (GỒM 12 UNITS, MỖI UNIT GỒM 3...
BỘ LUYỆN NGHE TIẾNG ANH 8 GLOBAL SUCCESS CẢ NĂM (GỒM 12 UNITS, MỖI UNIT GỒM 3...BỘ LUYỆN NGHE TIẾNG ANH 8 GLOBAL SUCCESS CẢ NĂM (GỒM 12 UNITS, MỖI UNIT GỒM 3...
BỘ LUYỆN NGHE TIẾNG ANH 8 GLOBAL SUCCESS CẢ NĂM (GỒM 12 UNITS, MỖI UNIT GỒM 3...
 
Basic Civil Engg Notes_Chapter-6_Environment Pollution & Engineering
Basic Civil Engg Notes_Chapter-6_Environment Pollution & EngineeringBasic Civil Engg Notes_Chapter-6_Environment Pollution & Engineering
Basic Civil Engg Notes_Chapter-6_Environment Pollution & Engineering
 
Capitol Tech Univ Doctoral Presentation -May 2024
Capitol Tech Univ Doctoral Presentation -May 2024Capitol Tech Univ Doctoral Presentation -May 2024
Capitol Tech Univ Doctoral Presentation -May 2024
 
philosophy and it's principles based on the life
philosophy and it's principles based on the lifephilosophy and it's principles based on the life
philosophy and it's principles based on the life
 
The Ultimate Guide to Social Media Marketing in 2024.pdf
The Ultimate Guide to Social Media Marketing in 2024.pdfThe Ultimate Guide to Social Media Marketing in 2024.pdf
The Ultimate Guide to Social Media Marketing in 2024.pdf
 
The Last Leaf, a short story by O. Henry
The Last Leaf, a short story by O. HenryThe Last Leaf, a short story by O. Henry
The Last Leaf, a short story by O. Henry
 
size separation d pharm 1st year pharmaceutics
size separation d pharm 1st year pharmaceuticssize separation d pharm 1st year pharmaceutics
size separation d pharm 1st year pharmaceutics
 
The Benefits and Challenges of Open Educational Resources
The Benefits and Challenges of Open Educational ResourcesThe Benefits and Challenges of Open Educational Resources
The Benefits and Challenges of Open Educational Resources
 
Neurulation and the formation of the neural tube
Neurulation and the formation of the neural tubeNeurulation and the formation of the neural tube
Neurulation and the formation of the neural tube
 
ppt your views.ppt your views of your college in your eyes
ppt your views.ppt your views of your college in your eyesppt your views.ppt your views of your college in your eyes
ppt your views.ppt your views of your college in your eyes
 
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
 

BPGL- demonstration - with infographics.pptx

Notes de l'éditeur

  1. Ok class before we start, arrange you chairs and pick-up the pieces of paper. Ok everybody stand Ms. Villarino Kindly lead the prayer. Good afternoon class?... Please take your seats Miss Esnardo who is absent today?
  2. OK let’s have an activity called LOGO Guessing..you are going to guess the company or brand that you think the logos represent?..show the logo
  3. … after ..ok very good..Why it is important to have a logo? Ms. Raganas.ok very good..
  4. Read our todays objective Miss Gandal ..ok upon completion of the lesson, you will be able to identify the basic principles of graphics and layout, create a simple graphic design mixes with the basic principles of graphics and layout and accept the basic principles of graphics and layout.
  5. Ok so today we are going to discuss about the Basic Principles of Graphics and Layout
  6. Ok at this moment let us hear and listen to this video..you should listen carefully because after this one row 1 will explain what is the video all about..row 2 will critic what row 1 said..row 3 will critic rows 1 and 2..play video ok row 1 what have you observe from the given video?..so on…ok very good everyone
  7. Creating a web page is like creating a work of art. There are certain things that you need to consider in order to get your message across. So there are basic principles in graphics and layout the balance, emphasis, movement, pattern, repetition and rhythm, proportion and variety Knowing and understanding the principles of design will help you make intelligent decisions to create the effect you want.
  8. Creates the focal point and areas that are light in value brightly colored or highly detailed- so the focal point here is the google word.
  9. The edge of a drawer leads the eye toward the green frog. Its bright color, which stands out in this picture, also helps draw the viewer’s eyes.
  10. These images uses pattern and repetition which create harmony for the entire image.
  11. This is a screenshot of CNN.com web page shows how the font size of header is proportional to the size of its content. This is done so that the viewer can easily see what article is all about.
  12. Bing uses a combination of text and images to make the sites more appealing but not distracting from the site’s purpose.
  13. I will show you some pictures and you will going to identify what principles are being applied on it.
  14. So..again …What are the basic principles of grahics and layout design?
  15. is a web-based infographic application which allows users without intensive experience as graphic designers to easily create professional-grade infographics using themed templates.
  16. is a graphics editing program, developed by MOOII Tech, Korea. The basic concept of PhotoScape is 'easy and fun', allowing users to easily edit photographs taken from their digital cameras or even mobile phones.
  17. Photobucket is an American image hosting and video hosting website, web services suite, and online community dedicated to preserving and sharing the entire photo and video lifecycle. Simply create a Photobucket account and you can start uploading pictures and share them to a wide variety of platforms.
  18. ok let us hear the output of group 1…ok very good group 1 now let’s give a coca cola clap …now let us hear the result of group 2…ok very good group 2 now let us give an angel clap to group 2.,now let us hear the report of group3…tvery good group 3 lets give a round of applause to group 3..and last but not the least group 4..very good group 4 lets give a 5 BIG clap to group 4.,