zero·style

Dictionary entry

morph

View related-term graphUse in a brief
Was this helpful?
Graphic designCurated · verified

A smooth transformation of one shape or image into another, where the first gradually reshapes into the second. In interfaces it often means one icon fluidly becoming a different icon, such as a hamburger menu turning into a close cross.

Synonyms

  • morphing
  • shape morph
  • metamorphosis

Related terms

In plain words

  • one shape smoothly turning into another
  • the menu icon melting into an X

Usage example

Tapping the play button morphs it into a pause icon without a jarring swap.

Don't confuse with…

  • crossfadeA morph reshapes one form into another continuously; a crossfade simply fades one image out while another fades in over the top.

Categories

  • Motion & animation

Related-term graph

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

Focus term

Directly related

Two hops away

  • Relatedmorph related of keyframe
  • Relatedmorph related of tween
  • Relatedtween related of easing
  • Relatedkeyframe related of easing
  • Relatedtween related of frame rate
  • Relatedtween related of keyframe
  • Relatedtween related of timeline
  • Relatedkeyframe related of timeline
  • Relatedkeyframe related of tween

Stop describing. Start naming.

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

Start a brief