UI motion techniques.
Try twenty working examples at a print desk. Select a technique to inspect the trigger, the two resting states and what happens with reduced motion.
Expressive treatments
- Particles
Mark the first approved proof with a single burst of ink flecks. The approval stays visible after the flecks disappear.
- Liquid morph
Round a square ink stamp into a pebble. The silhouette changes inside the proof frame while the control keeps its shape.
- Kinetic type
Shift two words off their common baseline to try a different setting for a specimen title. The phrase stays readable throughout.
- Split-flap display
Advance the press counter by one impression. Only the changed digit turns over its center hinge.
- Halftone reveal
Inspect a solid ink disc as a screened print. A wipe exposes the fixed dot grid without shifting the plate.
- Isometric assembly
Separate the substrate, ink and varnish in a print sample. The same viewing angle lets you read their stacking order.
- Blueprint draw-on
Trace a binding notch on a measured drawing. The width label is visible before you inspect the cut.
- Gradient mesh
Compare two overprinted color fields in a bounded swatch. Selecting the second mix changes the ink names alongside the preview.
Explanatory motion
- Comparison wipe
Slide a divider across two registered impressions of the same print to inspect the ink change at any point.
- Route trace
Follow a proof from the studio to the press. Highlighting this handoff keeps both endpoints and the underlying route visible.
- Frame scrub
Inspect six stills of a folded sheet opening. Each slider stop names an angle, so you can step backward to inspect the fold.
- Shared-element transition
Open a small plate as a full proof. The same printed mark expands into the inspection view while focus moves to its title.
Product interactions
- Anchored popover
Open the stock details beside a proof label. The small panel identifies the sheet, then returns focus to the label when dismissed.
- Drag-to-dismiss sheet
Open a proof specification sheet and pull its handle down to close it. A short pull returns the sheet to its reading position.
- Press feedback
Press the ink sample to stamp a proof. Its inner face compresses on contact while its hit area and focus ring stay in place.
- Active tab indicator
Switch between ink and stock notes. The underline travels to the width of the chosen tab while its panel updates immediately.
- Reordered list
Move a proof earlier in the print queue. Its row keeps focus while its neighbors settle into their new positions.
- Proof crossfade
Choose an ink revision for the same plate. The paper and crop stay fixed while the newly selected proof fades in.
- Determinate progress
Check three print separations and see progress advance with each completed inspection. The total is the number of checked plates.
- Undoable row removal
Archive the insert from a sample print order and bring it back with Undo. The restored row returns to its original position.