SlideShare a Scribd company logo
EMPOWERMENT
TECHNOLOGIES
Lesson 6
Imaging and Design for Online
Environment
• Basic principles of graphics and layout
Basic Principles of Graphics and
Layout
• BALANCE . The visual weight of objects, texture, colors, and space is evenly distributed on the
screen.
• ♦ SYMMETRICAL BALANCE. The elements used on one side of the design are similar to those
on the similar side
• ♦ ASYMMETRICAL BALANCE . The side are different but still look balanced.
Basic Principles of Graphics and Layout
• • EMPHASIS. The part of the design that catches the viewer's attention. Usually the artist
will make one area stand out by contrasting it with other areas. The area could be
different in size, color, texture, shape,
Basic Principles of Graphics and Layout
• •MOVEMENT. The path the viewer's eye takes through the work of art, often to focal
areas. Such movement can be directed along lines, edges, shape, and color within the
work of art.
BASIC PRINCIPLES OF GRAPHICS AND LAYOUT
• • PATTERN, REPETITION, AND RHYTHM. The repeating of an object or symbol all over the
work of art. Repetition works with pattern to make the work of art seem active. The
repetition of elements of design creates unity within the work of art.
• • Rhythm is created when one or more elements of design are used repeatedly to create
a feeling of organized movement. Rhythm creates a mood like music or dancing. To keep
rhythm exciting and active, variety is essential.
BASIC PRINCIPLES OF GRAPHICS AND LAYOUT
• •PROPORTION. The feeling of unity created when all parts (sizes, amounts, or number)
relate well with each other. When drawing the human figure, proportion can refer:: to the
size of the head compared to the rest of the body.
BASIC PRINCIPLES OF GRAPHICS AND LAYOUT
• • VARIETY. The use of several elements of design to hold the viewer's attention and to
guide the viewer's eye through and around the work of art. Unity is the feeling of harmony
between all parts of the work of art, which creates a sense of completeness
BASIC PRINCIPLES OF GRAPHICS AND LAYOUT
Zoho Show
To create beautiful presentations, download Zoho Show from Play Store https://zoho.to/cy7
Empowerment Technologies .pdf
(This PDF has been generated using Zoho Show)

More Related Content

Similar to Basic Principles of Graphics and Layouts

Principles design
Principles designPrinciples design
Principles design
Dt Rahul
 
PRINCIPLES-OF-INDIGENOUS-CRAFTS (1).pptx
PRINCIPLES-OF-INDIGENOUS-CRAFTS (1).pptxPRINCIPLES-OF-INDIGENOUS-CRAFTS (1).pptx
PRINCIPLES-OF-INDIGENOUS-CRAFTS (1).pptx
dianebatiancila05
 
Principle of landscape design
Principle of landscape designPrinciple of landscape design
Principle of landscape design
Nitin Thakral
 
Principles of design
Principles of designPrinciples of design
Principles of design
Niladri Karmakar
 
Principles design
Principles designPrinciples design
Principles design
Dr. Pravin Yadav
 
Photography composition f
Photography composition fPhotography composition f
Photography composition f
ballardgraphicdesign
 
platingusingartprincipleslecture.ppt
platingusingartprincipleslecture.pptplatingusingartprincipleslecture.ppt
platingusingartprincipleslecture.ppt
MarcelGelacio
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of Design
KM Claudio
 
Elements & Principles of Art
Elements & Principles of ArtElements & Principles of Art
Elements & Principles of Art
Charlene Mangaldan
 
Lesson 1 • Elements & Principles of Design and Art
Lesson 1 • Elements & Principles of Design and ArtLesson 1 • Elements & Principles of Design and Art
Lesson 1 • Elements & Principles of Design and Art
Marcio Sargento
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Design
Hunter Fleury
 
Principles of design
Principles of designPrinciples of design
Principles of design
Surhan Fatima
 
Principles of design
Principles of designPrinciples of design
Principles of design
John Burrows
 
PRINCIPLES OF DESIGN.pptx
PRINCIPLES OF DESIGN.pptxPRINCIPLES OF DESIGN.pptx
PRINCIPLES OF DESIGN.pptx
JOHNCARLOBAYBAYON1
 
Principals of design_Dr.Ash
Principals of design_Dr.AshPrincipals of design_Dr.Ash
Principals of design_Dr.Ash
Dr.S.Aishwariya
 
Design concepts
Design conceptsDesign concepts
Design concepts
Chandran Kani
 
Architecture and town planning unit ii by kedar v
Architecture and town planning unit   ii by kedar v Architecture and town planning unit   ii by kedar v
Architecture and town planning unit ii by kedar v
Vankadari Kedar
 
ELEMENTS-OF-ARTS-q1w1.pptx
ELEMENTS-OF-ARTS-q1w1.pptxELEMENTS-OF-ARTS-q1w1.pptx
ELEMENTS-OF-ARTS-q1w1.pptx
KevinJonConson
 
Lecture 1 b definition of principle of design
Lecture 1 b definition of principle of designLecture 1 b definition of principle of design
Lecture 1 b definition of principle of design
Wilfred Dexter Tanedo
 
Elementsofphotograph
ElementsofphotographElementsofphotograph
Elementsofphotograph
Mito Investment
 

Similar to Basic Principles of Graphics and Layouts (20)

Principles design
Principles designPrinciples design
Principles design
 
PRINCIPLES-OF-INDIGENOUS-CRAFTS (1).pptx
PRINCIPLES-OF-INDIGENOUS-CRAFTS (1).pptxPRINCIPLES-OF-INDIGENOUS-CRAFTS (1).pptx
PRINCIPLES-OF-INDIGENOUS-CRAFTS (1).pptx
 
Principle of landscape design
Principle of landscape designPrinciple of landscape design
Principle of landscape design
 
Principles of design
Principles of designPrinciples of design
Principles of design
 
Principles design
Principles designPrinciples design
Principles design
 
Photography composition f
Photography composition fPhotography composition f
Photography composition f
 
platingusingartprincipleslecture.ppt
platingusingartprincipleslecture.pptplatingusingartprincipleslecture.ppt
platingusingartprincipleslecture.ppt
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of Design
 
Elements & Principles of Art
Elements & Principles of ArtElements & Principles of Art
Elements & Principles of Art
 
Lesson 1 • Elements & Principles of Design and Art
Lesson 1 • Elements & Principles of Design and ArtLesson 1 • Elements & Principles of Design and Art
Lesson 1 • Elements & Principles of Design and Art
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Design
 
Principles of design
Principles of designPrinciples of design
Principles of design
 
Principles of design
Principles of designPrinciples of design
Principles of design
 
PRINCIPLES OF DESIGN.pptx
PRINCIPLES OF DESIGN.pptxPRINCIPLES OF DESIGN.pptx
PRINCIPLES OF DESIGN.pptx
 
Principals of design_Dr.Ash
Principals of design_Dr.AshPrincipals of design_Dr.Ash
Principals of design_Dr.Ash
 
Design concepts
Design conceptsDesign concepts
Design concepts
 
Architecture and town planning unit ii by kedar v
Architecture and town planning unit   ii by kedar v Architecture and town planning unit   ii by kedar v
Architecture and town planning unit ii by kedar v
 
ELEMENTS-OF-ARTS-q1w1.pptx
ELEMENTS-OF-ARTS-q1w1.pptxELEMENTS-OF-ARTS-q1w1.pptx
ELEMENTS-OF-ARTS-q1w1.pptx
 
Lecture 1 b definition of principle of design
Lecture 1 b definition of principle of designLecture 1 b definition of principle of design
Lecture 1 b definition of principle of design
 
Elementsofphotograph
ElementsofphotographElementsofphotograph
Elementsofphotograph
 

Recently uploaded

Benner "Expanding Pathways to Publishing Careers"
Benner "Expanding Pathways to Publishing Careers"Benner "Expanding Pathways to Publishing Careers"
Benner "Expanding Pathways to Publishing Careers"
National Information Standards Organization (NISO)
 
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptxRESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
zuzanka
 
SWOT analysis in the project Keeping the Memory @live.pptx
SWOT analysis in the project Keeping the Memory @live.pptxSWOT analysis in the project Keeping the Memory @live.pptx
SWOT analysis in the project Keeping the Memory @live.pptx
zuzanka
 
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
Nguyen Thanh Tu Collection
 
Standardized tool for Intelligence test.
Standardized tool for Intelligence test.Standardized tool for Intelligence test.
Standardized tool for Intelligence test.
deepaannamalai16
 
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
TechSoup
 
MDP on air pollution of class 8 year 2024-2025
MDP on air pollution of class 8 year 2024-2025MDP on air pollution of class 8 year 2024-2025
MDP on air pollution of class 8 year 2024-2025
khuleseema60
 
Juneteenth Freedom Day 2024 David Douglas School District
Juneteenth Freedom Day 2024 David Douglas School DistrictJuneteenth Freedom Day 2024 David Douglas School District
Juneteenth Freedom Day 2024 David Douglas School District
David Douglas School District
 
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptxNEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
iammrhaywood
 
Bonku-Babus-Friend by Sathyajith Ray (9)
Bonku-Babus-Friend by Sathyajith Ray  (9)Bonku-Babus-Friend by Sathyajith Ray  (9)
Bonku-Babus-Friend by Sathyajith Ray (9)
nitinpv4ai
 
Electric Fetus - Record Store Scavenger Hunt
Electric Fetus - Record Store Scavenger HuntElectric Fetus - Record Store Scavenger Hunt
Electric Fetus - Record Store Scavenger Hunt
RamseyBerglund
 
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
 
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptxBeyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
EduSkills OECD
 
Skimbleshanks-The-Railway-Cat by T S Eliot
Skimbleshanks-The-Railway-Cat by T S EliotSkimbleshanks-The-Railway-Cat by T S Eliot
Skimbleshanks-The-Railway-Cat by T S Eliot
nitinpv4ai
 
CIS 4200-02 Group 1 Final Project Report (1).pdf
CIS 4200-02 Group 1 Final Project Report (1).pdfCIS 4200-02 Group 1 Final Project Report (1).pdf
CIS 4200-02 Group 1 Final Project Report (1).pdf
blueshagoo1
 
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...
indexPub
 
Mule event processing models | MuleSoft Mysore Meetup #47
Mule event processing models | MuleSoft Mysore Meetup #47Mule event processing models | MuleSoft Mysore Meetup #47
Mule event processing models | MuleSoft Mysore Meetup #47
MysoreMuleSoftMeetup
 
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) CurriculumPhilippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
MJDuyan
 
How Barcodes Can Be Leveraged Within Odoo 17
How Barcodes Can Be Leveraged Within Odoo 17How Barcodes Can Be Leveraged Within Odoo 17
How Barcodes Can Be Leveraged Within Odoo 17
Celine George
 
How to Predict Vendor Bill Product in Odoo 17
How to Predict Vendor Bill Product in Odoo 17How to Predict Vendor Bill Product in Odoo 17
How to Predict Vendor Bill Product in Odoo 17
Celine George
 

Recently uploaded (20)

Benner "Expanding Pathways to Publishing Careers"
Benner "Expanding Pathways to Publishing Careers"Benner "Expanding Pathways to Publishing Careers"
Benner "Expanding Pathways to Publishing Careers"
 
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptxRESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
RESULTS OF THE EVALUATION QUESTIONNAIRE.pptx
 
SWOT analysis in the project Keeping the Memory @live.pptx
SWOT analysis in the project Keeping the Memory @live.pptxSWOT analysis in the project Keeping the Memory @live.pptx
SWOT analysis in the project Keeping the Memory @live.pptx
 
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
 
Standardized tool for Intelligence test.
Standardized tool for Intelligence test.Standardized tool for Intelligence test.
Standardized tool for Intelligence test.
 
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
Elevate Your Nonprofit's Online Presence_ A Guide to Effective SEO Strategies...
 
MDP on air pollution of class 8 year 2024-2025
MDP on air pollution of class 8 year 2024-2025MDP on air pollution of class 8 year 2024-2025
MDP on air pollution of class 8 year 2024-2025
 
Juneteenth Freedom Day 2024 David Douglas School District
Juneteenth Freedom Day 2024 David Douglas School DistrictJuneteenth Freedom Day 2024 David Douglas School District
Juneteenth Freedom Day 2024 David Douglas School District
 
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptxNEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
 
Bonku-Babus-Friend by Sathyajith Ray (9)
Bonku-Babus-Friend by Sathyajith Ray  (9)Bonku-Babus-Friend by Sathyajith Ray  (9)
Bonku-Babus-Friend by Sathyajith Ray (9)
 
Electric Fetus - Record Store Scavenger Hunt
Electric Fetus - Record Store Scavenger HuntElectric Fetus - Record Store Scavenger Hunt
Electric Fetus - Record Store Scavenger Hunt
 
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...
 
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptxBeyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
 
Skimbleshanks-The-Railway-Cat by T S Eliot
Skimbleshanks-The-Railway-Cat by T S EliotSkimbleshanks-The-Railway-Cat by T S Eliot
Skimbleshanks-The-Railway-Cat by T S Eliot
 
CIS 4200-02 Group 1 Final Project Report (1).pdf
CIS 4200-02 Group 1 Final Project Report (1).pdfCIS 4200-02 Group 1 Final Project Report (1).pdf
CIS 4200-02 Group 1 Final Project Report (1).pdf
 
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...
 
Mule event processing models | MuleSoft Mysore Meetup #47
Mule event processing models | MuleSoft Mysore Meetup #47Mule event processing models | MuleSoft Mysore Meetup #47
Mule event processing models | MuleSoft Mysore Meetup #47
 
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) CurriculumPhilippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
 
How Barcodes Can Be Leveraged Within Odoo 17
How Barcodes Can Be Leveraged Within Odoo 17How Barcodes Can Be Leveraged Within Odoo 17
How Barcodes Can Be Leveraged Within Odoo 17
 
How to Predict Vendor Bill Product in Odoo 17
How to Predict Vendor Bill Product in Odoo 17How to Predict Vendor Bill Product in Odoo 17
How to Predict Vendor Bill Product in Odoo 17
 

Basic Principles of Graphics and Layouts

  • 2. Lesson 6 Imaging and Design for Online Environment • Basic principles of graphics and layout
  • 3. Basic Principles of Graphics and Layout
  • 4. • BALANCE . The visual weight of objects, texture, colors, and space is evenly distributed on the screen. • ♦ SYMMETRICAL BALANCE. The elements used on one side of the design are similar to those on the similar side • ♦ ASYMMETRICAL BALANCE . The side are different but still look balanced. Basic Principles of Graphics and Layout
  • 5. • • EMPHASIS. The part of the design that catches the viewer's attention. Usually the artist will make one area stand out by contrasting it with other areas. The area could be different in size, color, texture, shape, Basic Principles of Graphics and Layout
  • 6. • •MOVEMENT. The path the viewer's eye takes through the work of art, often to focal areas. Such movement can be directed along lines, edges, shape, and color within the work of art. BASIC PRINCIPLES OF GRAPHICS AND LAYOUT
  • 7. • • PATTERN, REPETITION, AND RHYTHM. The repeating of an object or symbol all over the work of art. Repetition works with pattern to make the work of art seem active. The repetition of elements of design creates unity within the work of art. • • Rhythm is created when one or more elements of design are used repeatedly to create a feeling of organized movement. Rhythm creates a mood like music or dancing. To keep rhythm exciting and active, variety is essential. BASIC PRINCIPLES OF GRAPHICS AND LAYOUT
  • 8. • •PROPORTION. The feeling of unity created when all parts (sizes, amounts, or number) relate well with each other. When drawing the human figure, proportion can refer:: to the size of the head compared to the rest of the body. BASIC PRINCIPLES OF GRAPHICS AND LAYOUT
  • 9. • • VARIETY. The use of several elements of design to hold the viewer's attention and to guide the viewer's eye through and around the work of art. Unity is the feeling of harmony between all parts of the work of art, which creates a sense of completeness BASIC PRINCIPLES OF GRAPHICS AND LAYOUT
  • 10. Zoho Show To create beautiful presentations, download Zoho Show from Play Store https://zoho.to/cy7 Empowerment Technologies .pdf (This PDF has been generated using Zoho Show)