{"course":{"slug":"vector-and-print","title":"Vectors, Logos and Things That Get Printed","url":"https://addaly.com/learn/vector-and-print","level":"beginner","track":"create"},"lesson":{"slug":"grids-guides-and-snapping","title":"Grids and snapping that help instead of fighting","url":"https://addaly.com/learn/vector-and-print/grids-guides-and-snapping","position":16,"of":73,"minutes":8,"answer":"Snapping fights you because it is set to every target at once (keep node-to-node and grid.","keyIdea":"Snapping fights you because it is set to every target at once (keep node-to-node and grid, kill bounding-box snapping because a bounding box includes stroke width) and set the grid from the job's real module rather than from the software default."},"body":{"format":"markdown","text":"## Snapping is a preference, not a feature\n\nOut of the box, every vector program snaps to too many things. You reach for a node and it jumps to a guide, a bounding box corner, a page edge and an object centre in quick succession, and you conclude snapping is broken. It is not broken; it is set to snap to everything at once.\n\nThe fix is the same everywhere: **turn most of it off and keep two or three targets**.\n\n- **Inkscape**: the snap toolbar (right edge, or the bar at the top in 1.x). Press **%** to toggle all snapping. Enable *snap nodes to nodes*, *snap to paths*, and *snap to grid*. Disable bounding-box snapping entirely: it is the one that fights you, because a bounding box includes stroke width.\n- **Illustrator**: View ▸ Smart Guides (**Ctrl+U**), Snap to Point (**Alt+Ctrl+\"**), Snap to Grid. Smart Guides alone is usually enough; combined with Snap to Grid it becomes unpredictable.\n- **CorelDRAW**: Alt+Z toggles snapping; the Snap To dropdown on the standard toolbar lists objects, grid, guidelines, page and baseline grid separately.\n- **Affinity**: the magnet icon's dropdown has a *Snapping Manager* with a preset list; the \"Advanced\" preset is the usable one.\n\nThe bounding-box point deserves repeating. A 2 mm stroke extends 1 mm beyond the path on each side. Snap two stroked rectangles together by their bounding boxes and their *geometry* is 2 mm apart. This is why things that look aligned on screen print misaligned.\n\n## Set a grid that means something\n\nA grid at \"10 px\" means nothing on a 90 × 54 mm card. Set the grid from the job.\n\n- **Print layout**: set the grid spacing to your baseline leading, or to a module you chose: 5 mm with a 1 mm subdivision is a decent default for stationery.\n- **Icons**: set the grid to 1 px at your target size and design on it. A 24 px icon drawn on a 24 px grid has crisp edges at 24 px; drawn on a 100 px canvas and scaled down, it does not.\n- **Signage**: 10 mm major, 1 mm minor. You will be working at 1:1 or 1:10 and round numbers matter for the fabricator.\n\nInkscape: Document Properties ▸ Grids ▸ New ▸ set *Spacing X/Y* and *Major grid line every*. It supports an **axonometric grid** for isometric work: set angle X and angle Z to 30° and you can draw isometric illustrations that are actually correct rather than approximately correct. Illustrator: Preferences ▸ Guides & Grid, plus View ▸ Perspective Grid for a different job.\n\n## Guides are for decisions, grids are for drawing\n\nA guide records a decision: this is the margin, this is where the fold falls, this is the safe area. Make them, then **lock them** (Inkscape: Edit ▸ Preferences ▸ Behaviour, or right-click a guide ▸ Lock; Illustrator: **Alt+Ctrl+;**). An unlocked guide will be dragged by accident and you will not notice.\n\nInkscape lets you type exact guide positions by double-clicking a guide: a dialog with X, Y and angle. Illustrator: drag a guide, then use the Transform panel to set its position numerically. CorelDRAW has a Guidelines docker with numeric entry and angle guides.\n\nFor a die-line, a fold or a safe area, put the guides in and then **also** put a locked layer with the actual rectangles on it, named `guides-do-not-print`. Guides do not export; a locked layer does, which means the printer can see your intent and you can delete the layer before final output.\n\n## Pixel grid, and when it matters\n\nIf the artwork's destination is a screen at a known size (an app icon, a favicon, a UI element) enable *Align New Objects to Pixel Grid* (Illustrator) or *snap to pixel* and make every edge land on a whole pixel. A 1 px line sitting on a half-pixel boundary renders as two grey half-lines.\n\nIf the destination is print, **turn it off**. Snapping a 90 mm card's artwork to a 96-per-inch pixel grid introduces up to 0.13 mm of error on every edge for no benefit at all. This setting is on by default in some Illustrator web presets and it quietly ruins print files.\n\n## The thirty-second setup\n\nNew document, before drawing: set units, set page size, set one grid that means something, place your margin and bleed guides, lock them, turn off bounding-box snapping. It saves more time than any keyboard shortcut you will learn."},"check":{"question":"Two rectangles with 2 mm strokes are dragged together until they snap flush, and they look perfectly butted on screen. On the cut sheet there is a 2 mm gap between them. What happened?","options":[{"text":"Snapping was set to bounding boxes, which include the full stroke width, so the paths stopped 2 mm apart.","correct":true},{"text":"The stroke was set to align outside on one rectangle and inside on the other, which doubles the apparent offset.","correct":false,"tempting":"Alignment would change the gap by one stroke width at most and would show on screen as unequal edge positions, not as a flush-looking join."},{"text":"Stroke-to-path was applied before export, which expands every shape outwards by the stroke width.","correct":false,"tempting":"Outlining a centred stroke expands by half the width on each side of the path and does not move the objects relative to one another."},{"text":"The grid spacing was larger than the stroke width, so both rectangles snapped to the nearest grid line and left a gap.","correct":false,"tempting":"Grid snapping would leave a gap equal to a grid interval, not one exactly matching the combined stroke widths, and both edges would sit on grid lines."}]},"prev":{"slug":"transforms-as-arithmetic","title":"Transforms are arithmetic, so type the numbers","url":"https://addaly.com/learn/vector-and-print/transforms-as-arithmetic"},"next":{"slug":"redrawing-from-a-photograph","title":"Rebuilding a mark that only exists as a photograph","url":"https://addaly.com/learn/vector-and-print/redrawing-from-a-photograph"},"authorship":"Founder and series editor: Dr Mustafa Mun. Written by AI models to a written standard. Exam keys checked blind by a second model: 3,665 of 3,666 agreed. Academic review invited.","review":{"status":"Draft, open for academic review"},"cite":"Addaly (2026) 'Grids and snapping that help instead of fighting', in Vectors, Logos and Things That Get Printed. Edited by M. Mun. Addaly. Available at: https://addaly.com/learn/vector-and-print/grids-guides-and-snapping (Accessed: 13 October 2026).","licence":{"name":"CC BY-NC-SA 4.0","url":"https://creativecommons.org/licenses/by-nc-sa/4.0/"},"reader":{"schema":1,"title":"Grids and snapping that help instead of fighting","courseTitle":"Vectors, Logos and Things That Get Printed","module":{"index":2,"slug":"drawing-curves","title":"Drawing curves people will pay for"},"answer":null,"keyIdea":"Snapping fights you because it is set to every target at once (keep node-to-node and grid, kill bounding-box snapping because a bounding box includes stroke width) and set the grid from the job’s real module rather than from the software default.","hero":{"kind":"plate","image":null,"alt":null,"caption":null},"blocks":[{"t":"h2","id":"snapping-is-a-preference-not-a-feature","runs":[{"text":"Snapping is a preference, not a feature"}]},{"t":"p","runs":[{"text":"Out of the box, every vector program snaps to too many things. You reach for a node and it jumps to a guide, a bounding box corner, a page edge and an object centre in quick succession, and you conclude snapping is broken. It is not broken; it is set to snap to everything at once."}]},{"t":"p","runs":[{"text":"The fix is the same everywhere: "},{"text":"turn most of it off and keep two or three targets","b":true},{"text":"."}]},{"t":"ul","items":[[{"text":"Inkscape","b":true},{"text":": the snap toolbar (right edge, or the bar at the top in 1.x). Press "},{"text":"%","b":true},{"text":" to toggle all snapping. Enable "},{"text":"snap nodes to nodes","i":true},{"text":", "},{"text":"snap to paths","i":true},{"text":", and "},{"text":"snap to grid","i":true},{"text":". Disable bounding-box snapping entirely: it is the one that fights you, because a bounding box includes stroke width."}],[{"text":"Illustrator","b":true},{"text":": View ▸ Smart Guides ("},{"text":"Ctrl+U","b":true},{"text":"), Snap to Point ("},{"text":"Alt+Ctrl+”","b":true},{"text":"), Snap to Grid. Smart Guides alone is usually enough; combined with Snap to Grid it becomes unpredictable."}],[{"text":"CorelDRAW","b":true},{"text":": Alt+Z toggles snapping; the Snap To dropdown on the standard toolbar lists objects, grid, guidelines, page and baseline grid separately."}],[{"text":"Affinity","b":true},{"text":": the magnet icon’s dropdown has a "},{"text":"Snapping Manager","i":true},{"text":" with a preset list; the “Advanced” preset is the usable one."}]]},{"t":"p","runs":[{"text":"The bounding-box point deserves repeating. A 2 mm stroke extends 1 mm beyond the path on each side. Snap two stroked rectangles together by their bounding boxes and their "},{"text":"geometry","i":true},{"text":" is 2 mm apart. This is why things that look aligned on screen print misaligned."}]},{"t":"h2","id":"set-a-grid-that-means-something","runs":[{"text":"Set a grid that means something"}]},{"t":"p","runs":[{"text":"A grid at “10 px” means nothing on a 90 × 54 mm card. Set the grid from the job."}]},{"t":"ul","items":[[{"text":"Print layout","b":true},{"text":": set the grid spacing to your baseline leading, or to a module you chose: 5 mm with a 1 mm subdivision is a decent default for stationery."}],[{"text":"Icons","b":true},{"text":": set the grid to 1 px at your target size and design on it. A 24 px icon drawn on a 24 px grid has crisp edges at 24 px; drawn on a 100 px canvas and scaled down, it does not."}],[{"text":"Signage","b":true},{"text":": 10 mm major, 1 mm minor. You will be working at 1:1 or 1:10 and round numbers matter for the fabricator."}]]},{"t":"p","runs":[{"text":"Inkscape: Document Properties ▸ Grids ▸ New ▸ set "},{"text":"Spacing X/Y","i":true},{"text":" and "},{"text":"Major grid line every","i":true},{"text":". It supports an "},{"text":"axonometric grid","b":true},{"text":" for isometric work: set angle X and angle Z to 30° and you can draw isometric illustrations that are actually correct rather than approximately correct. Illustrator: Preferences ▸ Guides & Grid, plus View ▸ Perspective Grid for a different job."}]},{"t":"h2","id":"guides-are-for-decisions-grids-are-for-drawing","runs":[{"text":"Guides are for decisions, grids are for drawing"}]},{"t":"p","runs":[{"text":"A guide records a decision: this is the margin, this is where the fold falls, this is the safe area. Make them, then "},{"text":"lock them","b":true},{"text":" (Inkscape: Edit ▸ Preferences ▸ Behaviour, or right-click a guide ▸ Lock; Illustrator: "},{"text":"Alt+Ctrl+;","b":true},{"text":"). An unlocked guide will be dragged by accident and you will not notice."}]},{"t":"p","runs":[{"text":"Inkscape lets you type exact guide positions by double-clicking a guide: a dialog with X, Y and angle. Illustrator: drag a guide, then use the Transform panel to set its position numerically. CorelDRAW has a Guidelines docker with numeric entry and angle guides."}]},{"t":"p","runs":[{"text":"For a die-line, a fold or a safe area, put the guides in and then "},{"text":"also","b":true},{"text":" put a locked layer with the actual rectangles on it, named "},{"text":"guides-do-not-print","code":true},{"text":". Guides do not export; a locked layer does, which means the printer can see your intent and you can delete the layer before final output."}]},{"t":"h2","id":"pixel-grid-and-when-it-matters","runs":[{"text":"Pixel grid, and when it matters"}]},{"t":"p","runs":[{"text":"If the artwork’s destination is a screen at a known size (an app icon, a favicon, a UI element) enable "},{"text":"Align New Objects to Pixel Grid","i":true},{"text":" (Illustrator) or "},{"text":"snap to pixel","i":true},{"text":" and make every edge land on a whole pixel. A 1 px line sitting on a half-pixel boundary renders as two grey half-lines."}]},{"t":"p","runs":[{"text":"If the destination is print, "},{"text":"turn it off","b":true},{"text":". Snapping a 90 mm card’s artwork to a 96-per-inch pixel grid introduces up to 0.13 mm of error on every edge for no benefit at all. This setting is on by default in some Illustrator web presets and it quietly ruins print files."}]},{"t":"h2","id":"the-thirty-second-setup","runs":[{"text":"The thirty-second setup"}]},{"t":"p","runs":[{"text":"New document, before drawing: set units, set page size, set one grid that means something, place your margin and bleed guides, lock them, turn off bounding-box snapping. It saves more time than any keyboard shortcut you will learn."}]}],"check":{"question":[{"text":"Two rectangles with 2 mm strokes are dragged together until they snap flush, and they look perfectly butted on screen. On the cut sheet there is a 2 mm gap between them. What happened?"}],"options":[{"text":[{"text":"Snapping was set to bounding boxes, which include the full stroke width, so the paths stopped 2 mm apart."}],"correct":true,"tempting":null},{"text":[{"text":"The stroke was set to align outside on one rectangle and inside on the other, which doubles the apparent offset."}],"correct":false,"tempting":[{"text":"Alignment would change the gap by one stroke width at most and would show on screen as unequal edge positions, not as a flush-looking join."}]},{"text":[{"text":"Stroke-to-path was applied before export, which expands every shape outwards by the stroke width."}],"correct":false,"tempting":[{"text":"Outlining a centred stroke expands by half the width on each side of the path and does not move the objects relative to one another."}]},{"text":[{"text":"The grid spacing was larger than the stroke width, so both rectangles snapped to the nearest grid line and left a gap."}],"correct":false,"tempting":[{"text":"Grid snapping would leave a gap equal to a grid interval, not one exactly matching the combined stroke widths, and both edges would sit on grid lines."}]}],"order":[1,2,0,3],"why":null},"prev":{"slug":"transforms-as-arithmetic","title":"Transforms are arithmetic, so type the numbers","minutes":8},"next":{"slug":"redrawing-from-a-photograph","title":"Rebuilding a mark that only exists as a photograph","minutes":9}}}