BASIC PRINCIPLES OF GRAPHICS AND
LAYOUT
Basic Principles of Graphics and Layout
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.
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.
Infographics are graphic visual representations of information, data or knowledge intended to present
information quickly and clearly. They can improve cognition by utilizing graphics to enhance the human
visual system's ability to see patterns and trends.
Principles of Infographics
1. Be unique
2. Keep it simple
3. Be creative and bold
4. Less is more
The fortune is in the forwarding
Basic Elements of layout and design
e most basic of all elements. Lines can define the characteristic of an infographic. Lines can form shapes that can catch attention of a v
of the powerful and influential elements in an infographic. Using the right combination of colors can catch the attention of a passerby o
glancing viewers.
Shapes are defined by the enclosure created by a combination of multiple lines
Image File Formats
Pixels (Picture Elements) are arranged and stored in manner dictated by the format of the
image.
Joint Photographic Experts Group (JPEG or JPG) –compression method that complies with the
JPEG File Interchange Format (JFIF)
Tagged Imaged File Format (TIFF) –is a less common file format supported by Web browsers.
Graphics Interchange Format (GIF) –is a popular file format for storing graphical images with
fewer colors.
Portable Network Graphics (PNG) –intention for the creation of this file format is to be free
and open source substitute for GIF.

More Related Content

PPTX
Basic Principles of Graphics and Layout
PPTX
Imaging and design for the online environment (empowermwnt technologies)
PPTX
Empowerment Technologies - Imaging and Design for the Online Environment
PPTX
Empowerment Technologies Lecture 6 (Philippines SHS)
PDF
Infographics
PPTX
Basic Principles Of Graphics and Layout
PPTX
Empowerment technology Myrene B.Cantos
PPTX
Combine Text and Images
Basic Principles of Graphics and Layout
Imaging and design for the online environment (empowermwnt technologies)
Empowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies Lecture 6 (Philippines SHS)
Infographics
Basic Principles Of Graphics and Layout
Empowerment technology Myrene B.Cantos
Combine Text and Images

What's hot (12)

PPTX
ICT CONTENT DEVELOPMENT
PPTX
Combining text, graphics, and images empo
PPTX
Imaging and Design for the Online Environment - Empowerment Technologies
PPTX
Imaging and Design for Online Environment
PPTX
Empowerment Technologies Lecture 7 (Philippines SHS)
PPTX
Imaging and Design for Online Environment
PPT
Infographics
PPTX
Group 9 ite k 11D
PPTX
Imaging and Design for Online Environment
PPTX
Apt 502 chapter 8
PPTX
lesson 6
PPT
Graphics course fundamental
ICT CONTENT DEVELOPMENT
Combining text, graphics, and images empo
Imaging and Design for the Online Environment - Empowerment Technologies
Imaging and Design for Online Environment
Empowerment Technologies Lecture 7 (Philippines SHS)
Imaging and Design for Online Environment
Infographics
Group 9 ite k 11D
Imaging and Design for Online Environment
Apt 502 chapter 8
lesson 6
Graphics course fundamental
Ad

Similar to Basic principles of_graphics_and_layout (20)

PPTX
Imaging and Design for the Online Environment.pptx
PPTX
Lesson 5 Manipulating Text, Graphics, and Images
PPTX
Basic principles of graphic and layout.pptx
PPTX
Integrating Images.pptx
PPT
BMSC1103 Graphics Presentation
PPT
Imagepresentation
PPTX
Visual-design-1..pptx and imagine file format
PPTX
E-Tech_Advance word processing skills.pptx
PPTX
Integrating Images and external Materials.pptx
PDF
Nediger_Infographics_2019.pdf
PPTX
Technical File Presentation Version 2
PPTX
Image and design manipulation in empowerment technology
PPTX
Dimensions of Media and Information – Visual
PDF
How to Communicate Effectively via Infographics - ColorWhistle
PPTX
Integrating images and external material
PDF
Introduction to Infographic Design
PPTX
360369963-Visual-Media-and-Information.pptx
PPTX
Technical Files Presentation
DOCX
Infographics
PPT
Power Point Presentation
Imaging and Design for the Online Environment.pptx
Lesson 5 Manipulating Text, Graphics, and Images
Basic principles of graphic and layout.pptx
Integrating Images.pptx
BMSC1103 Graphics Presentation
Imagepresentation
Visual-design-1..pptx and imagine file format
E-Tech_Advance word processing skills.pptx
Integrating Images and external Materials.pptx
Nediger_Infographics_2019.pdf
Technical File Presentation Version 2
Image and design manipulation in empowerment technology
Dimensions of Media and Information – Visual
How to Communicate Effectively via Infographics - ColorWhistle
Integrating images and external material
Introduction to Infographic Design
360369963-Visual-Media-and-Information.pptx
Technical Files Presentation
Infographics
Power Point Presentation
Ad

Recently uploaded (20)

PDF
Vision Prelims GS PYQ Analysis 2011-2022 www.upscpdf.com.pdf
PDF
Empowerment Technology for Senior High School Guide
PDF
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
PPTX
ELIAS-SEZIURE AND EPilepsy semmioan session.pptx
PDF
LDMMIA Reiki Yoga Finals Review Spring Summer
PPTX
Chinmaya Tiranga Azadi Quiz (Class 7-8 )
PPTX
Onco Emergencies - Spinal cord compression Superior vena cava syndrome Febr...
PDF
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 1)
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
DOCX
Cambridge-Practice-Tests-for-IELTS-12.docx
PPTX
CHAPTER IV. MAN AND BIOSPHERE AND ITS TOTALITY.pptx
PDF
Hazard Identification & Risk Assessment .pdf
PPTX
History, Philosophy and sociology of education (1).pptx
PDF
AI-driven educational solutions for real-life interventions in the Philippine...
PDF
FOISHS ANNUAL IMPLEMENTATION PLAN 2025.pdf
PDF
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 2).pdf
PPTX
A powerpoint presentation on the Revised K-10 Science Shaping Paper
PDF
Environmental Education MCQ BD2EE - Share Source.pdf
PDF
Paper A Mock Exam 9_ Attempt review.pdf.
PDF
David L Page_DCI Research Study Journey_how Methodology can inform one's prac...
Vision Prelims GS PYQ Analysis 2011-2022 www.upscpdf.com.pdf
Empowerment Technology for Senior High School Guide
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
ELIAS-SEZIURE AND EPilepsy semmioan session.pptx
LDMMIA Reiki Yoga Finals Review Spring Summer
Chinmaya Tiranga Azadi Quiz (Class 7-8 )
Onco Emergencies - Spinal cord compression Superior vena cava syndrome Febr...
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 1)
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
Cambridge-Practice-Tests-for-IELTS-12.docx
CHAPTER IV. MAN AND BIOSPHERE AND ITS TOTALITY.pptx
Hazard Identification & Risk Assessment .pdf
History, Philosophy and sociology of education (1).pptx
AI-driven educational solutions for real-life interventions in the Philippine...
FOISHS ANNUAL IMPLEMENTATION PLAN 2025.pdf
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 2).pdf
A powerpoint presentation on the Revised K-10 Science Shaping Paper
Environmental Education MCQ BD2EE - Share Source.pdf
Paper A Mock Exam 9_ Attempt review.pdf.
David L Page_DCI Research Study Journey_how Methodology can inform one's prac...

Basic principles of_graphics_and_layout

  • 1. BASIC PRINCIPLES OF GRAPHICS AND LAYOUT
  • 2. Basic Principles of Graphics and Layout 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.
  • 3. 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. Infographics are graphic visual representations of information, data or knowledge intended to present information quickly and clearly. They can improve cognition by utilizing graphics to enhance the human visual system's ability to see patterns and trends.
  • 4. Principles of Infographics 1. Be unique 2. Keep it simple 3. Be creative and bold 4. Less is more The fortune is in the forwarding
  • 5. Basic Elements of layout and design e most basic of all elements. Lines can define the characteristic of an infographic. Lines can form shapes that can catch attention of a v of the powerful and influential elements in an infographic. Using the right combination of colors can catch the attention of a passerby o glancing viewers. Shapes are defined by the enclosure created by a combination of multiple lines
  • 6. Image File Formats Pixels (Picture Elements) are arranged and stored in manner dictated by the format of the image. Joint Photographic Experts Group (JPEG or JPG) –compression method that complies with the JPEG File Interchange Format (JFIF) Tagged Imaged File Format (TIFF) –is a less common file format supported by Web browsers. Graphics Interchange Format (GIF) –is a popular file format for storing graphical images with fewer colors. Portable Network Graphics (PNG) –intention for the creation of this file format is to be free and open source substitute for GIF.