1 / 30

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

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.

Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Multiuse Design Elements1.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

  4. Lines Can CreateMovement

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

  6. LoremLoremipsum dolor sit amet, consecteturadipisicingelit, sed do eiusmodtemporincididuntutlabore et dolore magna aliqua. Utenim ad minim veniam, quisnostrud exercitation ullamcolaboris nisi utaliquip ex eacommodoconsequat. Duisauteirure dolor in reprehenderit in voluptatevelitessecillumdoloreeufugiatnullapariatur. Excepteursintoccaecatcupidatat non proident, sunt in culpa qui officiadeseruntmollitanim id estlaborum. LoremLoremipsum dolor sit amet, consecteturadipisicingelit, sed do eiusmodtemporincididuntutlabore et dolore magna aliqua. Utenim ad minim veniam, quisnostrud exercitation ullamcolaboris nisi utaliquip ex eacommodoconsequat. Duisauteirure dolor in reprehenderit in voluptatevelitessecillumdoloreeufugiatnullapariatur. Excepteursintoccaecatcupidatat non proident, sunt in culpa qui officiadeseruntmollitanim id estlaborum. LoremLoremipsum dolor sit amet, consecteturadipisicingelit, sed do eiusmodtemporincididuntutlabore et dolore magna aliqua. Utenim ad minim veniam, quisnostrud exercitation ullamcolaboris nisi utaliquip ex eadeseruntmollitanim id estlaborum. 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. Lines Can Separate

  7. Lines Can ProvideTexture Text with Texture

  8. Lines Can Convey a Mood orEmotion

  9. Lines Can DefineShapes

  10. Magazine Article Title Newspaper Title Lines Can ProvideEmphasis

  11. Lines Can Providea Frame

  12. 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.

  13. Examples of space

  14. Space improves readability

  15. 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

  16. 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

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

  18. Texture • Used to convey a sense of touch or feel

  19. Color 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 • Unifya design • Can add or detract • Can create movement and lead the eye

  20. Color Harmony • Create harmony by choosing pleasing color combinations from a color palette Color Wheel Color Palette

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

  22. 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.

  23. 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

  24. ColoronMonitors • 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

  25. ColorandPrinters • 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

  26. ColorMatching • 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

  27. ColorTerms • 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

  28. What have you learned?

More Related