{"id":478,"date":"2020-01-08T18:42:32","date_gmt":"2020-01-08T18:42:32","guid":{"rendered":"https:\/\/resizemyimg.com\/blog\/?p=478"},"modified":"2020-02-10T14:35:03","modified_gmt":"2020-02-10T14:35:03","slug":"layout-composition","status":"publish","type":"post","link":"https:\/\/resizemyimg.com\/blog\/layout-composition\/","title":{"rendered":"Layout &#038; Composition"},"content":{"rendered":"<div class=\"fancy-corners\"><p> Layout &amp; Composition is the fourth article in the Ultimate Graphic and Web Design Basics Guide. It was meant for those looking to get their career started as designers, but also for those that are interested in the design process. Within the following series of the nine articles, and two &#8220;bonus tips&#8221; articles, we will cover everything you need to know to get started. Stay tuned for the following articles:<\/p>\n<ol>\n<li><a href=\"\/blog\/basics-of-graphic-design-series\/\"><span style=\"font-weight: 400;\">The Basics of Graphic Design: What It Is, and What\u2019s It For?<\/span><\/a><\/li>\n<li><a href=\"\/blog\/the-color-theory-psychology\/\"><span style=\"font-weight: 400;\">Color Theory &amp; Psychology<\/span><\/a><\/li>\n<li><a href=\"\/blog\/typography-choose-proper-font\/\"><span style=\"font-weight: 400;\">Typography: How to choose the proper font<\/span><\/a><\/li>\n<li><span style=\"font-weight: 400;\">Layout &amp; Composition<\/span><\/li>\n<li><a href=\"\/blog\/photography-in-graphic-design\/\"><span style=\"font-weight: 400;\">Photography in Graphic Design<\/span><\/a><\/li>\n<li><span style=\"font-weight: 400;\"><a href=\"\/blog\/branding-logo-design\/\">Branding &amp; Logo Design<\/a> <\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a href=\"\/blog\/how-graphic-design-translates-into-web-design\/\">How Graphic Design Translates into Web Design?<\/a> <\/span><\/li>\n<li><a href=\"\/blog\/user-experience-how-to-get-it-right\/\"><span style=\"font-weight: 400;\">User Experience &#8211; How to get it right?<\/span><\/a><\/li>\n<li><a href=\"\/blog\/modern-trends-in-graphic-design\/\"><span style=\"font-weight: 400;\">Modern Trends in Design<\/span><\/a><\/li>\n<li><a href=\"\/blog\/bonus-tip-how-to-find-your-first-gig\/\"><span style=\"font-weight: 400;\">Bonus tip: How to find your first gig<\/span><\/a><\/li>\n<li><a href=\"\/blog\/bonus-tip-how-to-work-with-clients\/\"><span style=\"font-weight: 400;\">Bonus tip: How to work with clients<\/span><\/a><\/li>\n<\/ol>\n<p>Stay tuned for the full series! <\/p>\n<\/div>\n<p>Layout and composition are two different terms, but they work together harmoniously. The composition is something crucial in any art form, whether it is design, painting, music, photography, you name it. It refers to the elements that make up a certain design\/piece of artwork. The layout is the organization of those elements, the way they are laid out and arranged.<\/p>\n<div class=\"block-tweet fancy-corners\"><p><a target=\"_blank\" class=\"skip-external-link\" title=\"Click to tweet!\" href=\"https:\/\/twitter.com\/share?via=webfactoryltd&url=https%3A%2F%2Fresizemyimg.com%2Fblog%2Flayout-composition%2F&hashtags&text=Layout+and+composition+make+up+the+foundation+of+design%2C+from+the+more+classical+types+to+even+web+design.\">Layout and composition make up the foundation of design, from the more classical types to even web design.<span>Click to tweet<\/span><\/a><\/p><\/div>\n<p>When your design has good layout and composition, it can enable your viewer to navigate through it easily and have a better understanding of it is about. People who aren\u2019t really knowledgeable on layout and composition often undermine their importance, for that same reason, they are the ones who often fail to create beautiful and professional designs that will convey their message accurately.<\/p>\n<p>A poor layout is something that will make or break your design. If good, it will appeal to people; if not, it will make them turn away from it, consciously or unconsciously.<\/p>\n<p>The thing most designers struggle with is not the actual design, rather the layout. They struggle with it because most of them aren\u2019t familiar with the rules and principles of layout and composition. To help you not be one of those designers, in this article, we are going to give you a brief introduction to those rules and principles and also the types of layouts you should be familiar with.<\/p>\n<h2>Principles of layout and composition<\/h2>\n<p><strong>Proximity \u2013 <\/strong>Proximity is something that will allow you to define a relationship between elements in your content. Elements that are related should be grouped together, placed in near proximity. In the same way that being grouped together will show a relationship between elements, them being placed away from each other will show a lack of relationship.<\/p>\n<p><strong>White space \u2013 <\/strong>White space is space between your content that gives your content room to breathe and makes it easier to understand for the people viewing it. Having a good amount of white space is crucial for all compositions.<\/p>\n<p><strong>Alignment<\/strong> \u2013 To align something means to arrange it in a straight line or in correct relative positions. The key to using alignment is to use it consistently through your work. You can do it manually using grids and rulers, but all software tools you will be working with come with alignment tools.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-481\" src=\"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/domino-2747758_1920.jpg\" alt=\"Alignment\" width=\"1920\" height=\"1276\" srcset=\"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/domino-2747758_1920.jpg 1806w, https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/domino-2747758_1920-300x199.jpg 300w, https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/domino-2747758_1920-1024x681.jpg 1024w, https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/domino-2747758_1920-575x382.jpg 575w, https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/domino-2747758_1920-768x510.jpg 768w, https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/domino-2747758_1920-1536x1021.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><strong>Contrast \u2013 <\/strong>Contrast is having differentiations within your design elements. You can make contrast using different colors, sizes, fonts, etc.. With contrast, you can not only draw focus to a specific part of your design but the whole design in general by making it interesting using contrast.<\/p>\n<p><strong>Hierarchy<\/strong> \u2013 Its function is very similar to contrast since it is to emphasize or draw attention to something by making it bolder, bigger, different in order to show that it is important.<\/p>\n<p><strong>Repetition<\/strong> \u2013 Every good design project uses repetition. By repeating certain design elements like the color palette, header style, you make your project coherent. It is useful for practical reasons as well.<\/p>\n<h2>Rules of layout and composition<\/h2>\n<p><strong>Grid \u2013 <\/strong>The grid is a staple of all popular designs. With a gird design, you can achieve a cleaner look and have an easier time with the design process since a grid predefines the spaces where you should put the content.<\/p>\n<p><strong>Focal point \u2013 <\/strong>A focal is something to draw and hold focus. It is usually the most important piece of information, but it can be anything, graphics, images, typography, or something else.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-482\" src=\"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/lake-1781692_1920.jpg\" alt=\"Focal point\" width=\"1920\" height=\"1110\" srcset=\"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/lake-1781692_1920.jpg 1920w, https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/lake-1781692_1920-300x173.jpg 300w, https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/lake-1781692_1920-1024x592.jpg 1024w, https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/lake-1781692_1920-575x332.jpg 575w, https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/lake-1781692_1920-768x444.jpg 768w, https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/lake-1781692_1920-1536x888.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><strong>Balance \u2013 <\/strong>To achieve balance in your design, you can do a few things, equally, distribute elements on the grid, size your paragraphs similarly, have an equal amount of positive and negative space, and etc..<\/p>\n<p><strong>Rule of thirds <\/strong>\u2013 The rule of thirds implies dividing your design into three rows and three columns. By doing this, you can easily find the perfect place for your elements, which will usually be where the horizontal and vertical lines meet.<\/p>\n<p><strong>Rule of odds \u2013 <\/strong>The rule of odds is very helpful when you want to have a focal point, but you have more than one design element. The rule says that the number of those elements should be odd (3,5,7), so you can easily use one of them as the focal point and then arrange the rest of them around it.<\/p>\n<h2>Types of layouts<\/h2>\n<p><strong>Mondrian layout<\/strong> \u2013 This layout was named after a Dutch painter famous for this style. It consists of forms like square, landscape, portrait, and all of them are parallel to the presentation field. With this layout, you can achieve a conceptual composition.<\/p>\n<p><strong>Circus layout \u2013 <\/strong>Not technically a layout, more an irregular or even random composition of elements.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-483\" src=\"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/circus-4721247_1920.jpg\" alt=\"Circus\" width=\"1920\" height=\"1279\" srcset=\"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/circus-4721247_1920.jpg 1801w, https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/circus-4721247_1920-300x200.jpg 300w, https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/circus-4721247_1920-1024x682.jpg 1024w, https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/circus-4721247_1920-575x383.jpg 575w, https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/circus-4721247_1920-768x512.jpg 768w, https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/circus-4721247_1920-1536x1023.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><strong>Multi-panel layout \u2013 <\/strong>To achieve a multi-panel layout, you simply need to divide the layout into sections of various shapes.<\/p>\n<p><strong>Silhouette layout \u2013 <\/strong>This layout is characterized by highlights made using shadows, and the layout is typically made up of photos or illustrations.<\/p>\n<p><strong>Big-type layout \u2013 <\/strong>Big-type layouts are probably the most eye-catching and are used most often for headlines. They are made up of big and bold fonts.<\/p>\n<p><strong>Alphabet inspired layout \u2013 <\/strong>Creates an impression as if you are telling a story by arranging letters and\/or numbers in various forms and sequences.<\/p>\n<h2>Why are layout and composition important?<\/h2>\n<p>A well-composed and laid out design will unify all your design elements; a bad design will simply highlight how those elements don\u2019t work together.<\/p>\n<p>Your layout and composition will let your clients know with ease and without many words, what your brand is about and what is its message if made well. This is an easy way to advertise, gain new customers, and influence the existing ones. Layout and composition are useful not only in your logo and advertising but also on your website. It will smoothly guide your site visitor into interacting with your site, increasing the profit you get from it.<\/p>\n<h2>Conclusion<\/h2>\n<p>A lot of people think their job is done once they decide on a logo, font, and color scheme, but it really isn\u2019t. All those elements need to work in harmony with each other, be laid out appropriately and efficiently everywhere they are used. With the knowledge and tips you got from this article, you could easily do it yourself. You can follow these rules strictly, or be bold and experiment, but if you do decide to do that, don\u2019t stray too far from the mentioned rules and principles. At the end of the day, they are there for a reason.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Layout and composition are two different terms, but they work together harmoniously. The composition is something crucial in any art form whether it is design, painting, music, photography, you name it. It refers to the elements that make up a certain design\/piece of artwork. The layout is the organization of those elements, the way they are laid out and arranged. Keep on reading to learn more! <\/p>\n<p class=\"read-more-container\"><a href=\"https:\/\/resizemyimg.com\/blog\/layout-composition\/\" class=\"read-more button\">Read more<\/a><\/p>\n","protected":false},"author":6,"featured_media":484,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-478","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Layout &amp; Composition<\/title>\n<meta name=\"description\" content=\"Layout and composition are another two design essentials you should pay attention to when looking to get into designing. Learn more about them here.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/resizemyimg.com\/blog\/layout-composition\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Layout &amp; Composition\" \/>\n<meta property=\"og:description\" content=\"Layout and composition are another two design essentials you should pay attention to when looking to get into designing. Learn more about them here.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/resizemyimg.com\/blog\/layout-composition\/\" \/>\n<meta property=\"og:site_name\" content=\"Resize my Image Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webfactoryltd\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-08T18:42:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-02-10T14:35:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/layout-composition.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Dzenana Kajtaz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webfactoryltd\" \/>\n<meta name=\"twitter:site\" content=\"@webfactoryltd\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dzenana Kajtaz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/resizemyimg.com\/blog\/layout-composition\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/resizemyimg.com\/blog\/layout-composition\/\"},\"author\":{\"name\":\"Dzenana Kajtaz\",\"@id\":\"https:\/\/resizemyimg.com\/blog\/#\/schema\/person\/04e54881f2a637b0ade86a0912ae7609\"},\"headline\":\"Layout &#038; Composition\",\"datePublished\":\"2020-01-08T18:42:32+00:00\",\"dateModified\":\"2020-02-10T14:35:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/resizemyimg.com\/blog\/layout-composition\/\"},\"wordCount\":1232,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/resizemyimg.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/resizemyimg.com\/blog\/layout-composition\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/layout-composition.jpg\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/resizemyimg.com\/blog\/layout-composition\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/resizemyimg.com\/blog\/layout-composition\/\",\"url\":\"https:\/\/resizemyimg.com\/blog\/layout-composition\/\",\"name\":\"Layout & Composition\",\"isPartOf\":{\"@id\":\"https:\/\/resizemyimg.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/resizemyimg.com\/blog\/layout-composition\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/resizemyimg.com\/blog\/layout-composition\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/layout-composition.jpg\",\"datePublished\":\"2020-01-08T18:42:32+00:00\",\"dateModified\":\"2020-02-10T14:35:03+00:00\",\"description\":\"Layout and composition are another two design essentials you should pay attention to when looking to get into designing. Learn more about them here.\",\"breadcrumb\":{\"@id\":\"https:\/\/resizemyimg.com\/blog\/layout-composition\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/resizemyimg.com\/blog\/layout-composition\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/resizemyimg.com\/blog\/layout-composition\/#primaryimage\",\"url\":\"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/layout-composition.jpg\",\"contentUrl\":\"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/layout-composition.jpg\",\"width\":1600,\"height\":800,\"caption\":\"Layout and Composition\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/resizemyimg.com\/blog\/layout-composition\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/resizemyimg.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Layout &#038; Composition\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/resizemyimg.com\/blog\/#website\",\"url\":\"https:\/\/resizemyimg.com\/blog\/\",\"name\":\"Resize my Image Blog\",\"description\":\"News, insights, tips&amp;tricks on image related business &amp; SaaS\",\"publisher\":{\"@id\":\"https:\/\/resizemyimg.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/resizemyimg.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/resizemyimg.com\/blog\/#organization\",\"name\":\"WebFactory Ltd\",\"url\":\"https:\/\/resizemyimg.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/resizemyimg.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2019\/12\/webfactory_icon.png\",\"contentUrl\":\"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2019\/12\/webfactory_icon.png\",\"width\":300,\"height\":300,\"caption\":\"WebFactory Ltd\"},\"image\":{\"@id\":\"https:\/\/resizemyimg.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webfactoryltd\/\",\"https:\/\/x.com\/webfactoryltd\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/resizemyimg.com\/blog\/#\/schema\/person\/04e54881f2a637b0ade86a0912ae7609\",\"name\":\"Dzenana Kajtaz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/resizemyimg.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8f159809bcab1f661b33cf7d9752db3c?s=96&d=monsterid&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8f159809bcab1f661b33cf7d9752db3c?s=96&d=monsterid&r=g\",\"caption\":\"Dzenana Kajtaz\"},\"description\":\"I am a software engineering student from Bosnia and Herzegovina, currently working on my thesis. In my free time, I like to listen to podcasts and watch YouTube videos on all sorts of topics. I love anything, tech, fashion or travel-related.\",\"url\":\"https:\/\/resizemyimg.com\/blog\/author\/dzenana\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Layout & Composition","description":"Layout and composition are another two design essentials you should pay attention to when looking to get into designing. Learn more about them here.","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:\/\/resizemyimg.com\/blog\/layout-composition\/","og_locale":"en_US","og_type":"article","og_title":"Layout & Composition","og_description":"Layout and composition are another two design essentials you should pay attention to when looking to get into designing. Learn more about them here.","og_url":"https:\/\/resizemyimg.com\/blog\/layout-composition\/","og_site_name":"Resize my Image Blog","article_publisher":"https:\/\/www.facebook.com\/webfactoryltd\/","article_published_time":"2020-01-08T18:42:32+00:00","article_modified_time":"2020-02-10T14:35:03+00:00","og_image":[{"width":1600,"height":800,"url":"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/layout-composition.jpg","type":"image\/jpeg"}],"author":"Dzenana Kajtaz","twitter_card":"summary_large_image","twitter_creator":"@webfactoryltd","twitter_site":"@webfactoryltd","twitter_misc":{"Written by":"Dzenana Kajtaz","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/resizemyimg.com\/blog\/layout-composition\/#article","isPartOf":{"@id":"https:\/\/resizemyimg.com\/blog\/layout-composition\/"},"author":{"name":"Dzenana Kajtaz","@id":"https:\/\/resizemyimg.com\/blog\/#\/schema\/person\/04e54881f2a637b0ade86a0912ae7609"},"headline":"Layout &#038; Composition","datePublished":"2020-01-08T18:42:32+00:00","dateModified":"2020-02-10T14:35:03+00:00","mainEntityOfPage":{"@id":"https:\/\/resizemyimg.com\/blog\/layout-composition\/"},"wordCount":1232,"commentCount":0,"publisher":{"@id":"https:\/\/resizemyimg.com\/blog\/#organization"},"image":{"@id":"https:\/\/resizemyimg.com\/blog\/layout-composition\/#primaryimage"},"thumbnailUrl":"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/layout-composition.jpg","articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/resizemyimg.com\/blog\/layout-composition\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/resizemyimg.com\/blog\/layout-composition\/","url":"https:\/\/resizemyimg.com\/blog\/layout-composition\/","name":"Layout & Composition","isPartOf":{"@id":"https:\/\/resizemyimg.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/resizemyimg.com\/blog\/layout-composition\/#primaryimage"},"image":{"@id":"https:\/\/resizemyimg.com\/blog\/layout-composition\/#primaryimage"},"thumbnailUrl":"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/layout-composition.jpg","datePublished":"2020-01-08T18:42:32+00:00","dateModified":"2020-02-10T14:35:03+00:00","description":"Layout and composition are another two design essentials you should pay attention to when looking to get into designing. Learn more about them here.","breadcrumb":{"@id":"https:\/\/resizemyimg.com\/blog\/layout-composition\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/resizemyimg.com\/blog\/layout-composition\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/resizemyimg.com\/blog\/layout-composition\/#primaryimage","url":"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/layout-composition.jpg","contentUrl":"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2020\/01\/layout-composition.jpg","width":1600,"height":800,"caption":"Layout and Composition"},{"@type":"BreadcrumbList","@id":"https:\/\/resizemyimg.com\/blog\/layout-composition\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/resizemyimg.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Layout &#038; Composition"}]},{"@type":"WebSite","@id":"https:\/\/resizemyimg.com\/blog\/#website","url":"https:\/\/resizemyimg.com\/blog\/","name":"Resize my Image Blog","description":"News, insights, tips&amp;tricks on image related business &amp; SaaS","publisher":{"@id":"https:\/\/resizemyimg.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/resizemyimg.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/resizemyimg.com\/blog\/#organization","name":"WebFactory Ltd","url":"https:\/\/resizemyimg.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/resizemyimg.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2019\/12\/webfactory_icon.png","contentUrl":"https:\/\/resizemyimg.com\/blog\/wp-content\/uploads\/2019\/12\/webfactory_icon.png","width":300,"height":300,"caption":"WebFactory Ltd"},"image":{"@id":"https:\/\/resizemyimg.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webfactoryltd\/","https:\/\/x.com\/webfactoryltd"]},{"@type":"Person","@id":"https:\/\/resizemyimg.com\/blog\/#\/schema\/person\/04e54881f2a637b0ade86a0912ae7609","name":"Dzenana Kajtaz","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/resizemyimg.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8f159809bcab1f661b33cf7d9752db3c?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8f159809bcab1f661b33cf7d9752db3c?s=96&d=monsterid&r=g","caption":"Dzenana Kajtaz"},"description":"I am a software engineering student from Bosnia and Herzegovina, currently working on my thesis. In my free time, I like to listen to podcasts and watch YouTube videos on all sorts of topics. I love anything, tech, fashion or travel-related.","url":"https:\/\/resizemyimg.com\/blog\/author\/dzenana\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/resizemyimg.com\/blog\/wp-json\/wp\/v2\/posts\/478"}],"collection":[{"href":"https:\/\/resizemyimg.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/resizemyimg.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/resizemyimg.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/resizemyimg.com\/blog\/wp-json\/wp\/v2\/comments?post=478"}],"version-history":[{"count":10,"href":"https:\/\/resizemyimg.com\/blog\/wp-json\/wp\/v2\/posts\/478\/revisions"}],"predecessor-version":[{"id":664,"href":"https:\/\/resizemyimg.com\/blog\/wp-json\/wp\/v2\/posts\/478\/revisions\/664"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/resizemyimg.com\/blog\/wp-json\/wp\/v2\/media\/484"}],"wp:attachment":[{"href":"https:\/\/resizemyimg.com\/blog\/wp-json\/wp\/v2\/media?parent=478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/resizemyimg.com\/blog\/wp-json\/wp\/v2\/categories?post=478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/resizemyimg.com\/blog\/wp-json\/wp\/v2\/tags?post=478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}