Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Similar presentations


Presentation on theme: "Multiuse Design Elements 1.01 Understand typography, multiuse design principles and elements."— Presentation transcript:

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

2 Lines Can be any size, shape, texture, pattern or direction Can be straight or curved

3 Lines Can Organize AppleGrapesOranges Red DeliciousWhiteNavel FujiRedHamlin

4 Lines Can Create Movement

5 Lines Can Connect Speaker Fence X’s Post Hat Leaves Box

6 Lines Can Separate 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 IPSUM 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 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.

7 Lines Can Provide Texture

8 Lines Can Convey a Mood or Emotion

9 Lines Can Define Shapes

10 Lines Can Provide Emphasis Magazine Article Title Newspaper Title

11 Lines Can Provide a Frame

12 Power Point Project Line: Select one example of each line description below from a publication on the Internet. Straight Line Curved Line Lines that organize Lines that connect Lines that create movement Lines that create emotion Lines that provide texture Lines that frame Cut and paste the examples into your new power point. Write a brief caption below each example describing them.

13 Space Positive Space – length, width, and depth of objects Negative Space – “white space” ▫ the distance between objects ▫ Necessary to avoid clutter; gives a design breathing room Example: Two shapes on a page are positive space. The space between them is negative space.

14 Examples of space

15 Space improves readability

16 Power Point Project Continued: Space: Select 3 examples of space from the list below from a publication on the internet. Positive Space (3 examples) Negative Space (3 examples) Cut and paste the examples into your power point and write a brief caption below each example describing the space and how it enhances the publication.

17 Shapes 2-dimensional space Enhances a publication Shapes can be: ▫ Geometric – triangles, squares, circles. ▫ Organic – natural or man-made shapes  leaves, flowers, cars ▫ Abstract – a blend of both

18

19 Power Point Project Continued Shape: Select two examples of each shape from the list below from a publication on the internet. Geometric Organic Abstract Cut and paste the examples into your power point and write a brief caption below each example describing the shape and how it enhances the message of the publication.

20 Form 3-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 Form

21 Power Point Project Continued Form: Select 3 examples of 3-D form from the list below from a publication on the internet. Form created by shadows (3 examples) Form created by gradient or color transition (3 examples) Cut and paste the examples on to your power point and write a brief caption below each example describing the form and how it enhances the publication.

22 Mass The size or amount of space taken up by an element. Used for emphasis

23 Power Point Project Continued Mass: Select 6 total examples of mass from a publication on the internet. Mass that is large (3) Mass that is heavier/darker (3) Cut and paste the examples into your power point and write a brief caption below each example describing the mass and how the mass affects the publication.

24 Texture Used to convey a sense of touch or feel

25

26 Power Point Project Continued Texture: Select five different examples of texture from a publication on the internet. Background texture Texture applied to text Texture applied to shapes Synthetic texture, such as denim, leather, fur Environmental texture, such as grass, water, earth Cut and paste the examples into your power point and write a brief caption below each example describing the texture and how the texture affects the publication.

27 Color as a Design Element ▫ Evokes Emotion  Sets tone or mood  Color Themes  Cool Colors - blue, green, violet ▫ Considered calming  Warm Colors – red, orange, yellow ▫ Considered exciting  Neutral Colors – beige, ivory, taupe, black, gray, white ▫ Unify a design ▫ Can add or detract ▫ Can create movement and lead the eye Color

28 Color Harmony Create harmony by choosing pleasing color combinations from a color palette Color PaletteColor Wheel

29 Color Schemes Complementary color scheme – any 2 colors directly opposite each other on the color wheel ▫ Examples: Red/Green, Purple/Yellow

30 Color Schemes Analogous color scheme - any three colors which are side by side on a 12 part color wheel ▫ Example: yellow-green, yellow, and yellow- orange. ▫ Usually one of the three colors predominates.

31 Color Schemes Monochromatic color scheme - uses variations in lightness and saturation of a single color. ▫ Produces a soothing effect ▫ Easy on the eyes; however, can be difficult to highlight important elements

32 Color on Monitors Measured in RGB – red, green, blue ▫ Each color is assigned a number between 0 and 255. ▫ 255, 255, 255 = black Additive color – as color, or light, is added the result gets lighter

33 Color and Printers Printers use a color model called CMYK. ▫ Cyan, Magenta, Yellow and Black They are based on percentages. ▫ If each is set to 100%, the color is black. Subtractive Color – as color is added, the result gets darker

34 Color Matching matching the printed ink color to the color displayed on the monitor ▫ Change your color model to:  CMYK for printed material  RGB for on-screen displays

35 Color Terms Hue – a color Value – the brightness of a color Tint – a hue plus white Shade – a hue plus black Saturation - the amount of the hue used; a color’s intensity Pink: A tint of red Burgandy: A shade of red Red is the hue

36 Power Point Project Continued Color: Select one example of each color concept from a publication on the internet. Cool Colors Warm Colors Neutral Colors Complementary Color Scheme Analogous Color Scheme Monochromatic Color Scheme Cut and paste the examples into your power point and write a brief caption below each example describing the color and how the use of color affects the publication.

37 What have you learned?


Download ppt "Multiuse Design Elements 1.01 Understand typography, multiuse design principles and elements."

Similar presentations


Ads by Google