What's it called

A dictionary of UI, motion, film, game and sound terms, each with an example you can operate or play

UI components

• Toggle switch
• Checkbox
• Radio button
• Tabs
• Segmented control
• Modal
• Bottom sheet
• Navigation drawer
• Toast
• Snackbar
• Tooltip
• Popover
• Chip
• Badge
• Spinner
• Skeleton screen
• Progress bar
• Stepper
• Slider
• Dropdown
• Accordion
• Carousel
• Pagination
• Breadcrumb
• Floating action button
• Pull to refresh
• Infinite scroll
• Swipe actions
• Context menu
• Tab bar
• Hamburger menu
• Empty state
• Coach mark
• Autocomplete
• Sticky header

Gestures

• Long press
• Pinch to zoom
• Drag and drop
• Swipe

Animation & motion

• Linear
• Ease in
• Ease out
• Ease in-out
• Overshoot
• Elastic
• Bounce
• Steps
• Spring
• Anticipation
• Follow through and overlapping action
• Squash and stretch
• Stagger
• Arcs
• Fade
• Slide
• Scale
• Morph
• Shimmer
• Parallax
• Shake

Film & video

• Cut
• Dissolve
• Fade in / Fade out
• Wipe
• Match cut
• Jump cut
• Smash cut
• Cutaway
• Insert shot
• Zoom
• Pan
• Tilt
• Dolly
• Dolly zoom
• Crane shot
• Handheld
• Slow motion
• Time-lapse
• Close-up
• Long shot
• Over-the-shoulder shot
• High / Low angle
• Rack focus

Game effects

• Hit stop
• Screen shake
• Knockback
• Damage numbers
• Cooldown indicator
• Cutscene
• Hit flash
• Combo counter
• Critical hit
• Level up
• Particles
• Item drop

Design styles

• Skeuomorphism
• Flat design
• Material design
• Neumorphism
• Glassmorphism
• Claymorphism
• Neo-brutalism
• 3D icon
• Liquid glass

Sound

• J-cut
• L-cut
• Crossfade
• Audio fade in / out
• Sound cut-out
• Ducking
• Panning
• Reverb
• Echo / Delay
• Muffled sound
• Tape stop
• Whoosh
• Riser
• Impact
• Stinger
• Braam
• Diegetic / Non-diegetic
• Mickey Mousing
• Ambience
• Foley
• Adaptive music
• Earcon
• Auditory icon

Privacy policy · 한국어