{"id":201,"date":"2021-11-12T00:05:31","date_gmt":"2021-11-12T00:05:31","guid":{"rendered":"https:\/\/barahona.co.uk\/journal\/?p=201"},"modified":"2021-11-12T00:22:57","modified_gmt":"2021-11-12T00:22:57","slug":"grids-in-web-design","status":"publish","type":"post","link":"https:\/\/barahona.co.uk\/journal\/2021\/11\/12\/grids-in-web-design\/","title":{"rendered":"Grids in Web Design"},"content":{"rendered":"<p><img decoding=\"async\" width=\"528\" height=\"341\" src=\"https:\/\/barahona.co.uk\/journal\/wp-content\/uploads\/2021\/11\/simple-grid.png\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/barahona.co.uk\/journal\/wp-content\/uploads\/2021\/11\/simple-grid.png 528w, https:\/\/barahona.co.uk\/journal\/wp-content\/uploads\/2021\/11\/simple-grid-300x194.png 300w\" sizes=\"(max-width: 528px) 100vw, 528px\"><\/p>\n<p>Grids are key elements in the design.<\/p>\n<p>We use them for almost everything from a business card to building a website. Grid is the skeleton of our projects, helping in the creation, and because it is so important, I couldn&#8217;t help but talk about them.<\/p>\n<p>Grid-based designs have been widely used in sectors such as graphic design, but they were slow to be adopted by the web. These designs consist of a series of columns that allow ordering and structuring the contents (text, images, media &#8230;) in an orderly and uniform way.<\/p>\n<p>The importance of using a grid<br \/>\nUsing a grid system allows you to design more efficiently simply by organizing the graphic elements of the piece, be it a website or a poster.<\/p>\n<p>Grid is all good because:<\/p>\n<ul>\n<li>We can more easily determine the reading flow that we want our readers to have.<\/li>\n<li>It helps us design in harmonious proportions by balancing the weights of the graphic elements of the layout.<\/li>\n<li>It allows creating more practical pieces.<\/li>\n<li>Helps to position items more precisely. One of the biggest problems for my first web page is that I still don&#8217;t know how to create the grids in the code editor, and I am learning step by step.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Grids are key elements in the design. We use them for almost everything from a business card to building a website. Grid is the skeleton of our projects, helping in the creation, and because it is so important, I couldn&#8217;t help but talk about them. Grid-based designs have been widely used in sectors such as [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-201","post","type-post","status-publish","format-standard","hentry","category-journal"],"_links":{"self":[{"href":"https:\/\/barahona.co.uk\/journal\/wp-json\/wp\/v2\/posts\/201"}],"collection":[{"href":"https:\/\/barahona.co.uk\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/barahona.co.uk\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/barahona.co.uk\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/barahona.co.uk\/journal\/wp-json\/wp\/v2\/comments?post=201"}],"version-history":[{"count":4,"href":"https:\/\/barahona.co.uk\/journal\/wp-json\/wp\/v2\/posts\/201\/revisions"}],"predecessor-version":[{"id":206,"href":"https:\/\/barahona.co.uk\/journal\/wp-json\/wp\/v2\/posts\/201\/revisions\/206"}],"wp:attachment":[{"href":"https:\/\/barahona.co.uk\/journal\/wp-json\/wp\/v2\/media?parent=201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/barahona.co.uk\/journal\/wp-json\/wp\/v2\/categories?post=201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/barahona.co.uk\/journal\/wp-json\/wp\/v2\/tags?post=201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}