{"id":786,"date":"2011-01-30T14:23:02","date_gmt":"2011-01-30T19:23:02","guid":{"rendered":"http:\/\/www.archimediastudios.com\/corporate\/?p=786"},"modified":"2011-01-31T12:33:46","modified_gmt":"2011-01-31T17:33:46","slug":"the-grid-system-in-design","status":"publish","type":"post","link":"https:\/\/www.archimediastudios.com\/corporate\/2011\/01\/the-grid-system-in-design\/","title":{"rendered":"The Grid System in Design"},"content":{"rendered":"<p><strong><a rel=\"attachment wp-att-800\" href=\"http:\/\/www.archimediastudios.com\/corporate\/2011\/01\/the-grid-system-in-design\/website-grid-00\/\"><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-thumbnail wp-image-800\" title=\"website-grid-00\" src=\"http:\/\/www.archimediastudios.com\/corporate\/wp-content\/uploads\/2011\/01\/website-grid-00-150x111.gif\" alt=\"\" width=\"150\" height=\"111\" srcset=\"https:\/\/www.archimediastudios.com\/corporate\/wp-content\/uploads\/2011\/01\/website-grid-00-150x111.gif 150w, https:\/\/www.archimediastudios.com\/corporate\/wp-content\/uploads\/2011\/01\/website-grid-00-300x222.gif 300w, https:\/\/www.archimediastudios.com\/corporate\/wp-content\/uploads\/2011\/01\/website-grid-00.gif 490w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>Grids are the core foundation of any design. Think of them as an invisible skeleton upon which visual content is arranged.<\/strong> They structure information so that the viewer can easily assimilate and retain it. They make compositions more aesthetically pleasing. They enhance user experience online. Grids came into public awareness during the\u00a0International Typographic Style (Swiss Style) of the 1950\u2019s but have in fact been used since the beginning of human history. Even the earliest cultures have employed grids in their town layouts, architecture, and art. The most\u00a0basic grid systems are usually made of intersecting horizontal and vertical lines (a universally adopted standard) that tend to have a \u201cgrounding\u201d effect and are perhaps linked to man\u2019s earliest relationship with time and space: the movement of the sun in relation to the horizon. More advanced grid systems can be made with complex geometry, contain multiple layers, and be three-dimensional or even organic.<\/p>\n<p>Grids, however, seem to have a very low priority in today\u2019s visual design, especially for web developers.<\/p>\n<p>If you are a designer, I urge you to study and understand grids. Grids are tools that we should learn to use and recognize, since it is up to us to create a future rich with effective and engaging communications. Below is a breif slideshow presentation that will help you to begin to understand the Grid System.<\/p>\n<div id=\"__ss_3176506\" style=\"width: 425px;\"><strong><a title=\"Grid Systems\" href=\"http:\/\/www.slideshare.net\/Leursism\/grid-systems\">Grid Systems<\/a><\/strong><object id=\"__sse3176506\" classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" width=\"425\" height=\"355\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"allowFullScreen\" value=\"true\" \/><param name=\"allowScriptAccess\" value=\"always\" \/><param name=\"src\" value=\"http:\/\/static.slidesharecdn.com\/swf\/ssplayer2.swf?doc=gridsystems-100214105845-phpapp01&amp;stripped_title=grid-systems&amp;userName=Leursism\" \/><param name=\"name\" value=\"__sse3176506\" \/><param name=\"allowfullscreen\" value=\"true\" \/><embed id=\"__sse3176506\" type=\"application\/x-shockwave-flash\" width=\"425\" height=\"355\" src=\"http:\/\/static.slidesharecdn.com\/swf\/ssplayer2.swf?doc=gridsystems-100214105845-phpapp01&amp;stripped_title=grid-systems&amp;userName=Leursism\" name=\"__sse3176506\" allowscriptaccess=\"always\" allowfullscreen=\"true\"><\/embed><\/object><\/p>\n<div style=\"padding: 5px 0 12px;\">View more <a href=\"http:\/\/www.slideshare.net\/\">presentations<\/a> from <a href=\"http:\/\/www.slideshare.net\/Leursism\">Bas Leurs<\/a>.<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Grids are the core foundation of any design. Think of them as an invisible skeleton upon which visual content is arranged. They structure information so that the viewer can easily assimilate and retain it. They make compositions more aesthetically pleasing. They enhance user experience online. Grids came into public awareness during the\u00a0International Typographic Style (Swiss [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":800,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[4],"tags":[],"class_list":["post-786","post","type-post","status-publish","format-standard","has-post-thumbnail","category-insights","entry"],"_links":{"self":[{"href":"https:\/\/www.archimediastudios.com\/corporate\/wp-json\/wp\/v2\/posts\/786","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.archimediastudios.com\/corporate\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.archimediastudios.com\/corporate\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.archimediastudios.com\/corporate\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.archimediastudios.com\/corporate\/wp-json\/wp\/v2\/comments?post=786"}],"version-history":[{"count":6,"href":"https:\/\/www.archimediastudios.com\/corporate\/wp-json\/wp\/v2\/posts\/786\/revisions"}],"predecessor-version":[{"id":802,"href":"https:\/\/www.archimediastudios.com\/corporate\/wp-json\/wp\/v2\/posts\/786\/revisions\/802"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.archimediastudios.com\/corporate\/wp-json\/wp\/v2\/media\/800"}],"wp:attachment":[{"href":"https:\/\/www.archimediastudios.com\/corporate\/wp-json\/wp\/v2\/media?parent=786"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.archimediastudios.com\/corporate\/wp-json\/wp\/v2\/categories?post=786"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.archimediastudios.com\/corporate\/wp-json\/wp\/v2\/tags?post=786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}