What is Color? • Color is a visual perception that results from the reflection, absorption, or emission of light. • Our eyes have 3 color receptor cells: red, blue, and green. • Additive and Subtractive Mixing Properties of Color: Hue refers to the basic color family of a color, such as red, blue, or yellow Saturation refers to the intensity of a color, ranging from dull or grayed-out to vivid and pure Brightness refers to the overall lightness or darkness of a color Color Theory • Color theory is a set of guiding principles that can be used to create harmonious color combinations. • The first color wheel was invented by Sir Issac Newton • Red, Orange, Yellow, Green, Blue, Indigo, Violet Color Harmony Complementary Analogous Triadic Color Meaning Attract and Hold Attention • • • • Contrast Color Hierarchy Unexpected Combinations Animation Munker-White Effect When surrounded by different colors, they appear to be different hues. Color Gradients In color design, a gradient refers to a gradual transition between two or more colors. The gradient effect can be achieved by blending different colors together, creating a smooth and continuous transition from one color to another. • Color choices • Direction • Contrast • Balance • Consistency What You See Is Probably Not What You’ll Get • Colors can appear differently on various screens due to the differences in screen resolution, color calibration, and color depth • Always test your designs on both Mac and Windows • Graphic formats and exporting 60-30-10 Rule • The 60-30-10 rule is a popular color scheme principle used in interior design and graphic design. • According to this rule, a dominant color should occupy 60% of the space, a secondary color should occupy 30% of the space, and an accent color should occupy 10% of the space. • This rule helps to create a harmonious and balanced color scheme by establishing a clear visual hierarchy. Google 41 Shades of Blue Experiment • In 2009, Google conducted an experiment to determine the most effective color for the hyperlinks displayed in its search results. • The experiment tested 41 different shades of blue, with the goal of finding the shade that would lead to the highest click-through rate (CTR) from users. • Half of the users were randomly assigned to see one shade of blue, while the other half saw a slightly different shade. • Google then analyzed the CTR to determine which shade of blue was more effective. • The result was translated into millions of additional clicks per year and a significant increase in revenue for Google. Find your Color • Adobe Color • Dopleycolors • Color Hunt • Coolors • Web Gradients Here are some key takeaways from this session: • Color is a powerful design tool that can evoke emotions, create moods, and influence behavior. • Understanding color theory and the principles of color harmony can help create effective and aesthetically pleasing color schemes. • Techniques such as the 60-30-10 rule, and color gradients can be used to effectively incorporate color into a design. • When using color, it's important to consider factors such as cultural associations, and context to ensure that the design is accessible and inclusive. • The Munker-White effect highlights the importance of considering context when perceiving color. • With the increasing use of digital devices, designers need to be aware of how colors can appear differently on different screens and adjust their designs accordingly. • Experimentation and exploration are key to discovering new and innovative ways to use color in design.
