eyecatcher

An eyecatcher, sometimes hyphenated as eye-catcher, is a visual design element intended to draw attention to a specific part of a composition, message, or interface. The term is used across advertising, packaging, editorial design, and digital media to describe features that prompt the viewer to look closer or proceed to the next step. It denotes the element that breaks visual monotony and anchors the viewer’s attention within a layout.

In practice, eyecatchers may be a bold headline, a striking image, high-contrast color blocks, unusual typography, a distinctive shape, or motion such as subtle animation. In web and app design, they often function as hero images, banners, or prominent calls to action, guiding visual hierarchy and improving scannability.

Design considerations include aligning the eyecatcher with the brand and content, ensuring readability and accessibility, avoiding clutter, and balancing novelty with credibility. The impact depends on color, scale, contrast, imagery, and placement within the layout. Eyecatchers should support the message rather than overshadow it.

Overuse or gratuitous flash can erode credibility or hinder usability, so effective eyecatchers are typically used sparingly and tested for impact. Related terms include attention grabber, focal point, visual hierarchy, and call to action.