{"id":167,"date":"2023-10-19T11:53:03","date_gmt":"2023-10-19T11:53:03","guid":{"rendered":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/?p=167"},"modified":"2024-01-14T13:28:03","modified_gmt":"2024-01-14T13:28:03","slug":"evaluate-and-iterate-setting-up-the-layout","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/research-2\/evaluate-and-iterate-setting-up-the-layout\/","title":{"rendered":"Research : Layout Grids"},"content":{"rendered":"\n<p>To make this website feasible, and also accessible, it had to be responsive amongst mobile, tablet, and laptop interfaces. This was something I had never done before, and whilst it took em a while to figure out, I got there in the end with the help of the Figma Tutorials Chanel on YouTube (https:\/\/www.youtube.com\/channel\/UCQsVmhSa4X-G3lHlUtejzLA).<\/p>\n\n\n\n<p>A key fact I learnt to help me maintain a responsive web flow was the use of grids within design, and especially, the use of the multiple of 8 within that grid design. Vertical grids should always have the same properties regardless of screen sizes, the video noted, but horizontal grids can be changed to adapt to a size. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"618\" src=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-19-at-12.59.57-1024x618.png\" alt=\"\" class=\"wp-image-170\" srcset=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-19-at-12.59.57-1024x618.png 1024w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-19-at-12.59.57-300x181.png 300w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-19-at-12.59.57-768x463.png 768w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-19-at-12.59.57-1536x927.png 1536w, https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-19-at-12.59.57.png 1684w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>To make this website feasible, and also accessible, it had to be responsive amongst mobile, tablet, and laptop interfaces. This was something I had never done before, and whilst it took em a while to figure out, I got there in the end with the help of the Figma Tutorials Chanel on YouTube (https:\/\/www.youtube.com\/channel\/UCQsVmhSa4X-G3lHlUtejzLA). A &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/research-2\/evaluate-and-iterate-setting-up-the-layout\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Research : Layout Grids&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[34],"tags":[16],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/posts\/167"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/comments?post=167"}],"version-history":[{"count":4,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/posts\/167\/revisions"}],"predecessor-version":[{"id":176,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/posts\/167\/revisions\/176"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/media?parent=167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/categories?post=167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/hanley-whelpton\/blog\/wp-json\/wp\/v2\/tags?post=167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}