VISUAL PRINCIPLES

PRESENTED BY:

Alpha Grace NatialAlpha 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 colorsComplementary colors– Analogous colorsAnalogous colors

• Color 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.