zero·style

Dictionary entry

overlay

View related-term graphUse in a brief
Was this helpful?
UI / UXCurated · verified

A visual layer that sits on top of the rest of the interface, temporarily covering part or all of it to show something like a message, menu, or pop-up until the user deals with it.

Synonyms

  • overlay layer

Related terms

In plain words

  • a layer that appears on top of the screen
  • the thing that floats above the page

Usage example

Tapping the photo opens an overlay showing a larger version.

Don't confuse with…

  • modalA modal is one kind of overlay that also blocks the page behind it; not every overlay blocks interaction.

Categories

  • Overlays & containers

Related-term graph

Two hops from overlay — click a term to open its entry, or re-center the graph on it

Focus term

Directly related

Two hops away

  • Relatedoverlay related of backdrop
  • Relatedoverlay related of modal
  • Relatedoverlay related of popover
  • Relatedoverlay related of scrim
  • Synonymscrim synonym of backdrop
  • Relatedscrim related of bottom sheet
  • Relatedpopover related of card
  • Relatedmodal related of dialog box
  • Relatedscrim related of drawer
  • Relatedmodal related of drawer
  • Relatedpopover related of dropdown
  • Relatedmodal related of lightbox
  • Relatedscrim related of lightbox
  • Relatedbackdrop related of lightbox
  • Relatedpopover related of modal
  • Relatedscrim related of modal
  • Relatedbackdrop related of modal
  • Relatedbackdrop related of overlay
  • Synonymscrim synonym of overlay
  • Relatedmodal related of popover
  • Relatedmodal related of scrim
  • Relatedbackdrop related of scrim
  • Synonymscrim synonym of shade
  • Relatedpopover related of tooltip

Stop describing. Start naming.

Turn a plain-language description into a designer-ready brief in minutes.

Start a brief