1 / 25

Design Basics: Understanding Color, Type, and CRAP Principles in Interactive Multimedia

This introduction to interactive multimedia design focuses on the fundamentals of color theory, typography, and problem-solving in design. By employing the CRAP principles—Contrast, Repetition, Alignment, and Proximity—designers can effectively communicate messages and engage audiences. Learn how to use colors, shapes, and spacing to create visual contrasts and maintain consistency. We discussed color relationships involving primary, secondary, and complementary colors, along with selection techniques in software like Photoshop.

langer
Télécharger la présentation

Design Basics: Understanding Color, Type, and CRAP Principles in Interactive Multimedia

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. J187 Introduction to Interactive Multimedia IIMM Design Basics Introduction Color Type J187 Class 2

  2. Problem Solving Design is about: Communication Creating Interest Solving Problems • Visual or Design Element: • Anything on the page as well as the lack of anything (space). • Images, text, lines, shapes, graphics, spacing, etc.

  3. CRAP Design C.R.A.P: Contrast Repetition Alignment Proximity

  4. Contrast Use colors, shapes, sizes, fonts, space and imagery to create contrast in design. Avoid colors and typefaces that are similar.

  5. Repetition Repeat visual elements throughout the design Communicates consistency and brand

  6. Alignment Where’s my boat? Dock 4, Slip 20.

  7. Proximity Similar Items Closer, Different farther apart.

  8. Color

  9. CMYK or RGB? CMYK RGB For Screens Light ALWAYS USE IN CLASS! • For Print • Pigment • DO NOT USE IN CLASS! WE WILL NEVER USE OR SPEAK OF CMYK IN THIS CLASS AGAIN!

  10. Color Wheel

  11. Primary Colors Wheel is based on the equal spacing of the primary colors Red, Yellow and Blue

  12. Secondary Colors Equal combinations of those primary colors Orange, Green, Violet/Purple

  13. Tertiary (third) Colors The next level of equal combinations The color blue-green for example.

  14. Color Relationships Complementary Two opposite colors in wheel Triads Triangle Spacing around wheel Analogous Adjacent Hues Monochromatic Single color, varied intensity Compound Combines colors from various hues

  15. Color Relationships Complementary Two opposite colors in wheel Triads Triangle Spacing around wheel Analogous Adjacent Hues Monochromatic Single color, varied intensity Compound Combines colors from various hues

  16. Color Relationships Complementary Two opposite colors in wheel Triads Triangle Spacing around wheel Analogous Adjacent Hues Monochromatic Single color, varied intensity Compound Combines colors from various hues

  17. Color Relationships Complementary Two opposite colors in wheel Triads Triangle Spacing around wheel Analogous Adjacent Hues Monochromatic Single color, varied intensity Compound Combines colors from various hues

  18. Color Relationships Complementary Two opposite colors in wheel Triads Triangle Spacing around wheel Analogous Adjacent Hues Monochromatic Single color, varied intensity Compound Combines colors from various hues

  19. Shades and Tints Add Black Add White

  20. Warm and Cool Colors Warm Cool

  21. Color Scheme Selection http://kuler.adobe.com/#themes/rating?time=30 http://colorschemedesigner.com/ Image Selection in Photoshop

More Related