EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login
Home Design Design Tutorials Design Basic Tutorial InDesign Grid
Secondary Sidebar
Design Basic Tutorial
  • Basics and Advanced
    • Pro Tools Version
    • What is Autodesk BIM?
    • Animation Character
    • Autodesk Pixlr
    • Sketch plugins
    • Graphic designer requirements
    • Online Gaming Platforms
    • InDesign eyedropper tool
    • InDesign rounded corners
    • InDesign align
    • InDesign resize image
    • InDesign scripts
    • InDesign export to word
    • InDesign newsletter templates
    • InDesign Magazine
    • InDesign Missing Fonts
    • InDesign line spacing
    • InDesign Fonts
    • InDesign Preview Shortcut
    • InDesign Extension
    • InDesign columns
    • InDesign overset text
    • InDesign data merge
    • InDesign grid template
    • InDesign layers
    • InDesign reset preferences
    • InDesign master pages
    • InDesign layout
    • InDesign portfolio template
    • InDesign invoice template
    • InDesign word count
    • InDesign underline
    • InDesign superscript
    • InDesign presentation templates
    • InDesign drop cap
    • InDesign how to add page numbers
    • InDesign resume template
    • InDesign import pdf
    • InDesign table of contents
    • InDesign change page size
    • InDesign book templates
    • InDesign link text boxes
    • InDesign vertical text
    • InDesign Bullet Points
    • InDesign center text vertically
    • InDesign newspaper template
    • InDesign shortcuts
    • InDesign gap tool
    • InDesign paragraph styles
    • InDesign Grid
    • InDesign margins
    • InDesign highlight text
    • InDesign Wrap Text
    • ZBrush ZRemesher
    • Animation Software
    • Principles of Animation
    • 3d Animation Software
    • 3D Modeling Software
    • 3D Software Design
    • 2D Animation Software
    • 10 Quick Tips For Adobe InDesign Users
    • ADOBE FLASH CS6
    • Affinity Photo Brushes
    • Adobe Lightroom For Free
    • Lightroom Background Color
    • Lightroom?Shortcuts
    • Lightroom XMP
    • Lightroom editing
    • Masking Layers in Adobe After Effects
    • Adobe Premiere Pro Plugins
    • Adobe Speedgrade
    • Install Adobe Creative Cloud
    • Install Adobe Premiere Pro
    • What is Adobe Creative Cloud
    • What is Adobe Illustrator
    • Adobe InDesign Templates
    • What is Adobe InDesign
    • Adobe Indesign Uses
    • InDesign Background Color
    • What is Adobe Lightroom
    • What is Adobe Muse
    • What is Adobe Prelude
    • What is Adobe Premiere Pro
    • Careers in 3D
    • Careers in 3D Modeling
    • Careers in 3D Printing
    • Best Editing Software
    • Video Editing Application
    • Video Editing Tools
    • Career In Designing
    • Careers in Game Development
    • 3D Printing Models
    • Adobe Editing Softwares
    • Types of Adobe
    • Types of Illustration
    • What is Graphic Design
    • Best Graphic Design Software
    • Best Photo Editors
    • Game Testing Interview Questions
    • VFX Softwares
    • Unity Scripting
    • Unity Principle of Design
    • Unity JSON
    • Unity webGL
    • Unity 2D
    • Unity 3D Games
    • VFX Companies
    • How To Use Indesign
    • New Features InDesign CS6
    • What is Houdini?
    • Advantages of 3D Printing
    • What is Autodesk
    • Autodesk Character Generator
    • Autodesk Vault
    • Autodesk Viewer
    • Autodesk Navisworks
    • Autodesk Desktop Connector
    • Designers and Architects
    • 2D and 3D Shapes
    • Keyboard Shortcuts for Premiere Pro
    • Unreal Engine Tutorial
    • Best Audio Editors
    • Digital Image Processing
    • What is Motion Graphics
    • What is Digital Design
    • Design Pattern Interview Questions
    • Graphic Design Interview Questions
    • UX designer Interview Questions
    • Is Unreal Engine Free
    • What Is Design Pattern
    • What is VFX
    • What is Audacity
    • What is Unreal Engine
    • What is CATIA
    • What is Blueprint
    • Sony Vegas Pro for Free
    • 3D Graphics Software
    • Best Online Photo Editor
    • Photo Editing App
    • Vector Graphics Editor
    • ArchiCAD
    • ArchiCAD Shortcuts
    • Audacity Keyboard Shortcut
    • Davinci Resolve Shortcuts
    • What is pixel art?
    • Picmonkey Alternatives
    • Adobe Flash Player Alternative
    • Pro tools shortcuts
    • Pro Tools Plugins
    • Architectural Design Software
    • Architectural Design Principles
    • Architecture Design Types
    • Architectural design tools
    • Application of Digital Image Processing
    • Digital Image Processing Fundamentals
    • OpenGL Versions
    • Revit Keyboard Shortcuts
    • Revit plugins
    • Indesign version
    • What is DirectX?
    • DirectX Versions
    • Cinema 4D Plugins
    • Cinema 4d shortcuts
    • Godot Engine
    • Godot tilemap
    • Krita Animation
    • Krita Software
    • Krita Shortcuts
    • Krita eraser
    • Krita brushes
    • Krita Pixel Art
    • Krita Plugins
    • Skencil
    • Fusion 360 Keyboard Shortcuts
    • Anim8or
    • Affinity photo plugins
    • What is Affinity Photo?
    • FL Studio Plugins
    • Vectorworks
    • Architectural Design Elements
  • Inkscape
    • What is Inkscape?
    • Inkscape layers
    • Inkscape Crop
    • Inkscape text
    • Inkscape G-code
    • Inkscape mirror
    • Inkscape rounded rectangle
    • Inkscape EPS
    • Inkscape image to vector
    • Inkscape unlock
    • Inkscape Curved Text
    • Inkscape laser cutting
    • Inkscape background color
    • Inkscape arrow
    • Inkscape vector
    • Inkscape animation
    • Inkscape 3D
    • Inkscape SVG
    • Inkscape Dark Theme
    • Inkscape trace bitmap
    • Inkscape gradient
    • Inkscape Greek Letters
    • Inkscape shadow
    • Inkscape snap to grid
    • Inkscape Fonts
    • Inkscape extensions
    • Inkscape PNG to SVG
    • Inkscape Art
    • Inkscape transparent background
    • Inkscape Alternatives
    • Inkscape Remove Background
    • Inkscape text to path
    • Inkscape logo
  • Figma
    • Figma Libraries
    • Figma fonts
    • Figma Plugins
    • Figma grid
    • Figma Alternatives
  • SketchUp
    • SketchUp Keyboard Shortcuts
    • SketchUp geolocation
    • SketchUp animation
    • SketchUp Change Dimensions
    • SketchUp Import
    • SketchUp 2D
    • SketchUp rendering
    • Sketch software
    • Figma Shortcuts
    • SketchUp Layers
    • SketchUp landscape design
    • SketchUp group
    • SketchUp intersect faces
    • SketchUp Rotate
    • SketchUp Architecture
    • SketchUp 3D Models
    • SketchUp Vray
    • SketchUp Units
    • SketchUp garden design
    • SketchUp Layout
    • SketchUp Mirror
    • SketchUp Extensions
    • SketchUp Unhide
    • SketchUp kitchen
    • SketchUp background
    • SketchUp library
    • SketchUp dynamic components
    • SketchUp CutList
    • SketchUp Array
    • SketchUp Woodworking
    • SketchUp resize component
    • SketchUp Ungroup
    • SketchUp Deck Design
  • GIMP
    • What is GIMP
    • GIMP Versions
    • GIMP brushes
    • GIMP line tool
    • GIMP blend tool
    • GIMP clone tool
    • GIMP magic wand tool
    • GIMP 3D Text
    • GIMP healing tool
    • GIMP Layers
    • GIMP Fonts
    • GIMP Toolbox
    • Blur Effect in GIMP
    • GIMP Change Background Color
    • GIMP Floating Selection
    • GIMP?batch processing
    • GIMP Crop
    • GIMP Filters
    • GIMP GMIC
    • GIMP?opacity
    • Animation in GIMP
    • GIMP import image
    • GIMP replace color
    • GIMP text outline
    • GIMP video editing
    • GIMP Alternatives
    • GIMP vector graphics
    • GIMP text shadow
    • GIMP resize image
    • GIMP pixel art
    • GIMP invert colors
    • GIMP GIF
    • GIMP move selection
    • GIMP normal map
    • GIMP remove background
    • GIMP rotate
    • GIMP grid
    • GIMP text effects
    • GIMP erase to transparent
    • GIMP resize layer
    • GIMP Patterns
    • GIMP extensions
    • GIMP blur background

Related Courses

Maya Course

Photoshop course

After Effects Course

InDesign Grid

InDesign Grid

Intorduction to InDesign Grid

InDesign Grids can understand as guidelines through which we can align our work properly according to our requirement because during working on InDesign we have to manage a number of images with text for having a good composition of them. Here in this software we have two types of grid one is a Document grid and the other is a Baseline grid. We use both of the grids for different types of purposes and both grids have their parameters panel from where we can make adjustments in them according to our work requirement. So let us go through both grids one by one.

How to Use?

We can use a grid in InDesign for having a perfect alignment among the texts and images of our project work. So I am going to tell you about the grid so that you can use it for having effective layout design in this software.

First, I will take a new document of default size from the Create New button of this welcome screen of this software.

All in One Design Bundle(280+ Courses, 100+ projects)
AutoCADHoudiniAdobe Premiere ProPhotoshop
SolidworksVFX Visual EffectsCorelDrawUnreal Engine
Price
View Courses
280+ Online Courses | 100+ projects | 2000+ Hours | Verifiable Certificates | Lifetime Access
4.6 (64,828 ratings)

InDesign Grid output 1

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

And you can have a Grids panel from the menu bar so go to the Edit menu and then go to the Preferences option of the drop-down list of it then in the new drop-down list of Preferences option click on the Grids option.

InDesign Grid output 2

Here in the dialog box of Grid, we have parameters of Baseline Grid as well as Document Grid which we can manipulate as per our requirement. I will go with the default parameters settings of both grids right now and click on the Ok button of this dialog box.

InDesign Grid output 3

And for seeing grids on your document page, go to the View menu and go to the Grids & Guides option of the drop-down list then in the new drop-down list we have options for both grids that are ‘Show Baseline grid’ and ‘Show Document grid’ with their shortcut keys.

InDesign Grid output 4

I will enable the Document grid first by click on the ‘Show Document Grid’ option.

InDesign Grid output 5

And we have our grids on the document page like this.

InDesign Grid output 6

How to use a grid with Images in InDesign?

Now let us have an image to understand the purpose of the grid with an image. I will go to the File menu and click on the Place option of the drop-down list for placing images in this software.

InDesign Grid output 7

And I will select this EDU certificate format image.

InDesign Grid output 8

And I will place it like this.

InDesign Grid output 9

Before working with the grid make sure you have enabled the Snap to grid option and for enabling it go to the View menu again and click on the ‘Snap to Document grid’ option of Grids & Guides.

InDesign Grid output 10

I have made a copy of this Certificate and we can easily align this image with the grid corners. For example, I want to align the right edge of this image with these blocks of the grid and when I move it here it will automatically snap with them.

InDesign Grid output 11

Because this grid has an equal distance between all blocks of it, so we can maintain spacing between two or more images very easily considering blocks.

InDesign Grid output 12

If you want you can increase or decrease the size of blocks of the grid. Currently, blocks are 72 x 72 pt.

InDesign Grid output 13

And if I change it to 100 pt x 100 pt.

InDesign Grid output 14

And also disable ‘Grids in Back, an option of the dialog then click on the Ok button of it. If we disable this option then the grid will come on the top of all the content of the document page.

InDesign Grid output 15

Here now you can see the sizes of blocks are increased and the grid is now on the top of images. So as per your suitability, you can place the grid on top of content or back of content.

InDesign Grid output 16

How to use Grid with text in InDesign?

Now I will take the text tool and create a text box. Now we understand how grids work with text?

output 17

Now I will paste some text here in this text box.

output 18

You can move the text frame along with grid lines to align it properly with the image at your desired place.

InDesign Grid output 19

Now let us go through another type of grid that is Baseline Grid. I will first disable this Document grid from the same menu of the menu bar by clicking on the ‘Hide Document Grid’ option.

InDesign Grid output 20

Now from the same options, I will enable Baseline Grid by clicking on the ‘Show Baseline Grid’ option.

Show Baseline Grid output 21

And we will have this type of horizontal grid line on our document page. We use a baseline grid generally for aligning texts.

output 22

You can see the text I not perfectly align with the baseline so you need not align it manually by moving it.

output 23

Just take the text tool from the tool panel and select this text. You need not select the whole text, just make a click so that the blinking mouse cursor of text will be there on the text box. Then go to the Paragraph Formatting Controls panel. You can find this panel at the top of the working screen. If there is no such panel on your working screen then you can change the workspace of this software into Typography mode.

output 24

And click on the ‘Align to baseline grid’ tab of this panel.

InDesign Grid output 25

Once you click on this option it will automatically align our text with the baseline but you can see it aligns our text at the difference of one baseline. If you want to align your text with each baseline.

output 26

Then you can again go to the Grids panel of the Preferences option and here in this dialog box change value of the Increment Every option of the Baseline Grid section. I will change it to 8 pt. and click on the Ok button.

output 27

And you can see it aligns my text closely in comparison to previously aligned. So you can go with the parametrical setting of the grid’s panel as per your choice.

output 28

Conclusion

So today we discussed grids and their type in InDesign and you will find it useful during working on any creative design layout in this software. The plus point of grids in this software is that both types of grids have their own panel for making several adjustments in their parameters for having different results with them.

Recommended Articles

This is a guide to InDesign Grid. Here we discuss how to use the grid in InDesign along with text and images step by step in detail. You may also have a look at the following articles to learn more –

  1. Indesign version
  2. InDesign Document Setup
  3. What is Adobe InDesign
  4. Types of Illustration
Popular Course in this category
Maya Training (10 Courses, 7+ Projects)
  10 Online Courses |  7 Hands-on Projects |  100+ Hours |  Verifiable Certificate of Completion
4.7
Price

View Course

Related Courses

Photoshop Training (10 Courses, 12+ Projects)4.9
After Effects Training (3 Courses, 3+ Projects)4.8
0 Shares
Share
Tweet
Share
Primary Sidebar
Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

ISO 10004:2018 & ISO 9001:2015 Certified

© 2022 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA
Free Design Course

Banner Creation, Object Selection, Sky Replacement, Advance Filters & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more