SlideShare a Scribd company logo
VISUAL PRINCIPLES PRESENTED BY: Alpha Grace Natial
PATTERN a plan or model used as a guide for making something. there should be a pattern to be established on what elements to be include in a visual display.
MAJOR FACTORS THAT AFECT THE OVERALL LOOK OF THE DISPLAYS: Alignment Shape Balance Style  Color scheme Complementary colors Analogous colors C olor appeal
alignment Concerned on the position of primary elements to have a clear visual relationship with each other.
shape Arrange or put visuals according to shape so that the viewer will not expend more effort in interpreting displays or visuals.
Rule of thirds Elements are arranged along any of the one- third dividing lines.  Elements should appear near the intersections of the lines dividing visuals into thirds.
balance Psychological sense of equilibrium when the weight of elements in display is equally contributed to each side of axis.
balance Symmetrical or formal Designs are repeated on both sides. Asymmetrical or informal For the design to give information or to catch attention.
style Different audiences and different setting calls for different design styles.
color schemes Consider harmoniousness of colors in choosing a color scheme.
color schemes Complementary colors 2 colors that lie directly opposite each other in the color wheel. Analogous colors Colors that lie next to each other on the color wheel.
color appeal In choosing colors for instructional materials, consider emotional responses you are seeking. Active, dynamic, warm feeling or more contemplative, thoughtful, cool feeling.
ARRANGEMENT Proximity Directional Figure- ground contrast Consistency
proximity Putting related elements together and moving unrelated elements.
directional To direct attention. Colored elements whether words or images in a monochrome display will also draw the eye.
Figure- ground contrast Different color combinations provide different figure- ground contrasts.
 
 
 
consistency Place elements in similar locations; uses same treatment for headlines; and use the same color scheme all throughout the series of displays.
VISUAL PLANNING TOOLS Deals with design directions that  a teacher or designer must make and not the technical steps involved during the production process.
storyboarding Allows teachers and designers to creatively arrange and rearrange a whole sequence of thumbnail sketches. Useful for planning and presenting raft drafts of presentation. Index cards are commonly used for storyboarding.  They are durable, flexible, inexpensive and available in variety of colors and sizes.
storyboarding May also use computer software with the help of StoryBoard Artist.  This allows you to draw pictures with mouse, import graphics from files, and manipulate images.
TYPES OF LETTERS Use of lettering styles and techniques for visuals.
DRAWING, SKETCHING, AND CARTOONING Visuals that enhance learning. Magazines, textbooks, and advertisements are some sources. Graphic media can be of help.
DRAWING, SKETCHING, AND CARTOONING
digital images Allow users to capture, edit, display, share, and network still and video images.  Another example of linear media.  Provide students and teachers with tools to create visual images including drawings and photographs.
digital images Digital cameras Small and lightweight  Permits you to see a large image displayed on the back of camera before taking picture.
scanners Flatbed scanners Look like the top of a photocopy machine and connected to computer with special cables.
scanners Charge- coupled device (CCD) Capable of changing optical images into electrical charges which in turn converted into a digital form acceptable by computer.
PHOTO CD Alternative for digital images which is less expensive. Can be read by CD- ROM player connected to computer.

More Related Content

PPT
Principles and elements of design
PPTX
Basic principles of grapics and layout
PPTX
Basic principles of graphics and layout
PPTX
Using Shapes to Build a Digital Poster
PPTX
Basic layout principles
PPTX
Empowerment Technologies Lecture 6 (Philippines SHS)
PDF
Design principles
PPT
Educational Technology 1 Graphic Materials
Principles and elements of design
Basic principles of grapics and layout
Basic principles of graphics and layout
Using Shapes to Build a Digital Poster
Basic layout principles
Empowerment Technologies Lecture 6 (Philippines SHS)
Design principles
Educational Technology 1 Graphic Materials

What's hot (18)

PDF
Intro to the Principles of Graphic Design
PPTX
Pattern and arrangement
PPTX
Basic Principles of Graphics and Layout
PDF
Graphic design slideshow
PPTX
Empowerment Technologies - Imaging and Design for the Online Environment
PPTX
Basic Principles Of Graphics and Layout
PPTX
Visual Media (Part 2)
PPTX
Painting our world
PPTX
Non – projected
PDF
Infographics
PPTX
1-1 Elements of Design lecture
PPTX
Graphic aids
PPTX
Visual Media
PPTX
Graphic design composition
PDF
Still life 1 2013
PDF
Design Overview
PDF
Contrast in Designs
PPTX
1-2 Principles of Design lecture
Intro to the Principles of Graphic Design
Pattern and arrangement
Basic Principles of Graphics and Layout
Graphic design slideshow
Empowerment Technologies - Imaging and Design for the Online Environment
Basic Principles Of Graphics and Layout
Visual Media (Part 2)
Painting our world
Non – projected
Infographics
1-1 Elements of Design lecture
Graphic aids
Visual Media
Graphic design composition
Still life 1 2013
Design Overview
Contrast in Designs
1-2 Principles of Design lecture
Ad

Similar to Pattern (report) (20)

PPTX
Graphics Design vs. Layout Design | EMPOWERMENT TECHNOLOGIES - SHS
PPTX
Introduction to Graphic Design- Elements and Principles of Art
PPT
Visual Principles
PPTX
Lesson 3 IMAGING-AND-DESIGN-FOR-ONLINE-ENVIRONMENT-PRE-TEST.pptx
PDF
MEDIA AND INFORMATION LITERACY (MIL)
PDF
The Language of Design.pdf
PPTX
Empowerment-technologies-presentation.pptx
PPTX
TLE 8 EAGLE q1 week 3.pOWERPOINT LESSON
PPTX
Visual design
PPTX
IVC - Lesson 14
PDF
Practical Lecture 3_Graphics Elements and Principles.pdf
PPTX
ET_lESSON_6.pptx
PPTX
Colour combination.pptx
PPTX
Visual Design
PPTX
LESSON 5 - Imaging and Design for the Online Environment.pptx
PDF
How to select and create an effective visual for your business presentation
PPTX
Elements and Principles of Design - Avantika University
PDF
The Principles Of Graphics Design Presentation.pdf
PDF
Data visualization data sources data types
PPTX
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
Graphics Design vs. Layout Design | EMPOWERMENT TECHNOLOGIES - SHS
Introduction to Graphic Design- Elements and Principles of Art
Visual Principles
Lesson 3 IMAGING-AND-DESIGN-FOR-ONLINE-ENVIRONMENT-PRE-TEST.pptx
MEDIA AND INFORMATION LITERACY (MIL)
The Language of Design.pdf
Empowerment-technologies-presentation.pptx
TLE 8 EAGLE q1 week 3.pOWERPOINT LESSON
Visual design
IVC - Lesson 14
Practical Lecture 3_Graphics Elements and Principles.pdf
ET_lESSON_6.pptx
Colour combination.pptx
Visual Design
LESSON 5 - Imaging and Design for the Online Environment.pptx
How to select and create an effective visual for your business presentation
Elements and Principles of Design - Avantika University
The Principles Of Graphics Design Presentation.pdf
Data visualization data sources data types
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
Ad

Recently uploaded (20)

PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PDF
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
PPTX
Introduction to Building Materials
PDF
A systematic review of self-coping strategies used by university students to ...
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
Weekly quiz Compilation Jan -July 25.pdf
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PPTX
UNIT III MENTAL HEALTH NURSING ASSESSMENT
PDF
SOIL: Factor, Horizon, Process, Classification, Degradation, Conservation
PDF
LNK 2025 (2).pdf MWEHEHEHEHEHEHEHEHEHEHE
PDF
Trump Administration's workforce development strategy
PDF
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
PPTX
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
PPTX
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
PPTX
Unit 4 Skeletal System.ppt.pptxopresentatiom
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
PPTX
Onco Emergencies - Spinal cord compression Superior vena cava syndrome Febr...
PPTX
Digestion and Absorption of Carbohydrates, Proteina and Fats
PDF
1_English_Language_Set_2.pdf probationary
PDF
Indian roads congress 037 - 2012 Flexible pavement
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
Introduction to Building Materials
A systematic review of self-coping strategies used by university students to ...
Final Presentation General Medicine 03-08-2024.pptx
Weekly quiz Compilation Jan -July 25.pdf
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
UNIT III MENTAL HEALTH NURSING ASSESSMENT
SOIL: Factor, Horizon, Process, Classification, Degradation, Conservation
LNK 2025 (2).pdf MWEHEHEHEHEHEHEHEHEHEHE
Trump Administration's workforce development strategy
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
Unit 4 Skeletal System.ppt.pptxopresentatiom
Chinmaya Tiranga quiz Grand Finale.pdf
Onco Emergencies - Spinal cord compression Superior vena cava syndrome Febr...
Digestion and Absorption of Carbohydrates, Proteina and Fats
1_English_Language_Set_2.pdf probationary
Indian roads congress 037 - 2012 Flexible pavement

Pattern (report)

  • 1. VISUAL PRINCIPLES PRESENTED BY: Alpha Grace Natial
  • 2. PATTERN a plan or model used as a guide for making something. there should be a pattern to be established on what elements to be include in a visual display.
  • 3. MAJOR FACTORS THAT AFECT THE OVERALL LOOK OF THE DISPLAYS: Alignment Shape Balance Style Color scheme Complementary colors Analogous colors C olor appeal
  • 4. alignment Concerned on the position of primary elements to have a clear visual relationship with each other.
  • 5. shape Arrange or put visuals according to shape so that the viewer will not expend more effort in interpreting displays or visuals.
  • 6. Rule of thirds Elements are arranged along any of the one- third dividing lines. Elements should appear near the intersections of the lines dividing visuals into thirds.
  • 7. balance Psychological sense of equilibrium when the weight of elements in display is equally contributed to each side of axis.
  • 8. balance Symmetrical or formal Designs are repeated on both sides. Asymmetrical or informal For the design to give information or to catch attention.
  • 9. style Different audiences and different setting calls for different design styles.
  • 10. color schemes Consider harmoniousness of colors in choosing a color scheme.
  • 11. color schemes Complementary colors 2 colors that lie directly opposite each other in the color wheel. Analogous colors Colors that lie next to each other on the color wheel.
  • 12. color appeal In choosing colors for instructional materials, consider emotional responses you are seeking. Active, dynamic, warm feeling or more contemplative, thoughtful, cool feeling.
  • 13. ARRANGEMENT Proximity Directional Figure- ground contrast Consistency
  • 14. proximity Putting related elements together and moving unrelated elements.
  • 15. directional To direct attention. Colored elements whether words or images in a monochrome display will also draw the eye.
  • 16. Figure- ground contrast Different color combinations provide different figure- ground contrasts.
  • 17.  
  • 18.  
  • 19.  
  • 20. consistency Place elements in similar locations; uses same treatment for headlines; and use the same color scheme all throughout the series of displays.
  • 21. VISUAL PLANNING TOOLS Deals with design directions that a teacher or designer must make and not the technical steps involved during the production process.
  • 22. storyboarding Allows teachers and designers to creatively arrange and rearrange a whole sequence of thumbnail sketches. Useful for planning and presenting raft drafts of presentation. Index cards are commonly used for storyboarding. They are durable, flexible, inexpensive and available in variety of colors and sizes.
  • 23. storyboarding May also use computer software with the help of StoryBoard Artist. This allows you to draw pictures with mouse, import graphics from files, and manipulate images.
  • 24. TYPES OF LETTERS Use of lettering styles and techniques for visuals.
  • 25. DRAWING, SKETCHING, AND CARTOONING Visuals that enhance learning. Magazines, textbooks, and advertisements are some sources. Graphic media can be of help.
  • 27. digital images Allow users to capture, edit, display, share, and network still and video images. Another example of linear media. Provide students and teachers with tools to create visual images including drawings and photographs.
  • 28. digital images Digital cameras Small and lightweight Permits you to see a large image displayed on the back of camera before taking picture.
  • 29. scanners Flatbed scanners Look like the top of a photocopy machine and connected to computer with special cables.
  • 30. scanners Charge- coupled device (CCD) Capable of changing optical images into electrical charges which in turn converted into a digital form acceptable by computer.
  • 31. PHOTO CD Alternative for digital images which is less expensive. Can be read by CD- ROM player connected to computer.