pattern
DESCRIPTION
my report =DTRANSCRIPT
![Page 1: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/1.jpg)
VISUAL PRINCIPLES
PRESENTED BY:
Alpha Grace NatialAlpha Grace Natial
![Page 2: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/2.jpg)
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.
![Page 3: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/3.jpg)
MAJOR FACTORS THAT AFECT THE OVERALL LOOK OF THE DISPLAYS:
• Alignment• Shape• Balance• Style • Color scheme– Complementary colorsComplementary colors– Analogous colorsAnalogous colors
• Color appeal
![Page 4: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/4.jpg)
alignment
• Concerned on the position of primary elements to have a clear visual relationship with each other.
![Page 5: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/5.jpg)
shape
• Arrange or put visuals according to shape so that the viewer will not expend more effort in interpreting displays or visuals.
![Page 6: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/6.jpg)
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.
![Page 7: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/7.jpg)
balance
• Psychological sense of equilibrium when the weight of elements in display is equally contributed to each side of axis.
![Page 8: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/8.jpg)
balance
• Symmetrical or formal– Designs are repeated
on both sides.
• Asymmetrical or informal– For the design to give
information or to catch attention.
![Page 9: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/9.jpg)
style
• Different audiences and different setting calls for different design styles.
![Page 10: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/10.jpg)
color schemes
• Consider harmoniousness of colors in choosing a color scheme.
![Page 11: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/11.jpg)
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.
![Page 12: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/12.jpg)
color appeal
• In choosing colors for instructional materials, consider emotional responses you are seeking.– Active, dynamic, warm
feeling or more contemplative, thoughtful, cool feeling.
![Page 13: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/13.jpg)
ARRANGEMENT
• Proximity• Directional• Figure- ground contrast• Consistency
![Page 14: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/14.jpg)
proximity
• Putting related elements together and moving unrelated elements.
![Page 15: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/15.jpg)
directional
• To direct attention.– Colored elements
whether words or images in a monochrome display will also draw the eye.
![Page 16: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/16.jpg)
Figure- ground contrast
• Different color combinations provide different figure- ground contrasts.
![Page 17: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/17.jpg)
![Page 18: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/18.jpg)
![Page 19: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/19.jpg)
![Page 20: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/20.jpg)
consistency
• Place elements in similar locations; uses same treatment for headlines; and use the same color scheme all throughout the series of displays.
![Page 21: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/21.jpg)
VISUAL PLANNING TOOLS
• Deals with design directions that a teacher or designer must make and not the technical steps involved during the production process.
![Page 22: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/22.jpg)
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.
![Page 23: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/23.jpg)
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.
![Page 24: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/24.jpg)
TYPES OF LETTERS
• Use of lettering styles and techniques for visuals.
![Page 25: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/25.jpg)
DRAWING, SKETCHING, AND CARTOONING
• Visuals that enhance learning.
• Magazines, textbooks, and advertisements are some sources.
• Graphic media can be of help.
![Page 26: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/26.jpg)
DRAWING, SKETCHING, AND CARTOONING
![Page 27: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/27.jpg)
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.
![Page 28: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/28.jpg)
digital images
• Digital cameras– Small and lightweight – Permits you to see a
large image displayed on the back of camera before taking picture.
![Page 29: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/29.jpg)
scanners
• Flatbed scanners– Look like the top of a
photocopy machine and connected to computer with special cables.
![Page 30: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/30.jpg)
scanners
• Charge- coupled device (CCD)– Capable of changing
optical images into electrical charges which in turn converted into a digital form acceptable by computer.
![Page 31: Pattern](https://reader036.vdocument.in/reader036/viewer/2022081513/556ac827d8b42acd348b4e52/html5/thumbnails/31.jpg)
PHOTO CD
• Alternative for digital images which is less expensive.
• Can be read by CD- ROM player connected to computer.