How to Griddy

How to Griddy

As a designer or artist, you may have heard the term “griddy” thrown around in conversations about layout and composition. But what exactly does it mean to “griddy”? Essentially, gridding is the process of creating a framework for your design or artwork using a grid system. This can be done manually with rulers and pencils, or digitally with software tools. While it may seem like an extra step in the creative process, using a grid can actually make your work more cohesive and visually appealing. In this article, we’ll explore what grids are, why they’re useful, and how to create and use them effectively.

What is a grid?

Have you ever wondered how designers create perfectly aligned layouts for websites, magazines, and other print materials? The answer lies in the use of a grid. A grid is a system of horizontal and vertical lines that intersect to form a series of boxes or columns. This structure provides a framework for organizing content and creating visual harmony.

Grids have been used in design for centuries, dating back to ancient civilizations such as Egypt and Greece. However, it wasn’t until the 20th century that grids became an essential tool in graphic design. Swiss designers such as Josef Müller-Brockmann and Max Bill popularized the use of grids in their work, which influenced modernist movements around the world.

Today, grids are used by designers across all industries to create balanced compositions that guide the viewer’s eye through the content. Whether you’re designing a website or laying out a magazine spread, understanding what a grid is and how it works is crucial to achieving professional-looking results.

Why use a grid?

When it comes to designing anything, be it a website, a poster or even a book cover, using a grid can make all the difference. A grid is essentially a series of intersecting lines that create a framework for your design. It helps you to align elements and create consistency throughout your work.

Using a grid not only makes your design look more professional, but it also makes the process of creating it easier. With a grid in place, you can easily see where each element should go and how they relate to one another. This saves time and ensures that your design is well-balanced.

Furthermore, using a grid can help you to establish hierarchy within your design. By aligning elements along specific lines or intersections, you can draw the viewer’s eye to certain areas of the page and guide them through the content in an intuitive way.

Overall, using a grid is an essential part of any designer’s toolkit. It provides structure and clarity to your work while making the process of creating it more efficient.

How to create a grid

Creating a grid is a crucial step in any design process. It helps to organize and structure your content, making it easier for the viewer to navigate and understand. To create a grid, start by determining the number of columns you want to use. This will depend on the type of content you are working with and the overall layout of your design.

Next, decide on the width of each column and the spacing between them. A common approach is to use a 12-column grid with each column being around 60-70 pixels wide and a 20-pixel gutter between them. However, this can vary depending on your specific needs.

Once you have determined your column width and spacing, it’s time to create your grid system using tools such as Adobe Photoshop or Illustrator. You can also use online resources such as Gridulator or Bootstrap to generate grids quickly.

Remember that creating a grid is not just about dividing your canvas into columns; it’s about creating a visual hierarchy that guides the viewer’s eye through your design. So take some time to experiment with different layouts until you find one that works best for your content.

How to use a grid

Now that you have created your grid, it’s time to put it to use. Using a grid can help you achieve a consistent and balanced layout for your design project. To use the grid effectively, start by placing your content within the designated areas of the grid. This will ensure that all elements are aligned properly and create a cohesive design.

When working with a grid, it’s important to pay attention to the spacing between elements. Use the grid lines as guides to make sure there is enough space between each element and that they are evenly distributed throughout the design. This will help prevent clutter and make your design more visually appealing.

Remember that while using a grid can be helpful, it’s not necessary to stick to it strictly. Be open to making adjustments as needed based on your creative vision and the needs of your project. With practice, using a grid will become second nature and you’ll be able to create beautiful designs with ease.

Tips for using a grid

When using a grid, there are a few tips that can help you make the most out of it. Firstly, don’t be afraid to experiment with different grid layouts until you find one that works best for your project. Grids can be customized to fit any design needs, so take advantage of this flexibility.

Another important tip is to pay attention to the spacing between elements on your grid. Make sure that each element has enough breathing room and isn’t too crowded or cramped. This will help create a more balanced and visually appealing layout.

It’s also important to keep in mind that grids are meant to be guides, not strict rules. Don’t be afraid to break the grid if it helps improve the overall design and layout of your project.

Lastly, always remember that grids should enhance your design, not detract from it. Use them as a tool to help organize and structure your content in a way that makes sense and is easy for viewers to navigate. By following these tips, you’ll be well on your way to mastering the art of gridding!


In conclusion, gridding is an essential tool for any designer or artist looking to create a professional and visually appealing piece of work. By using a grid, you can ensure that your design is balanced, consistent, and easy to read. Whether you’re working on a website layout, a print design, or even a painting, the principles of gridding can be applied to help you achieve your desired outcome. Remember to keep your grid simple and flexible, use it as a guide rather than a strict rulebook, and don’t be afraid to experiment with different layouts until you find the perfect one for your project. With these tips in mind, you’ll be well on your way to mastering the art of gridding and creating stunning designs that are sure to impress.


Leave a Reply

Your email address will not be published. Required fields are marked *