Multiuse Design Elements 1.01 Understand typography, multiuse design principles and elements

  • View
    51

  • Download
    10

Embed Size (px)

DESCRIPTION

Multiuse Design Elements 1.01 Understand typography, multiuse design principles and elements. Lines. Can be any size, shape, texture, pattern or direction Can be straight or curved. Lines Can Organize. Lines Can Create Movement. Leaves. Speaker. X’s. Post. Hat. Box. Fence. - PowerPoint PPT Presentation

Text of Multiuse Design Elements 1.01 Understand typography, multiuse design principles and elements

2.02 Elements of Design Desktop Publishing

Multiuse Design Elements

1.01 Understand typography, multiuse design principles and elements.1LinesCan be any size, shape, texture, pattern or directionCan be straight or curved

2About.com line examples link url = http://desktoppub.about.com/od/elements/l/aa_lines1.htmLines Can OrganizeAppleGrapesOrangesRed DeliciousWhiteNavel

FujiRedHamlin3Lines Can Create Movement

4Lines Can Connect

SpeakerFenceXsPostHatLeavesBox5Teacher Note: Lines are being used to connect the terms to the parts of the graphic being described by the text.Lines Can SeparateLorem Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea deserunt mollit anim id est laborum.

LOREM IPSUMLorem Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem Lorem ipsum t occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea deserunt mollit anim id est laborum.

6Lines Can Provide TextureText with Texture7Lines Can Convey a Mood or Emotion

8Lines Can Define Shapes

9Lines Can Provide EmphasisMagazine Article TitleNewspaper Title10Lines Can Provide a Frame

11SpacePositive Space length, width, and depth of objectsNegative Space white spacethe distance between objectsNecessary to avoid clutter; gives a design breathing roomExample: Two shapes on a page are positive space. The space between them is negative space.

Examples of space

Space improves readability

Shapes2-dimensional spaceEnhances a publicationShapes can be:Geometric triangles, squares, circles.Organic natural or man-made shapesleaves, flowers, carsAbstract a blend of both

15

Facilitate a discussion about the shapes used in these designs16Form3-dimensional space added to objects by the addition of shadows, tone, or color transitions

3-D space because of shadow added 2-D Shape 3-D Form17MassThe size or amount of space taken up by an element.Used for emphasisMassMassMass

18TextureUsed to convey a sense of touch or feel19

Facilitate a discussion about the textures in these examples20Color as a Design ElementEvokes EmotionSets tone or moodColor Themes Cool Colors - blue, green, violetConsidered calmingWarm Colors red, orange, yellowConsidered excitingNeutral Colors beige, ivory, taupe, black, gray, whiteUnify a designCan add or detract Can create movement and lead the eyeColor21Color HarmonyCreate harmony by choosing pleasing color combinations from a color palette

Color PaletteColor WheelColor SchemesComplementary color scheme any 2 colors directly opposite each other on the color wheelExamples: Red/Green, Purple/Yellow

Color SchemesAnalogous color scheme - any three colors which are side by side on a 12 part color wheelExample: yellow-green, yellow, and yellow-orange. Usually one of the three colors predominates.

Color SchemesMonochromatic color scheme - uses variations in lightness and saturation of a single color. Produces a soothing effectEasy on the eyes; however, can be difficult to highlight important elements

Color on MonitorsMeasured in RGB red, green, blueEach color is assigned a number between 0 and 255.255, 255, 255 = blackAdditive color as color, or light, is added the result gets lighter

For more information, visit http://www.worqx.com/color/color_systems.htm26Color and PrintersPrinters use a color model called CMYK.Cyan, Magenta, Yellow and BlackThey are based on percentages.If each is set to 100%, the color is black.Subtractive Color as color is added, the result gets darker

27For more information, visit http://www.worqx.com/color/color_systems.htmColor Matchingmatching the printed ink color to the color displayed on the monitorChange your color model to:CMYK for printed materialRGB for on-screen displays28Color TermsHue a colorValue the brightness of a colorTint a hue plus whiteShade a hue plus blackSaturation - the amount of the hue used; a colors intensityPink: A tint of redBurgandy: A shade of redRed is the hue29http://www.colorsontheweb.com/colorterms.asp

http://desktoppub.about.com/od/howcolorworks/ss/Color-Basics-Desktop-Publishing_7.htmWhat have you learned?This design has many examples of the design elements discussed in this PowerPoint. The teacher may use this slide as a class discussion to review the concepts.30