UI Design
5 issues tagged with this topic.
How color functions as wayfinding in complex interfaces
Navigation is not only structural — it is also chromatic. When color is applied to navigation consistently, users develop a mental map of the product space without consciously registering that color is doing the work. When color is applied inconsistently, navigation becomes slower and more effortful.
Yellow in UI: the most misused accent color, and how to use it correctly
Yellow is the most perceptually powerful color in the spectrum — at equal saturation, it appears brighter than any other hue to the human eye. That intensity makes it the most effective accent color for drawing attention, and the most likely to fail WCAG contrast tests when used carelessly.
How color creates visual hierarchy without touching your typefaces
Typography is not the only tool for hierarchy — color value, saturation, and surface contrast can do just as much work. Understanding how these variables interact lets you build interfaces where the reading order is obvious without relying on font weight alone.
Color and component states: building interactive color systems
A button has more than one color. Every interactive element in a UI has at least four states — default, hover, active, and disabled — and each requires its own color specification. Building state colors deliberately, rather than picking them on the fly, is one of the highest-leverage decisions in UI palette work.
Designing for color blindness: how to make palettes that work for everyone
About 8% of males have some form of color vision deficiency. For most design outputs — UI, data visualization, infographics — that is too large a portion of your audience to leave to chance. Accessible palettes are not a constraint on creativity. They are a higher-order design skill.