how can we use color most effectively in interface design l.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
How can we use color most effectively in interface design ? PowerPoint Presentation
Download Presentation
How can we use color most effectively in interface design ?

Loading in 2 Seconds...

play fullscreen
1 / 24

How can we use color most effectively in interface design ? - PowerPoint PPT Presentation


  • 290 Views
  • Uploaded on

COLOR How can we use color most effectively in interface design ? By: Kristy Fuller What Will Be Covered Today Introduction Color can have a positive or negative impact on human-computer interaction.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'How can we use color most effectively in interface design ?' - liam


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
how can we use color most effectively in interface design

COLOR

How canweusecolormosteffectivelyininterfacedesign?

By: Kristy Fuller

introduction
Introduction
  • Color can have a positive or negative impact on human-computer interaction.
  • If used properly, color can be a powerful tool to improve the usefulness of the interface design.
  • Conversely, the inappropriate use of color can seriously reduce an effectiveness of a good interface design.
introduction cont
Introduction cont.
  • Appropriate color use can aid user memory and facilitate the formation of effective mental models.
  • However, ineffective use of color can degrade an application's performance and lessen user satisfaction.
fundamentals of color
Fundamentals of Color
  • All colors displayed on a computer must be translated into the RGB color space.

RGB Cube

key ideas to good interface design
Key Ideas to Good Interface Design
  • Simplicity
  • Keep the color scheme simple
  • Keep the message simple
  • Consistency
  • Clarity
  • Language of Color
simplicity
Simplicity
  • Simplicity is important in the design of color interfaces.
  • The four primary colors are red, green, yellow and blue.
  • Attaching practical and intuitive meanings to these simple colors when designing a screen.
color scheme
Color Scheme
  • Keep the color scheme simple to enhance short term memory.
  • The number of colors on the screen should be limited.
keep the message simple
Keep the Message Simple
  • Do not overload the meaning of the color by attaching more than one concept to a color.
  • Different concepts should use different colors. Keeping the message simple relates to the next guideline, which is consistency.
consistency
Consistency
  • Avoid changing the meaning of colors for different screens in the interface.
  • Various shades of the same color should be avoided for different concepts and ideas.
clarity
Clarity
  • Experiments have shown that the search time for finding an item is decreased if the color of the item is known ahead of time, and if the color only applies to that item.
  • The clear, concise use of color can help users find items more quickly and efficiently.
language of color
Language of Color
  • Existing symbolism and cultural use of color should be considered when designing an interface.
suggestions to a good interface design
Suggestions to a Good Interface Design
  • use blue as background
  • use spectral color sequence (red, orange, yellow, green, blue, indigo, violet)
  • keep the number of colors small
  • avoid using adjacent colors that differ only in amount of pure blues
  • use bright colors for danger or for getting the user's attention
basic rules to follow
Basic Rules to Follow
  • Avoid the simultaneous display of highly saturated, spectrally extreme colors.
  • Pure BLUE should be avoided for text, thin lines, and small shapes.
  • Avoid adjacent colors that differ only in the amount of BLUE.
  • Older operators need higher brightness levels to distinguish colors.
rules cont
Rules Cont.
  • Colors change in appearance as the ambient light level changes.
  • The magnitude of a detectable change in color varies across the spectrum.
  • It is difficult to focus upon edges created by color alone.
  • Avoid RED and GREEN in the periphery of large-scale displays.
rules cont23
Rules Cont.
  • Opposite colors go well together.
  • For color-deficient (color blind) observers, avoid single-color distinctions.
conclusion
Conclusion
  • Use color sparingly, consistently, and with clarity to aid in the formation of efficient mental models.
  • These rules, which were established from research, describe how colors fit together effectively.
  • Ignoring these rules while setting up a color scheme you like personally may be detrimental to the success of the resulting interface.