Non-interactive mockups
See also: Interactive mockups
Tools
- Sketch - Industry-standard (macOS only)
- Templates for sketching UIs on paper
2D resources for mockups
- Storyboarder - Free cross-platform tool for making animated storyboards
- Gesty Vector images of gestures
- Mobile phone photos Situate a mock-up in a photo of a mobile device
- UI8 Variety of commercial visual assets for wire framing and sketching
Putting mockups in motion
After Effects is commonly used to create videos of a UI, as well as compositing a faked UI into filmed scene
- Terry Gilliam on cut-out animation
- Using Mocha for tracking
- Using Mocha overlay a fake interface on to a videoed phone and another one
- UX in Motion Using After Effects to sketch animation (alternative link)
- After Effects: Adobe's introductory tutorials, or all videos