Place twelve interface-state sketches on a dense A3 field. Keep shared gutters, state labels, and the proposed reading order explicit while refining the black points.
Build your journal page, then export at full size for printing.
Preparing the live paper preview…
Enable JavaScript for the live editor and file downloads. The original preset specifications, static preview, printing instructions, FAQs, and template links remain available below.
Give each panel a named interface state and show how it differs from its neighbors. A regular array supports side-by-side discussion without selecting an app's content or behavior. Use arrows and labels when the intended transition order differs from the panel's physical position on the board.
Keep the same paper frame dimensions when comparing proposed layouts so apparent size differences are intentional. The dense dots provide frequent alignment references. Record the sketch convention independently from device dimensions, since a square paper panel does not automatically represent a square display.
Associate each comment with a state number and retain unresolved questions outside the panel images. The broad sheet gives room for a shared overview. Keep a dated copy of the discussion rather than treating a point-background address as a record of proposed states or reviewer decisions.
The starting A3 stock is 297×420 mm297 \times 420\,\mathrm{mm}297×420mm. Its #0A0A0A circles use 0.8pt diameter, approximately 0.282mm, at three-millimeter centers. Test a small state label and annotation against the black point layer before committing the full board. Appearance can be edited independently from the interval that controls the physical frame dimensions.
Linked 12mm borders leave 91 dot columns and 132 rows, or 12,012 complete points. Those centers provide 90×13190 \times 13190×131 intervals. The twelve-panel array uses 84×11384 \times 11384×113 intervals after its gutters are included. Counting the separators prevents repeated panels from quietly extending outside the available original field.
Name what each state is meant to show and which user action leads to another. The paper board can organize a discussion, but transitions need a prototype or implementation to be exercised. Keep that behavioral evidence separate from the static drawn-state convention.
Use equal frames to compare a selected structural change across several cases. Ask learners to label their assumptions and transitions instead of letting the array imply them. The point field supports placement rather than evaluating whether the proposed interaction or information structure works.
Date the board, number each panel, and connect comments to those numbers. State which proposals remain unresolved. An annotated snapshot keeps the discussion readable later, while its saved background address allows the exact dense reference layer to be reconstructed if needed.
Arrange three columns and four rows of twenty-six-interval square panels. Each panel measures 78×78 mm78 \times 78\,\mathrm{mm}78×78mm. Two three-interval column gutters produce 3×26+2×3=843 \times 26 + 2 \times 3 = 843×26+2×3=84 intervals, or 252mm, across. Three three-interval row gutters produce 4×26+3×3=1134 \times 26 + 3 \times 3 = 1134×26+3×3=113 intervals, or 339mm, vertically. Start at dot column 3 and row 6, ending at column 87 and row 119 within the 90×13190 \times 13190×131 interval field. The twelve panel interiors contain 12×676=8,11212 \times 676 = 8{,}11212×676=8,112 interval squares, while the bounding array contains 84×113=9,49284 \times 113 = 9{,}49284×113=9,492. Their difference is 1,380 gutter squares. Independently, the six-interval-wide vertical gutter bands contain 678 squares and nine-interval-high horizontal bands contain 756; subtract their fifty-four intersections to get the same 1,380. Add the state sketches, labels, and transitions yourself. This square paper convention does not select a device format or create interactive screens.
This reference describes the named starting configuration. The live preview and downloads follow your current settings.
List the proposed states and define what should vary between them. Write the paper frame convention independently from any actual device dimensions. Decide the intended transition order before relying on the physical three-by-four array to organize the review.
Add both inter-column gaps to the width and all three inter-row gaps to the height. Try the smallest state label and an intended control outline against the dense points. Reserve feedback outside the images and define how panel numbers identify comments.
Export current A3 settings, compose the panels at full-page size, and measure twenty-six original intervals as seventy-eight millimeters. Save the dated annotated board, its state key, and background settings address together after checking the final document's labels.
The original PDF preserves a 297×420 mm297 \times 420\,\mathrm{mm}297×420mm A3 page with vector markers. Keep that physical boundary when adding state frames and comments. Use matching paper and Actual Size for the worked seventy-eight-millimeter panel size, then inspect both a transition label and panel number.
Original portrait raster dimensions are 3508×49613508 \times 49613508×4961 pixels at nominal 300 DPI. Preserve its full border-inclusive page extent when importing it. The bitmap does not encode interactive states; the composed drawing and any separate prototype carry those decisions and behavioral evidence.
A vector composition can keep circles, panel images, state labels, and comments on distinct layers. Maintain the A3 physical extent through those additions. Save the annotated board separately from the blank point output so its proposed transitions and review context remain available.
Adobe's PDF page-sizing guidance describes scaling controls. W3C's paper-size definitions document standard page dimensions.
Compare another coordinate background for your drawing or notes.
A3 three-millimeter black dot paper provides frequent alignment references across a large board of proposed interface states. The common point rhythm makes repeated frame dimensions countable, while the authored state labels explain what each sketch is intended to show. A regular panel array alone cannot establish a reading order, a device format, or interaction behavior. Those decisions belong in explicit annotations and, when needed, a separate working prototype.
The twelve-frame study includes the gutters in both outside dimensions and checks their area by two independent counts. The intersection correction matters because vertical and horizontal separator bands overlap. Stating those quantities keeps the full board, panel interiors, and shared gaps from being treated as the same region. Placing the complete array at known dot indices also leaves a deliberate surrounding reservation rather than assuming every available point belongs inside a screen.
The retained review record needs more than its reproducible lattice. State images, transition labels, feedback, and unresolved questions carry the proposal's meaning, while the background settings address preserves its physical reference. Test small labels against the black points and verify a panel run after the composition and print workflow is complete. Saving the dated annotated board beside that measured background keeps the static discussion evidence understandable and leaves behavioral claims to the actual prototype or implementation.
Written and maintained by the Toolarithm editorial team. No review date is shown without a maintained editorial record. No independent professional review is claimed.
Paper dimensions, margins, guide geometry, preview rendering, and exports are derived from the same typed settings and checked at Actual Size.
Review dates change only after a substantive method or content check.