graphic design “the computer as an educational tool: productivity and problem solving” ©richard...
Post on 21-Dec-2015
218 views
TRANSCRIPT
![Page 1: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/1.jpg)
Graphic DesignGraphic Design““The Computer as an The Computer as an
Educational Tool:Educational Tool: Productivity and Problem Productivity and Problem
Solving” Solving”
©Richard C. Forcier and ©Richard C. Forcier and
Don E. DescyDon E. Descy
![Page 2: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/2.jpg)
IntroductionIntroduction• Design principlesDesign principles• Visual elementsVisual elements• Basic letteringBasic lettering
![Page 3: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/3.jpg)
Four Design Four Design PrinciplesPrinciples
• BalanceBalance• EmphasisEmphasis• SimplicitySimplicity• UnityUnity
![Page 4: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/4.jpg)
1. Balance1. Balance
FormalFormal InformalInformal
![Page 5: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/5.jpg)
2. Emphasis2. Emphasis• The key The key part part should be should be easy to easy to find.find.
![Page 6: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/6.jpg)
Emphasis Emphasis (Continued)(Continued)
• Arrows or other directing Arrows or other directing devicedevice
• Bright colorsBright colors• Contrasting colorsContrasting colors• Size of elementSize of element• Different shapesDifferent shapes
![Page 7: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/7.jpg)
3. Simplicity3. Simplicity
• Fewer Fewer elements elements are more are more pleasing pleasing to the to the eye.eye.
![Page 8: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/8.jpg)
Simplicity Simplicity (Continued)(Continued)
• Fewer elements betterFewer elements better• 15–20 words maximum15–20 words maximum• Bold, simple drawingsBold, simple drawings• Easy lettering stylesEasy lettering styles
![Page 9: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/9.jpg)
4. Unity4. Unity• The different The different
elements of a elements of a design should design should convey a convey a continuity of continuity of thought.thought.
![Page 10: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/10.jpg)
Visual ElementsVisual Elements• LinesLines• Shapes Shapes • Color and contrastColor and contrast• TextureTexture• Space and sizeSpace and size
![Page 11: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/11.jpg)
1. Lines1. Lines
• Use lines Use lines to direct to direct viewer viewer through through words or words or space.space.
![Page 12: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/12.jpg)
2. Shapes2. Shapes• Shapes are Shapes are
used to provide used to provide clearer clearer communication communication and universal and universal understanding.understanding.
![Page 13: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/13.jpg)
3. Color and 3. Color and ContrastContrast• Research has Research has
indicated that indicated that the the appropriate appropriate use of color use of color can make a can make a visual more visual more attractive to a attractive to a viewer.viewer.
![Page 14: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/14.jpg)
Color and Contrast Color and Contrast (Continued)(Continued)
• Use harmonious colorsUse harmonious colors• Gives separationGives separation• Good for emphasisGood for emphasis
![Page 15: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/15.jpg)
4. Texture4. Texture• Replaces Replaces
sense of sense of touchtouch
• Used like Used like color for color for emphasis or emphasis or separationseparation
![Page 16: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/16.jpg)
5. Space and Size5. Space and Size
• There are There are two types two types of space:of space:– Positive Positive – NegativeNegative
![Page 17: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/17.jpg)
Basic Lettering Basic Lettering GuidelinesGuidelines
• SizeSize• Type style (font)Type style (font)• SpacingSpacing
![Page 18: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/18.jpg)
Size, Font, SpacingSize, Font, Spacing
SIZE SIZE SIZESIZE
STYLESTYLE STYLESTYLE STYLESTYLE
This vertical spacingis too close together
for effective legibility.This vertical spacing
is too far apart for
effective legibility.
This spacing appliesthe general principles
relating to verticalspacing.
![Page 19: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/19.jpg)
Lettering SizesLettering Sizes• Nonprojected:Nonprojected:
1/2 inch for each 10 feet 1/2 inch for each 10 feet of viewing distanceof viewing distance
• Projected:Projected:
36 point font size (this 36 point font size (this is 40)is 40)
![Page 20: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/20.jpg)
LetteringLettering• 2/3 fonts or sized2/3 fonts or sized
• Sans-serif Sans-serif Sans-serifSans-serif• 3–6 words on 3–6 lines3–6 words on 3–6 lines• Optical spacingOptical spacing• Upper- and lowercaseUpper- and lowercase
![Page 21: Graphic Design “The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy](https://reader030.vdocuments.net/reader030/viewer/2022032704/56649d635503460f94a45801/html5/thumbnails/21.jpg)
Questions?Questions?