A long materials list, six nearly identical process photos, and a dense paragraph of measurements can make even a well-tested cardmaking tutorial hard to follow. Visuals work best when they answer a specific question: which tool to use, where to place adhesive, what a stamped image should look like before colouring, or how an interactive element is meant to move.
Craft readers often scan for practical reasons. They may have ink on their hands, a phone propped beside the cutting mat, and only a moment to find the next instruction. Clear visual structure helps them pick up where they left off without rereading the entire page.
Give every visual a job
Don't add photos just to fill space. Before choosing an image, ask what uncertainty it removes. A useful visual usually does one of four things:
- Orient: show the finished card early so readers understand the intended result.
- Demonstrate: show a technique that is difficult to explain in words, such as ink blending through a stencil.
- Clarify scale or placement: reveal where a die-cut, light, slider, or sentiment belongs.
- Guide readers through the page: separate stages so they can quickly find stamping, assembly, or finishing.
If an image does none of these things, it may be decorative rather than instructional. Decorative photos can suit a brand-led post, but too many can interrupt a tutorial and make readers scroll past the information they need.
Match the visual format to the instruction
| Reader need | Most useful visual | Practical detail |
|---|---|---|
| Choose colours or supplies | Flat lay or labelled swatch image | Keep product labels legible when relevant |
| Understand a multi-step technique | Numbered photo sequence | Use the same camera angle for comparison |
| Copy a precise placement | Overhead assembly photo | Include a ruler, grid, or light pencil guide where useful |
| See motion or illumination | Short GIF, video, or two-state image | Show both the resting and activated result |
| Find a section quickly | Simple icon or colour-coded callout | Repeat the visual cue consistently |
A finished-card photo is particularly helpful near the top of the post, but it should not be the only visual. Someone making a light-up card needs to see the battery holder, conductive tape path, and working test before the card front is sealed.
Build a visual hierarchy readers can skim
Headings, whitespace, captions, and images should work together. Place an image directly after the short instruction it supports instead of gathering every photo in a gallery at the end. Readers can then see the action and the result side by side.
Use headings that name the task. “Stamp and heat-emboss the focal image” tells readers far more than “Step Two.” Numbers still help establish the order, but the action should be clear in the heading itself. This works especially well alongside the principles in clear, easy-to-follow cardmaking tutorials, where concise instructions make each stage easier to follow.
Create pauses without fragmenting the process
A short paragraph followed by one relevant photo is often easier to scan than a large image followed by several unrelated instructions. For projects with several stages, group the tutorial into clear blocks:
- Prepare: paper sizes, stamps, inks, dies, and tools.
- Make the focal panel: stamping, masking, stencilling, or marker colouring.
- Build the mechanism: sliders, pop-ups, or LED circuitry.
- Assemble and finish: foam tape, embellishments, sentiment, and final testing.
Start each block with an overview image, then add close-ups only where precision matters. Repeated shots of routine tasks, such as applying ordinary tape runner, rarely add much. Reserve close-ups for details that are easy to get wrong: tiny hinges, folded tabs, wiring joins, or layered die cuts.
Use annotations sparingly and precisely
Arrows, circles, and labels can turn a good photo into a useful teaching tool, especially when the important detail is small or the background is busy. A thin arrow can show the direction of a slider channel, while a small label can identify the positive and negative sides of a coin-cell battery.
Keep annotations restrained. Covering every item with text creates another dense image to decode. Choose one contrasting colour, use type large enough to read, and keep labels short: “fold,” “adhesive only,” or “LED legs.” If readers need to compare two results, place “before” and “after” directly on or beside the images.
Colour can provide a quiet visual system across the page. A pale yellow callout might signal a caution, while a blue badge marks optional embellishments. Do not rely on colour alone. Add a word or icon so the meaning is still clear to readers who cannot distinguish the colours or who print the tutorial in grayscale. The guide to making cardmaking tutorial pages more accessible includes related ways to make instructions usable for a wider audience.
Make images accessible and fast enough to help
Alt text is not a caption, and it should not simply repeat one. Describe the information a reader needs from the image. “Close-up of copper tape crossing the fold with a gap at the LED” is more useful than “cardmaking project.” If a photo is purely decorative, it may be better to mark it as decorative in the page setup than to add unhelpful alt text.
Captions can add practical context that is not obvious in the photo, such as “Test the circuit before attaching the front panel.” That reminder helps sighted readers too, because it explains why the stage matters. For a useful introduction to describing visual material clearly, see Britannica’s overview of graphic design, which discusses visual communication as a purposeful discipline.
File size matters as well. An oversized image can slow a tutorial at the exact moment a reader needs the next step. Export photos at dimensions suited to their display area, use compressed modern formats where your site supports them, and keep enough resolution for stamped outlines and scored folds. Avoid text so small that it disappears on a phone screen.
Choose visuals that support different reading moments
Craft readers do not always work through a post in order. Some study the finished card for inspiration. Others jump to the supply list, return later for a mechanism diagram, or check one photo while troubleshooting. Plan visual anchors for those moments:
- A complete front-and-inside view near the beginning.
- A clearly grouped supply image or text list before cutting starts.
- A close-up of the hardest technique beside its instructions.
- A final detail image showing the card open, lit, or in motion.
For an interactive project, make the last visual useful rather than adding another broad beauty shot. Show the battery tab being removed and the LED glowing through the die-cut window. A caption such as “Press beside the star to complete the circuit” gives readers one specific feature to check before they gift the card.