{"id":15156,"date":"2018-10-10T07:55:23","date_gmt":"2018-10-10T07:55:23","guid":{"rendered":"https:\/\/www.designmantic.com\/blog\/?p=15156"},"modified":"2023-07-18T06:44:37","modified_gmt":"2023-07-18T06:44:37","slug":"importance-of-grids-in-design","status":"publish","type":"post","link":"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/","title":{"rendered":"Reprocessing The Importance Of Grids In Design"},"content":{"rendered":"<blockquote><p>\u201cJust add some lines here and some space there and now you have the basic framework of your design. And with that, you\u2019re almost done!\u201d<\/p><\/blockquote>\n<p>Wait. Is that it? You were here for the \u2018The Most Powerful Design Tool\u2019 tutorial, right? But you didn\u2019t expect it to be so quick and easy? The designer didn\u2019t use the title as a click bait. He did, in fact, show you the actual and fundamental practice (aka the grids) you need for each of your designs regardless of the context.<\/p>\n<div style=\"margin-top:40px; margin-bottom:40px;\" align=\"center\"><a href=\"https:\/\/www.designmantic.com\/logos\/search?utm_source=importance-of-grids-in-design&amp;utm_medium=topbutton&amp;utm_campaign=ctatracking\" target=\"_blank\" class=\"cta-button\" rel=\"noopener noreferrer\">Create A Professional Business Logo<\/a><\/div>\n<p>The lines that are drawn in equal proportion to each other on a 2-D plane make up the grid system. It is one of the classic tools in design history that have created numerous masterpieces <a href=\"https:\/\/www.designmantic.com\/logos\/search\/creative\" target=\"_blank\" rel=\"noopener noreferrer\">creative logo designs<\/a>, graphic posters, websites and more. Grids make your design appear appropriate for presentation. More often than not, these help simplify the time-taking process for the design a designer intends to make.<\/p>\n<p>Got the basic idea of what grids are? Here is a detailed infographic on what grids are, their  components, their types, and tips for <a href=\"https:\/\/www.designmantic.com\/logos\/search\/artistic\" target=\"_blank\" rel=\"noopener noreferrer\">designing artistic logos<\/a> with grids.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/infographics\/grid-system-web-design\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/What-Is-Grids.png\" alt=\"What Is Grids?\" title=\"What Is Grids?\" class=\"alignnone wp-image-14475\" width=\"600\" height=\"1034\"><\/a><\/p>\n<h2>Reason Why You Shouldn\u2019t Be Missing Out On Design Grids<\/h2>\n<p>Above, we provided you every detail on how grids operate throughout your design. But even though you know these bring absolute effectiveness to your design, there\u2019s a part of you trying to reason out why you should be using these in the first place.<\/p>\n<p>You see all those great and simple time-tested logos out there? Yes, they all were prepared using the dos and don\u2019ts of logo grids. It\u2019s the invisible glue that puts together all your design components and creates a uniform image.<\/p>\n<p>Now we reveal to you the true nature of grids and how they help bring life to your design as well as your life.<\/p>\n<p align=\"center\"><iframe src=\"https:\/\/www.youtube.com\/embed\/NY3PKA7lT9k\" allow=\"autoplay; encrypted-media\" allowfullscreen=\"\" width=\"560\" height=\"315\" frameborder=\"0\"><\/iframe><\/p>\n<h3>1. Organizes Content<\/h3>\n<p>The grids are known well for bringing order and clarity to your designs so as to improve the overall look and feel. These organize the distribution of content and media across your design platform. Here is an exclusive example of organized content on a grid-based web design prepared by <a href=\"https:\/\/www.behance.net\/AndreaScafasci\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Andrea Scafasci<\/a>.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Organizes-Content.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Organizes-Content.jpg\" alt=\"Organizes Content\" title=\"Organizes Content\" class=\"alignnone\" width=\"600\" height=\"984\"><\/a><br \/>\nImage Source: Behance\/Andrea Scafasci<\/p>\n<p>The lines intersecting at 90\u00b0 aren\u2019t just a mathematical element, they\u2019re your guide to  constructing an impressive cruelty-free design. This gives rise to an organized  and aligned state of harmony that becomes highly visible in your design. If you know how to use grids, you can surely employ the best tips and practices for in the easiest way possible.<\/p>\n<h3>2. Creates Balance<\/h3>\n<p>When we talked about proportion and organization, the balance should be an attribute that naturally becomes a part when you <a href=\"https:\/\/www.designmantic.com\/logos\/search\" target=\"_blank\" rel=\"noopener noreferrer\">create your own logo<\/a>. For instance, if you\u2019re employing a grid with 9 equal portions, the content you divide will follow the symmetry in its distribution across the grid allotments.<\/p>\n<p>Here you have the  advantage of allocating different design elements and balance your layout with  the grid you\u2019re using. &nbsp;And with that,  just see how <a href=\"https:\/\/www.behance.net\/colorsoflife\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Katarzyna Mrzyglod<\/a> presents the balance across all the media.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Creates-Balance.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Creates-Balance.jpg\" alt=\"Creates Balance\" title=\"Creates Balance\" class=\"alignnone wp-image-15159\" width=\"600\" height=\"422\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Creates-Balance.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Creates-Balance-300x211.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Creates-Balance-427x300.jpg 427w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><br \/>\nImage Source: Behance\/Katarzyna Mrzyglod<\/p>\n<h3>3. Speeds Up The Design Process<\/h3>\n<p>OK. We humans have the habit to rush things and still procrastinate. But using a grid is something  that actually makes your work faster, easier, and better. Grids help you save time by guiding you to position each type of content in its respective place. It\u2019s more like a natural time-saving solution for most of your design problems.<\/p>\n<p>Once the grid foundation is laid (based on how you want your overall design to look like), other steps for design preparation become easy to handle.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Speeds-Up-The-Design-Process.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Speeds-Up-The-Design-Process.jpg\" alt=\"Speeds Up The Design Process\" class=\"alignnone wp-image-15160\" width=\"600\" height=\"450\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Speeds-Up-The-Design-Process.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Speeds-Up-The-Design-Process-300x225.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Speeds-Up-The-Design-Process-400x300.jpg 400w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><br \/>\nImage Source: <a href=\"https:\/\/hacks.mozilla.org\/2015\/09\/the-future-of-layout-with-css-grid-layouts\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Mozilla Hacks<\/a><\/p>\n<h3>4. Revs Up The Teamwork<\/h3>\n<p>There are times when you\u2019re working in a group project that\u2019s assigned to your studio. What now? The barriers in thoughts and communication can become major obstacles, hindering  your teamwork. But when you\u2019re using grids for the main design, it\u2019s a guarantee that all your team members would agree.<\/p>\n<p>First, it would  relieve the stress build-up and miscommunication between you and your team.  Secondly, it will help generate ideas on how you can come up with the best  underlying framework for your design. You can come up as many ideas and use  them individually or merge them to form a concrete grid structure.<\/p>\n<h3>5. Clears The Clutter<\/h3>\n<p>When it comes to  clearing the design clutter, no one does it better than grids. But to free some  space, you need to make sure that the grid you\u2019re using is the right one for  your project.<\/p>\n<p>If you\u2019ve gone through the components of a grid, you must\u2019ve noticed that there are margins  and gutters that are equally important as your lines. If the margins become tighter and the gutters become congested, the elements of your design will  present a tensed and packed image that won\u2019t look that pleasing. On the  opposite, keeping your margins open and your gutters spacious will make your  design neater and cleaner.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Clears-The-Clutter.gif\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Clears-The-Clutter.gif\" alt=\"Clears The Clutter\" title=\"Clears The Clutter\" class=\"alignnone wp-image-15161\" width=\"600\" height=\"459\"><\/a><br \/>\nImage Source: <a href=\"https:\/\/blog.prototypr.io\/sketch-44-beta-in-depth-2147b06dd8c9\" rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"broken_link\">Prototypr<\/a><\/p>\n<h3>6. Serves As The Basic Foundation For Multiple-Page Layouts<\/h3>\n<p>Regardless of the media you\u2019re constructing a grid for, it leverages you the advantage to apply the same grid for the layout of multiple pages of your design project.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Multiple-Page-Layouts.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Multiple-Page-Layouts.jpg\" alt=\"Multiple Page Layouts\" title=\"Multiple Page Layouts\" class=\"alignnone\" width=\"600\" height=\"374\"><\/a><br \/>\nImage Source: <a href=\"http:\/\/blog.visme.co\/layout-design\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">blog.visme.co<\/a><\/p>\n<p>The example above is a simple yet transparent example of how a single grid can be used for the layout of multiple pages, yet add some element of change. And do you know what it does here? It maintains the consistency in your design and holds the connection between different layout styles. To sum it up, your print and website are incomplete without grids.<\/p>\n<h3>7. Helps You Develop Great Logo Designs<\/h3>\n<p>Logo designs come in all shapes and sizes. But did you know that grids and logos go hand in hand? There are several designers who merge their knowledge of logo design and the grid system to come up with game-changing logo designs for a modern brand. Yet it requires extensive knowledge and consistent practice to furnish a good grid-based logo. Grids and Logos are inseparable in terms of their chemistry with each other. Check out the infographic below to discover how you can use grids to make impressive logos.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Grids-To-Make-Impressive-Logos.png\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Grids-To-Make-Impressive-Logos.png\" alt=\"Grids To Make Impressive Logos\" title=\"Grids To Make Impressive Logos\" class=\"alignnone\" width=\"600\" height=\"1620\"><\/a><\/p>\n<h3>8. Welcomes Innovation<\/h3>\n<p>A grid will promise you a pristine look and concordance between your design elements. What more you could do is just break the grid. Well, of course, you made the grid because you wanted a clutter-free design that gives your eyes a soothing sensation.<\/p>\n<p>It depends on your idea of how experienced are you at using grids. You can even deviate from the usual grid by highlighting a specific text or media or you may go diagonal to make your project distractedly appealing.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Welcomes-Innovation.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Welcomes-Innovation.jpg\" alt=\"Welcomes Innovation\" title=\"Welcomes Innovation\" class=\"alignnone\" width=\"600\" height=\"686\"><\/a><br \/>\nImage Source: Behance\/Viacheslav Olianishyn<\/p>\n<h3>Related: <a href=\"https:\/\/www.designmantic.com\/blog\/symmetry-in-design-with-perfect-balance\/\" target=\"_blank\" rel=\"noopener noreferrer\">Balancing Symmetry In Design<\/a><\/h3>\n<h3>9. Aestheticizes Your Design Layout<\/h3>\n<p>Since grids control a lot of things, their main purpose is to beautify your design layout. There are many ways of how you can use grids \u2013 either horizontal, vertical, or diagonal \u2013 such as the golden ratio and the rule of thirds.<\/p>\n<p>The golden ratio is based on the mathematical ratio (1.618) that promises the distribution of lines  in a symmetrical and proportionate manner. It is usually used as a part of the <a href=\"https:\/\/www.creativebloq.com\/logo-design\/6-tips-using-grids-logo-design-11513984\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">grid system to develop awe-inspiring logo designs<\/a>. The rule of third deals with parting your grid in three equal sections, allowing you to construct sections that are multiples of 3, such as 3, 9, 12, and so on. The rule of thirds is mostly used by photographers to create stunning designs using their work.<\/p>\n<h3>10.\tHelps Develop Visual Hierarchy In Your Design<\/h3>\n<p>There is a common misconception regarding grids. It\u2019s been thought that by using a grid, you\u2019re only limited to a certain number of equal sections and that you\u2019re stuck with that rigid frame. Believe me, a grid\u2019s much more than that.<\/p>\n<p>Grids also promise  visual hierarchy. There are many examples of how you can improve the way your  design looks. One of these examples is <a href=\"https:\/\/www.curioos.com\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Curioos<\/a>,  where the grid is divided into many sections. A bigger section is used to  emphasize the call to action, while the two-columned grid is used for product  display.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Helps-Develop-Visual-Hierarchy-In-Your-Design.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Helps-Develop-Visual-Hierarchy-In-Your-Design.jpg\" alt=\"Helps Develop Visual Hierarchy In Your Design\" title=\"Helps Develop Visual Hierarchy In Your Design\" class=\"alignnone\" width=\"600\" height=\"420\"><\/a><br \/>\nImage Source: Curioos<\/p>\n<p>Not only a design  layout looks greater in digital media, but it also looks marvelous in print as  well.<\/p>\n<h3>11.\tAdds Flexibility In Your Design<\/h3>\n<p>Grids don\u2019t limit  you. They add flexibility to your design and adapt to your design requirements.  When you\u2019re choosing a grid, you must also think in terms of coming up with an  interesting and appealing design that can adapt to all media platforms.<\/p>\n<div style=\"margin-top:30px; margin-bottom:30px;\" align=\"center\">\n  <a class=\"cta-button\" target=\"_blank\" href=\"https:\/\/www.designmantic.com\/logo-design\" rel=\"noopener noreferrer\">Free Logo Design<\/a><\/div>\n<p>You can use  multi-columned grids that can exceed up to 13 columns for a single layout. From  using the simplest grids to making use of multiple innovative grid ideas,  designers can keep using flexible ways, so they can contribute to the elasticity  of the grid system.<\/p>\n<h3>12.\tGets Along Well With White Space<\/h3>\n<p>When using grids, it  is noticed that the importance of spacing is often neglected and the design  ends up being all tensed and suffocated. Since modern design deems it necessary  to add more of that white space, grids naturally become helpers with that as  well.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Gets-Along-Well-With-White-Space.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Gets-Along-Well-With-White-Space.jpg\" alt=\"Gets Along Well With White Space\" class=\"alignnone wp-image-15166\" width=\"600\" height=\"398\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Gets-Along-Well-With-White-Space.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Gets-Along-Well-With-White-Space-300x199.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Gets-Along-Well-With-White-Space-452x300.jpg 452w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><br \/>\nImage Source: <a href=\"https:\/\/www.designspiration.net\/save\/23491365313520\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"broken_link\">Designspiration<\/a><\/p>\n<p>When you\u2019ve divided  your design base into desired columns, you can keep some of the vertical or  horizontal sections empty and just let them be.<\/p>\n<p align=\"center\"><iframe src=\"https:\/\/www.youtube.com\/embed\/hM7aOooxLic\" allow=\"autoplay; encrypted-media\" allowfullscreen=\"\" width=\"560\" height=\"315\" frameborder=\"0\"><\/iframe><\/p>\n<h3>13.\tMakes Navigation Easier For Users<\/h3>\n<p>Regardless of the area where you place your header, as long as it\u2019s contained within one section, it will help your readers direct their attention to where the header points to.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Makes-Navigation-Easier-For-Users.gif\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Makes-Navigation-Easier-For-Users.gif\" alt=\"Makes Navigation Easier For Users\" title=\"Makes Navigation Easier For Users\" class=\"alignnone wp-image-15167\" width=\"600\" height=\"450\"><\/a><br \/>\nImage Source: Dribbble\/Chris Bannister<\/p>\n<p>It helps your readers make sense of the elements of your design on display. If the type you\u2019re using is small and congested, don\u2019t hold your breath for your audience to zoom in and read that minute text. If you\u2019re using headers for some important news or announcement, you\u2019ll probably want to grab your viewer\u2019s attention, which is why simpler, bigger, and readable text is better.<\/p>\n<p>You see, your grid also helps the content in such a way that it easily navigates your viewer\u2019s eyes. It smoothens the user experience when your audience knows where they have to go and what they have to do next.<\/p>\n<h2>Grid\u2019s On The Go From Now On<\/h2>\n<p>With all the benefits of the grid presented above, there is no doubt that grids hold an important place in the development of an efficient design. From balancing to making your design a beauty, these guiding lines help you achieve productive results.<\/p>\n<p>Ever wondered why the mediaeval biblical formats looked highly impressive? Because they used grids back then too. Hope you now understand what that designer in the tutorial was trying to teach you.<\/p>\n<p>Want to share your thoughts? Leave your comments below!<\/p>\n<h2>Try Our Personalized Logo Maker To Create:<\/h2>\n<p><a href=\"https:\/\/www.designmantic.com\/logos\/search\/line\" target=\"_blank\" rel=\"noopener noreferrer\">Line Logo Design Creator<\/a><br \/>\n<a href=\"https:\/\/www.designmantic.com\/logos\/search\/Graphic-Designer\" target=\"_blank\" rel=\"noopener noreferrer\">Professional Graphic Design Logos<\/a><br \/>\n<a href=\"https:\/\/www.designmantic.com\/logos\/search\/balance\" target=\"_blank\" rel=\"noopener noreferrer\">Symmetric Balance Logo Design Ideas<\/a><br \/>\n<a href=\"https:\/\/www.designmantic.com\/logos\/search\/bars\" target=\"_blank\" rel=\"noopener noreferrer\">Creative Bars Logo Generator<\/a><br \/>\n<a href=\"https:\/\/www.designmantic.com\/logos\/search\/geometric\" target=\"_blank\" rel=\"noopener noreferrer\">Cool Geometric Logo Designs<\/a><br \/>\n<a href=\"https:\/\/www.designmantic.com\/logos\/search\/shape\" target=\"_blank\" rel=\"noopener noreferrer\">Shape Logo Maker<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u201cJust add some lines here and some space there and now you have the basic framework of your design. And with that, you\u2019re almost done!\u201d Wait. Is that it? You were here for the \u2018The Most Powerful Design Tool\u2019 tutorial, &hellip; <a href=\"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":15168,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[262],"tags":[],"class_list":["post-15156","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Importance of Grids in Design | DesignMantic: The Design Shop<\/title>\n<meta name=\"description\" content=\"Grids are the perfect framework for your design. The lines are stickier than a spider\u2019s web and strong enough to hold your overall design. Wondering what other benefits do they offer? Read on to figure out more!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Importance of Grids in Design | DesignMantic: The Design Shop\" \/>\n<meta property=\"og:description\" content=\"Grids are the perfect framework for your design. The lines are stickier than a spider\u2019s web and strong enough to hold your overall design. Wondering what other benefits do they offer? Read on to figure out more!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/\" \/>\n<meta property=\"og:site_name\" content=\"DesignMantic\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DesignMantic\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-10T07:55:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-18T06:44:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Grids-In-Design.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Evan Brown\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/EvanBrownDM\" \/>\n<meta name=\"twitter:site\" content=\"@designmantic\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Evan Brown\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Importance of Grids in Design | DesignMantic: The Design Shop","description":"Grids are the perfect framework for your design. The lines are stickier than a spider\u2019s web and strong enough to hold your overall design. Wondering what other benefits do they offer? Read on to figure out more!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/","og_locale":"en_US","og_type":"article","og_title":"Importance of Grids in Design | DesignMantic: The Design Shop","og_description":"Grids are the perfect framework for your design. The lines are stickier than a spider\u2019s web and strong enough to hold your overall design. Wondering what other benefits do they offer? Read on to figure out more!","og_url":"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/","og_site_name":"DesignMantic","article_publisher":"https:\/\/www.facebook.com\/DesignMantic","article_published_time":"2018-10-10T07:55:23+00:00","article_modified_time":"2023-07-18T06:44:37+00:00","og_image":[{"width":1000,"height":800,"url":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Grids-In-Design.png","type":"image\/png"}],"author":"Evan Brown","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/EvanBrownDM","twitter_site":"@designmantic","twitter_misc":{"Written by":"Evan Brown","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/#article","isPartOf":{"@id":"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/"},"author":{"name":"Evan Brown","@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/person\/6391d01ed964b5a1184066a18d5bb7f0"},"headline":"Reprocessing The Importance Of Grids In Design","datePublished":"2018-10-10T07:55:23+00:00","dateModified":"2023-07-18T06:44:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/"},"wordCount":1858,"commentCount":0,"publisher":{"@id":"https:\/\/www.designmantic.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Grids-In-Design.png","articleSection":["Graphic Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/","url":"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/","name":"Importance of Grids in Design | DesignMantic: The Design Shop","isPartOf":{"@id":"https:\/\/www.designmantic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/#primaryimage"},"image":{"@id":"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Grids-In-Design.png","datePublished":"2018-10-10T07:55:23+00:00","dateModified":"2023-07-18T06:44:37+00:00","description":"Grids are the perfect framework for your design. The lines are stickier than a spider\u2019s web and strong enough to hold your overall design. Wondering what other benefits do they offer? Read on to figure out more!","breadcrumb":{"@id":"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/#primaryimage","url":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Grids-In-Design.png","contentUrl":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/10\/Grids-In-Design.png","width":1000,"height":800,"caption":"Grids In Design"},{"@type":"BreadcrumbList","@id":"https:\/\/www.designmantic.com\/blog\/importance-of-grids-in-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Graphic Design","item":"https:\/\/www.designmantic.com\/blog\/category\/graphic-design\/"},{"@type":"ListItem","position":2,"name":"Reprocessing The Importance Of Grids In Design"}]},{"@type":"WebSite","@id":"https:\/\/www.designmantic.com\/blog\/#website","url":"https:\/\/www.designmantic.com\/blog\/","name":"DesignMantic","description":"","publisher":{"@id":"https:\/\/www.designmantic.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.designmantic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.designmantic.com\/blog\/#organization","name":"DesignMantic","url":"https:\/\/www.designmantic.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2020\/08\/DesignMantic-Logo.png","contentUrl":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2020\/08\/DesignMantic-Logo.png","width":300,"height":58,"caption":"DesignMantic"},"image":{"@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DesignMantic","https:\/\/x.com\/designmantic"]},{"@type":"Person","@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/person\/6391d01ed964b5a1184066a18d5bb7f0","name":"Evan Brown","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9f661793780701b84d700350db08494bbbc69f4a5a52f3d53abb33f6190085f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f661793780701b84d700350db08494bbbc69f4a5a52f3d53abb33f6190085f8?s=96&d=mm&r=g","caption":"Evan Brown"},"description":"Evan is an Expert in Digital Marketing. He has been working in the social media space since 2008, with a focus on design services, user interface planning, branding and more. Currently, he is leading content marketing efforts at DesignMantic and has played an integral part in the success story of DesignMantic through strategic marketing campaigns. Evan is also a design pro, who has shown a predilection towards DIY design projects.","sameAs":["https:\/\/x.com\/https:\/\/twitter.com\/EvanBrownDM"],"url":"https:\/\/www.designmantic.com\/blog\/author\/evan-brown\/"}]}},"_links":{"self":[{"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/posts\/15156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/comments?post=15156"}],"version-history":[{"count":13,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/posts\/15156\/revisions"}],"predecessor-version":[{"id":21925,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/posts\/15156\/revisions\/21925"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/media\/15168"}],"wp:attachment":[{"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/media?parent=15156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/categories?post=15156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/tags?post=15156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}