{"id":56980,"date":"2022-07-13T20:45:00","date_gmt":"2022-07-14T00:45:00","guid":{"rendered":"https:\/\/venngage.com\/blog\/?p=56980"},"modified":"2025-07-03T12:39:27","modified_gmt":"2025-07-03T16:39:27","slug":"design-principles","status":"publish","type":"post","link":"https:\/\/venngage.com\/blog\/design-principles\/","title":{"rendered":"What Are the Principles of Design? A Complete Breakdown"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/venngage.com\/templates\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/design_principles-1024x576-1.png\" alt=\"design principles blog header Venngage\" class=\"wp-image-59951\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/design_principles-1024x576-1.png 1024w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/design_principles-1024x576-1-300x169.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/design_principles-1024x576-1-768x432.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/design_principles-1024x576-1-730x411.png 730w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n<p><em>It\u2019s a typical work day. Julie is working on an infographic for an internal training program. She goes to <\/em><a href=\"https:\/\/venngage.com\/templates\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Venngage\u2019s library<\/em><\/a><em>, picks a template and starts editing away.&nbsp;<\/em><\/p>\n\n\n\n<p><em>Half an hour later, she looks at her design. It looks nice, but feels just a bit off. For some reason, it doesn\u2019t seem as good as the original template. It can pass as a good design, but Julie wants to make it great. The problem is, she\u2019s not sure how.<\/em>&nbsp;<\/p>\n\n\n\n<p>Does this story seem familiar? Have you ever been in Julie\u2019s shoes?&nbsp;<\/p>\n\n\n\n<p><strong>Enter: Principles of design.<\/strong> <\/p>\n\n\n\n<p>If your designs are lacking that \u201cje ne sais quois\u201d, these principles can be a big help. So in this article, I\u2019ll break down the basic principles of design, including how you can use them to create engaging, visual business communications.&nbsp;<\/p>\n\n\n\n<p>Don\u2019t worry, you don\u2019t need a graphic design degree to follow along! In fact, this guide is best for beginners. So let\u2019s begin\u2026&nbsp;<\/p>\n\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\" target=\"_blank\" rel=\"noopener\"><button class=\"btn-cta\"><b>START CREATING FOR FREE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<h3 class=\"wp-block-heading\" id=\"toc\"><strong>13 principles of design you need to know (click to jump ahead):<\/strong><\/h3>\n\n\n\n<ul>\n<li><a href=\"#unity\">Unity<\/a><\/li>\n\n\n\n<li><a href=\"#emphasis\">Emphasis<\/a><\/li>\n\n\n\n<li><a href=\"#rhythm\">Rhythm<\/a><\/li>\n\n\n\n<li><a href=\"#contrast\">Contrast<\/a><\/li>\n\n\n\n<li><a href=\"#proximity\">Proximity<\/a><\/li>\n\n\n\n<li><a href=\"#repetition\">Repetition<\/a><\/li>\n\n\n\n<li><a href=\"#variety\">Variety<\/a><\/li>\n\n\n\n<li><a href=\"#alignment\">Alignment<\/a><\/li>\n\n\n\n<li><a href=\"#proportion\">Proportion<\/a><\/li>\n\n\n\n<li><a href=\"#white\">White space<\/a><\/li>\n\n\n\n<li><a href=\"#hierarchy\">Hierarchy<\/a><\/li>\n\n\n\n<li><a href=\"#movement\">Movement<\/a><\/li>\n\n\n\n<li><a href=\"#balance\">Balance<\/a><\/li>\n<\/ul>\n\n\n\n<p><em>Looking for a shortcut? Watch this quick 12-minute video for an overview of each design principle:<\/em><\/p>\n\n\n\n<p><p style=\"text-align: center;\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/FiHDA87f7nU\" width=\"560\" height=\"315\" frameborder=\"0\" align=\"center\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"unity\"><strong>Unity<\/strong><\/h2>\n\n\n\n<p>Unity is more of a goal than a design principle. But technically speaking, it does belong on this list.<\/p>\n\n\n\n<p>Here\u2019s the thing: if your design follows the other rules on this list, you\u2019ll achieve unity. In other words, you don\u2019t need to overthink it.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/venngage.com\/templates\/social-media\/unity-harmony-design-principle-instagram-post-144ca18b-5323-4395-ab11-8e5fbcda3301\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/hBvkHJwz2H5ICuIEcQO9OU0V7BbBP2ngV7E94XkPbLbCK7OplD8-tddGUEce-CYBMqtWuXx4WJUxCA9OEKbCJUjHZvf_nK9Ccd3yVANjDqDJuyDwP_wAlEK9MHXZVoqhHA06JuhBzhzONA5AfvK6\" alt=\"Unity \/ Harmony - Principle of Design\" width=\"650\"\/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/social-media\/unity-harmony-design-principle-instagram-post-144ca18b-5323-4395-ab11-8e5fbcda3301\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS SOCIAL MEDIA TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Many people refer to unity in design as harmony and the comparison with music is appropriate! If you\u2019ve been unlucky enough to hear music that makes you question your sanity\u2026 you already understand how a lack of unity can ruin a design.<\/p>\n\n\n\n<p>It\u2019s important to note unity or harmony doesn\u2019t mean sameness. Rather, it\u2019s about ensuring the various elements of a design work well together, and you can do this in lots of ways. Let\u2019s look at a few examples of unity across an entire design.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/a1c-tests-for-diabetes-infographic-c6802c08-0159-42de-8f28-70628f6b764b\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/diabetes_infographic-1.png\" alt=\"Diabetes Infographic - Principles of Design Example\" class=\"wp-image-59917\" width=\"650\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/diabetes_infographic-1.png 816w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/diabetes_infographic-1-81x300.png 81w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/diabetes_infographic-1-276x1024.png 276w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/diabetes_infographic-1-768x2852.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/diabetes_infographic-1-414x1536.png 414w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/diabetes_infographic-1-730x2711.png 730w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/a1c-tests-for-diabetes-infographic-c6802c08-0159-42de-8f28-70628f6b764b\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS INFOGRAPHIC TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p><em>Just so you know, some of our templates are free to use and some require a small monthly fee. <\/em><a href=\"https:\/\/infograph.venngage.com\/register\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Sign up<\/em><\/a><em> is always free, as is access to Venngage\u2019s online drag-and-drop editor.<\/em><\/p>\n\n\n\n<p>This infographic is a good example of unity for a few reasons. For starters, it repeats a visual metaphor or theme throughout the page. <\/p>\n\n\n\n<p>All the icons and illustrations represent the topic (&#8220;tests&#8221;, &#8220;experiments&#8221;, &#8220;diabetes&#8221;). Because the content is scientific, these elements are a perfect match.<\/p>\n\n\n\n<p>Other design principles in play include contrast (reds vs. blues), rhythm and movement (dotted lines direct the eye) and, of course, repetition \u2014 in addition to the theme, the science-related visual elements like bubbles and test tubes repeat.<\/p>\n\n\n\n<p>Of course, ensuring unity on a single page is much easier than across several pages. That\u2019s why it\u2019s even more important to use the principles of design to create unity in printed materials with multiple pages, like this brochure:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/venngage.com\/templates\/brochures\/retro-automotive-local-business-bi-fold-brochure-c2d88e2c-ec0c-4205-8a2f-35a7e3eed008\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/PQ13xZwXXpOoxrQ01tBpXpJI7VfGz8VPPO4Uh_RktbTHOaBS_djIiy2xbDM4lv8El9APghUjcE8JrBAV8v1prmW1-i0du9NBeZuDZWa6gSB1Lg69vS7xirAeGyB53fo-38_oxYuMNdNkEXNiL6ydwA\" alt=\"Automotive Brochure - Principles of Design Examples\" width=\"650\"\/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/brochures\/retro-automotive-local-business-bi-fold-brochure-c2d88e2c-ec0c-4205-8a2f-35a7e3eed008\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS BROCHURE TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Notice how this brochure features one consistent color palette. This makes the brand pop <em>and <\/em>ensures the design is harmonious.&nbsp;<\/p>\n\n\n\n<p>Also note the use of different types of media. Actual photos (cars getting&nbsp;serviced) and flat icons (cars and engines) each serve a purpose. What\u2019s more, they\u2019re cleverly placed to enhance unity. They also add variety to the brochure (another important design principle I\u2019ll cover later on!).<\/p>\n\n\n\n<p><strong>Read more about this principle here: <\/strong><a href=\"https:\/\/venngage.com\/blog\/design-principle-unity\/\" target=\"_blank\" rel=\"noreferrer noopener\">A Brief Guide to Unity \u2014 A Design Principle<\/a><\/p>\n\n\n\n<p><strong><a href=\"#toc\">Return to Principles of Design<\/a><\/strong><\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"emphasis\"><strong>Emphasis<\/strong><\/h2>\n\n\n\n<p>Emphasis helps guide the reader\u2019s eye. It tells them where they should look first.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/venngage.com\/templates\/social-media\/dominance-emphasis-design-principle-instagram-post-734542f7-5b58-4b31-85df-3916aaca7194\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/Ck5J8WzoTR9VBtITFTZ7kBVnUQ5jF7NAizHy1kGysfoDkVuoKa7NcRH9vDjgdd2RL8eHgWivqd3Zg-DCjPlPvV4pGPx4KC5bG8Si1MsBvTAZfu8NaIsGdDkE6n6T961j0rK9Rnkga7rOa5kP8pJU\" alt=\"Dominance \/ Emphasis - Principle of Design\" width=\"650\"\/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/social-media\/dominance-emphasis-design-principle-instagram-post-734542f7-5b58-4b31-85df-3916aaca7194\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS SOCIAL MEDIA TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Sometimes referred to as dominance, emphasis helps draw the eye to key elements in a design. That could be imagery, charts and graphs, headings or other important bits.<\/p>\n\n\n\n<p>Creating emphasis in a small design like the following one-stat infographic might seem simple. (The yellow is the dominant element, right?) But this example goes beyond color:&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/icon-fact-441ff09f-c251-48af-a90f-3649c8ed78cf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/N75N2mCHNveK8hvcyctoMO64l0YqacVmP45cYMG73uQIv0GO6i0lSILJX_LlOc-PC6O6smV0H9BE01sF22B49hFhQ02rYsjMVMXPwmGaJJaCOwNgrcjbnxBrB9dSHGb8h0ewME3j_0wEzeEVrD4Low\" alt=\"Pear infographic - design principles example\" width=\"650\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\"\/><\/a><\/figure><\/div>\n\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/icon-fact-441ff09f-c251-48af-a90f-3649c8ed78cf\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS INFOGRAPHIC TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>In this case, the designer made a break in the pear illustration and put the most important word there. This moves the emphasis from the pear to the fact that so much food goes uneaten. Clever right?&nbsp;<\/p>\n\n\n\n<p><meta charset=\"utf-8\"><strong>Read more about this principle here: <\/strong><a href=\"https:\/\/venngage.com\/blog\/design-principle-emphasis\/\" target=\"_blank\" rel=\"noreferrer noopener\">A Brief Guide to Emphasis \u2014 A Principle of Design<\/a><\/p>\n\n\n\n<p><meta charset=\"utf-8\"><strong><a href=\"#toc\">Return to Table of Contents<\/a><\/strong><\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"rhythm\"><strong>Rhythm<\/strong><\/h2>\n\n\n\n<p>Rhythm in design refers to consistent application of elements in a way that can suggest movement, patterns or action.<\/p>\n\n\n\n<p>Rhythm goes well with repetition and movement, two design principles I\u2019ll touch on in a moment. Similar to repetition, rhythm provides visual energy. And along with movement, rhythm suggests vitality in a design.<\/p>\n\n\n\n<p>Remember how we talked about unity\/harmony and its relevance to music? It\u2019s the same thing with rhythm.<\/p>\n\n\n\n<p>Just like rhythm in music can seem repetitive or random, the same is true in design. There\u2019s no one way to find a rhythm in design. What do I mean by that? Let\u2019s look at some examples.<\/p>\n\n\n\n<p>You can create an alternating rhythm by repeating more than one element in a design, like in this example where the designer alternates between two main colors:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/diversity-and-inclusion-terminology-infographic-dbc47165-dee4-478f-a0b9-313a54a5338a\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/diversity_infographic-1.png\" alt=\"Diversity and inclusion infographic - design principles example\" class=\"wp-image-59918\" width=\"650\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/diversity_infographic-1.png 816w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/diversity_infographic-1-232x300.png 232w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/diversity_infographic-1-791x1024.png 791w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/diversity_infographic-1-768x994.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/diversity_infographic-1-730x945.png 730w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/diversity-and-inclusion-terminology-infographic-dbc47165-dee4-478f-a0b9-313a54a5338a\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS INFOGRAPHIC TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Or you can create a random rhythm by repeating elements in no particular pattern, like in this infographic:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/internal-talent-acquisition-infographic-136b98f8-f40e-4ac7-875e-dd21c3b7c8de\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/talent_infographic-1.png\" alt=\"Internal talent acquisition infographic - design principles example\" class=\"wp-image-59919\" width=\"650\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/talent_infographic-1.png 816w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/talent_infographic-1-80x300.png 80w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/talent_infographic-1-274x1024.png 274w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/talent_infographic-1-768x2871.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/talent_infographic-1-411x1536.png 411w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/talent_infographic-1-548x2048.png 548w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/talent_infographic-1-730x2729.png 730w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/a><\/figure><\/div>\n\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/internal-talent-acquisition-infographic-136b98f8-f40e-4ac7-875e-dd21c3b7c8de\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS INFOGRAPHIC TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Note how there\u2019s a rhythmic feel to this design even though there\u2019s no specific pattern. The designer does alternate between four main colors (blue, dark blue, yellow and off white), but there\u2019s no rule that dictates the order of the colors. The infographic doesn\u2019t use one particular layout either: the columns vary in length from section to section.&nbsp;<\/p>\n\n\n\n<p>You can add rhythm to a multi-page design too:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/reports\/corporate-healthcare-annual-report-afedfb57-f448-4504-9be9-e367d408a583\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/corporate-healthcare-report.png\" alt=\"corporate healthcare annual report template - example of rhythm as a design principle\" class=\"wp-image-59952\" width=\"650\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/corporate-healthcare-report.png 960w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/corporate-healthcare-report-145x300.png 145w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/corporate-healthcare-report-495x1024.png 495w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/corporate-healthcare-report-768x1589.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/corporate-healthcare-report-742x1536.png 742w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/corporate-healthcare-report-730x1510.png 730w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/reports\/corporate-healthcare-annual-report-afedfb57-f448-4504-9be9-e367d408a583\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS REPORT TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>The contrasting color scheme of this corporate annual report creates rhythm. Notice how the color scheme flip-flops depending on the page. Odd-numbered pages feature one color scheme, while even-numbered pages feature another.&nbsp;<\/p>\n\n\n\n<p>All the pages work well together rhythmically because there\u2019s a pattern. But you can only see that pattern when you look at the whole, multi-page document.<\/p>\n\n\n\n<p><meta charset=\"utf-8\"><strong><a href=\"#toc\">Return to<strong><a href=\"#toc\"> Principles of Design<\/a><\/strong><\/a><\/strong><\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"contrast\"><strong>Contrast<\/strong><\/h2>\n\n\n\n<p>Contrast doesn\u2019t just refer to color choice. Contrasting elements in a design could refer to font choice, shapes, patterns, textures, graphic size and more.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/venngage.com\/templates\/social-media\/similarity-contrast-design-principle-instagram-post-4236e16d-35bb-4062-9531-7a81bf91b42d\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/kMbqaj6uElJKHt1G6wWwy1Q227EwsFMexbiTGeYUR4iS5TLjOb34sVV9Qmd_EQPKXGb1RrQWGXqO2CXWvcAZl4l7c3bB6pf-oiA5mcqFnba7sdPApMDIs0f_q309_wiRGSeVzNGU6OlNr1z4aKd3\" alt=\"Similarity and contrast - design principle\" width=\"650\"\/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/social-media\/similarity-contrast-design-principle-instagram-post-4236e16d-35bb-4062-9531-7a81bf91b42d\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS SOCIAL MEDIA TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Contrast can help designers achieve many of the other principles on this list, including rhythm, variety, proximity, hierarchy and balance. Let\u2019s look at an example:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/covid-19-symptoms-comparison-table-5800c9fa-059b-4ebf-8dfd-e1d104a30771\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/whEVC7maQS2yxPCUzPd46pW79kK0J5Ba-yAnmFdO3x3vioTvzSdDDwy7U8t3-r9qB2Xm7kmSvdkoLzBv6PLtAjakHuE51Ary6oOSjmMAcoXoGTPRpIvLyk_ZfTP9CRZfeUsbJiq-sawzbbl_p79zuw\" alt=\"COVID-19 Symptoms infographic - design principle example\" width=\"650\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\"\/><\/a><\/figure><\/div>\n\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/covid-19-symptoms-comparison-table-5800c9fa-059b-4ebf-8dfd-e1d104a30771\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS INFOGRAPHIC TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>This infographic comparing COVID-19 and common condition symptoms shows contrast in a few different ways.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<p>The most obvious way is the use of red for the column on COVID symptoms. But the text also shows contrast: the bold headers stand out against the lighter text. There\u2019s also contrast between the white and shaded boxes, which makes the table easier to read.<\/p>\n\n\n\n<p>Another cool example? Star Wars! Our team looked into how Star Wars uses different design principles, including contrast.&nbsp;Take a look here: <a href=\"https:\/\/venngage.com\/blog\/7-design-principles-star-wars-taught-us-infographic\/\" target=\"_blank\" rel=\"noreferrer noopener\">7 Essential Design Principles We Can Learn From Star Wars [Infographic]<\/a><\/p>\n\n\n\n<p><strong>Read<\/strong> <strong>more about this principle here:<\/strong> <a href=\"https:\/\/venngage.com\/blog\/design-principle-contrast\/\" target=\"_blank\" rel=\"noreferrer noopener\">A Brief Guide to Contrast \u2014 A Design Principle<\/a><\/p>\n\n\n\n<p><strong><a href=\"#toc\">Return to Principles of Design<\/a><\/strong><\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"proximity\"><strong>Proximity<\/strong><\/h2>\n\n\n\n<p>Proximity refers to grouping elements together to emphasize their relationship. A clever use of the distance between design elements can add meaning to your design.<\/p>\n\n\n\n<p>The eye tends to naturally read elements near each other as being related, even if they lack other unifying characteristics.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/media.nngroup.com\/media\/editor\/2020\/07\/02\/proximity-withdifferentshapes.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/proximity-withdifferentshapes.png\" alt=\"Proximity design principle example\" class=\"wp-image-59920\" width=\"650\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/proximity-withdifferentshapes.png 1000w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/proximity-withdifferentshapes-300x179.png 300w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/proximity-withdifferentshapes-768x457.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/proximity-withdifferentshapes-730x434.png 730w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure><\/div>\n\n\n<p class=\"has-text-align-center\"><a href=\"https:\/\/media.nngroup.com\/media\/editor\/2020\/07\/02\/proximity-withdifferentshapes.png\" target=\"_blank\" rel=\"noreferrer noopener\">Source<\/a><\/p>\n\n\n\n<p>As the image above illustrates, even though both sets of shapes aren\u2019t all the same, moving them closer together (or further apart) tells the reader they\u2019re related.<\/p>\n\n\n\n<p>Let\u2019s look at how proximity can be applied to an actual design:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><a href=\"https:\/\/venngage.com\/templates\/reports\/modern-economic-policy-annual-report-d6d636d1-f467-4bb3-a858-035188aab314\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/7vuT1h7pC24GzRN9a-DzzD9Ny421Lc4Ga8EgEzbSCJASikdL7FwjTMLfa5GhMufnyBMThrA9NfSR9tT33P7Cc2JDaVwT_gTg14d_Y7PytM-g9_HbIVUETZoiaKt6-4HI3p0cwp7v4wU78c9BrGKytg\" alt=\"Annual report - principles of design example\" width=\"650\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\"\/><\/a><\/figure><\/div>\n\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/reports\/modern-economic-policy-annual-report-d6d636d1-f467-4bb3-a858-035188aab314\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS REPORT TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>In this statistical annual report, you can see the proximity principle in play.<\/p>\n\n\n\n<p>In all four quadrants of the design, there are graphs&nbsp; with descriptive headers. But the dominant elements are the shapes of the graphs. If those elements were further from each other than they are, the report would be harder to read.&nbsp;<\/p>\n\n\n\n<p><meta charset=\"utf-8\"><strong>Read more about this principle here:<\/strong> <a href=\"https:\/\/venngage.com\/blog\/design-principle-proximity\/\" target=\"_blank\" rel=\"noreferrer noopener\">A Brief Guide to Proximity \u2014 A Design Principle <\/a><\/p>\n\n\n\n<p><meta charset=\"utf-8\"><strong><a href=\"#toc\">Return to Table of Contents<\/a><\/strong><\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"repetition\"><strong>Repetition<\/strong><\/h2>\n\n\n\n<p>Repetition refers to using identical or similar elements in various points throughout your design.&nbsp; It\u2019s one of the best ways to achieve hierarchy, rhythm, movement and \u2014 ultimately \u2014 unity. This principle is often used for headings, patterns, lines and shapes.<\/p>\n\n\n\n<p>Repetition is one of the easiest design principles to use in your designs. But that also means it can easily be abused. So it\u2019s wise to have a soft touch when&nbsp; repeating visual elements.<\/p>\n\n\n\n<p>This quarterly report template, for example, uses subtle colors and patterns to create repetition without beating the reader over the head with it.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/reports\/retail-market-quarterly-report-f082570b-e1ce-462f-a8e8-64b3a7f7a08f\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/f082570b-e1ce-462f-a8e8-64b3a7f7a08f.png\" alt=\"retail market quarterly report - example of repetition as a design principle\" class=\"wp-image-59953\" width=\"650\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/f082570b-e1ce-462f-a8e8-64b3a7f7a08f.png 960w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/f082570b-e1ce-462f-a8e8-64b3a7f7a08f-115x300.png 115w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/f082570b-e1ce-462f-a8e8-64b3a7f7a08f-391x1024.png 391w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/f082570b-e1ce-462f-a8e8-64b3a7f7a08f-768x2012.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/f082570b-e1ce-462f-a8e8-64b3a7f7a08f-586x1536.png 586w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/f082570b-e1ce-462f-a8e8-64b3a7f7a08f-782x2048.png 782w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/f082570b-e1ce-462f-a8e8-64b3a7f7a08f-730x1912.png 730w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/reports\/retail-market-quarterly-report-f082570b-e1ce-462f-a8e8-64b3a7f7a08f\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS REPORT TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p><strong>Read more about this principle here:<\/strong> <a href=\"https:\/\/venngage.com\/blog\/design-principle-repetition\/\">A Brief Guide to Repetition \u2014 A Design Principle<\/a><\/p>\n\n\n\n<p><meta charset=\"utf-8\"><strong><a href=\"#toc\">Ret<meta charset=\"utf-8\"><strong><\/strong><\/a><strong><a href=\"#toc\">urn to Table of Contents<\/a><\/strong><\/strong><\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"variety\"><strong>Variety<\/strong><\/h2>\n\n\n\n<p>They say variety is the spice of life \u2014 and it can also spice up a design! But as with spices, a little variety can go a long way.<\/p>\n\n\n\n<p>When used properly, variety in colors, shapes, typography and more can keep the reader from visually tuning out your content.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/beer-styles-infographic-582a3448-fd49-4293-9124-9ca579f0bf7f\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/beer_infographic-1.png\" alt=\"Beer infographic - design principle example\" class=\"wp-image-59921\" width=\"650\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/beer_infographic-1.png 816w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/beer_infographic-1-102x300.png 102w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/beer_infographic-1-348x1024.png 348w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/beer_infographic-1-768x2259.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/beer_infographic-1-522x1536.png 522w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/beer_infographic-1-696x2048.png 696w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/beer_infographic-1-730x2147.png 730w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/a><\/figure><\/div>\n\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/beer-styles-infographic-582a3448-fd49-4293-9124-9ca579f0bf7f\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS INFOGRAPHIC TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Remember, not every design principle needs to hit you over the head. In this example, the same basic graphic illustrates each type of beer, but a subtle color change provides visual variety while perfectly illustrating the information contained.<\/p>\n\n\n\n<p><strong>Read more about this principle here: <\/strong><a href=\"https:\/\/venngage.com\/blog\/design-principle-variety\/\" target=\"_blank\" rel=\"noreferrer noopener\">A Brief Guide to Variety \u2014 A Design Principle<\/a><\/p>\n\n\n\n<p><meta charset=\"utf-8\"><strong><a href=\"#toc\">Ret<meta charset=\"utf-8\"><strong><a href=\"#toc\">urn to Table of Contents<\/a><\/strong><\/a><\/strong><\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"alignment\"><strong>Alignment<\/strong><\/h2>\n\n\n\n<p>Alignment is all about how elements on a page relate to each other. Keeping tabs on how all elements align can help you ensure good proximity of related items, hierarchy of items, repetition, white space and more.<\/p>\n\n\n\n<p>This infographic shows how alignment can help the reader understand information.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/computer-market-shares-and-sales-infographic-2a5e306e-5b32-4582-981d-7a8b28bcdfb8\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/9bMIKHLbc3SRvOIQRfJZryd92-OPEHbFXRM10SrdRAUawxk_AHarj6dLT-mID0UGwwJcmDWfCeGbK1B4k8uYKSe0D-jBKltj3X2QHt_qRt-H_OypoPpb4sI4TpxenvOS4hTouMNs9Q3nt4usj8DVTA\" alt=\"Consumer statistics infographic - design principle example\" width=\"650\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\"\/><\/a><\/figure><\/div>\n\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/computer-market-shares-and-sales-infographic-2a5e306e-5b32-4582-981d-7a8b28bcdfb8\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS INFOGRAPHIC TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>In the chart at the top, aligning the bars in the graph to the left makes it easy to digest the data. And the bottom section shows how aligning the icons with the text below them makes each one its own contained piece of information. For visual consistency, the two section headings align with each other too.<\/p>\n\n\n\n<p><meta charset=\"utf-8\"><strong>Read more about this principle here: <\/strong><a href=\"https:\/\/venngage.com\/blog\/design-principle-alignment\/\" target=\"_blank\" rel=\"noreferrer noopener\">A Brief Guide to Alignment \u2014 A Design Principle<\/a><\/p>\n\n\n\n<p><meta charset=\"utf-8\"><strong><a href=\"#toc\">Ret<meta charset=\"utf-8\"><strong><a href=\"#toc\">urn to Table of Contents<\/a><\/strong><\/a><\/strong><\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"proportion\"><strong>Proportion<\/strong><\/h2>\n\n\n\n<p>Sometimes called scale, proportion refers to the relative size of all the elements on the page, including imagery, graphics, patterns, text and more.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/venngage.com\/templates\/social-media\/scale-proportion-design-principle-instagram-post-b830cf7e-1ef2-4d30-93a8-e21909b27a23\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/m3RejkrFx32qloB2_hg2lPAAAgy2V3ySdcH4p05w9eSVJGJLxubExuLPZIFRByo9aCcXcauV9JyUgMU8HCdukm7UHgxeMRgOrXlzXo5PsmVPCY_NYODks_Inf_b61PjJp0wq5ErurJFR8zfQjDEL9Q\" alt=\"Scale \/ proportion design principle\" width=\"650\"\/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/social-media\/scale-proportion-design-principle-instagram-post-b830cf7e-1ef2-4d30-93a8-e21909b27a23\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS SOCIAL MEDIA TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Changing the proportion of one item relative to another can make it appear more or less important. It can also affect the dominance of that element in the design overall.<\/p>\n\n\n\n<p>This business card template is an excellent example of how you can use proportion to shift the focus from an element that could be more dominant.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/venngage.com\/templates\/business-cards\/travel-photographer-business-card-5c4c1afa-9899-40ec-b76b-2f494cecc8a1\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/k6OWiRg_awJ59dlDsT8C_QpTECTs88_SNYJz8qUhmHPVec22Lba5Zp3ltrcd2_eJf48fX-bVIyv4BD_JDSyxKBQs9nhoxB4bal8BXu0VT4r8n25jHb5R9Nwqfn13J8KiYXYWUtcC_SGFX7Op7eRRMg\" alt=\"Business card - design principle example\" width=\"650\"\/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/business-cards\/travel-photographer-business-card-5c4c1afa-9899-40ec-b76b-2f494cecc8a1\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS BUSINESS CARD TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>In this case, the striking photography in the background of the card should steal the show. But it actually carries the same weight as the name of the photographer \u2014 which stands out as the only large text on the front of the card.<\/p>\n\n\n\n<p><strong><a href=\"#toc\"><strong><strong><a href=\"#toc\">Return to Table of Contents<\/a><\/strong><\/strong><\/a><\/strong><\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"white\"><strong>White space<\/strong><\/h2>\n\n\n\n<p>White space, sometimes called <a href=\"https:\/\/venngage.com\/blog\/negative-space\/\" target=\"_blank\" rel=\"noreferrer noopener\">negative space<\/a>, isn\u2019t necessarily white. Rather, white space refers to the distance between items. Minimalist designs use a lot of white space, while maximalist designs may not use any.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/venngage.com\/templates\/business-cards\/dark-minimalist-guitarist-business-card-b8819f6b-8b34-4eaf-813c-41c050456292\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/YfrbJM5nNhcntaLcJIHSfHGMCRa9fmXw9fiUtypXgWQEZn3iCm5cjzFSF9Vieu18_eiVLrS1GLrs15lBVAQM-tFnm_c-1Nf-g1kAhqHHB40edKq7JIo4rCW94NN_6RQNlpEJATfT8p0WufrRsekqHQ\" alt=\"Business cards negative space - design principle example\" width=\"650\"\/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/business-cards\/dark-minimalist-guitarist-business-card-b8819f6b-8b34-4eaf-813c-41c050456292\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS BUSINESS CARD TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>This cleverly designed business card takes advantage of negative space on the front and keeps the minimalism going on the back with simple lines and shapes. The overall effect is undeniably cool and confident.<\/p>\n\n\n\n<p><strong>Read more about this principle<\/strong> <strong>here:<\/strong> <a href=\"https:\/\/venngage.com\/blog\/white-space-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">Using White Space in Design: A Complete Guide<\/a><\/p>\n\n\n\n<p>Ensuring your design has enough white space is one of the essential <a href=\"https:\/\/venngage.com\/blog\/graphic-design-tips\/\" target=\"_blank\" rel=\"noreferrer noopener\">graphic design tips<\/a> for beginners. But how much is enough? Learn more in our blog: <a href=\"https:\/\/venngage.com\/blog\/graphic-design-tips\/\" target=\"_blank\" rel=\"noreferrer noopener\">11 Actionable Graphic Design Tips for Beginners, According to Design Experts<\/a><\/p>\n\n\n\n<p><meta charset=\"utf-8\"><strong><a href=\"#toc\">Return to Table of Contents<\/a><\/strong><\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"hierarchy\"><strong>Hierarchy<\/strong><\/h2>\n\n\n\n<p>Hierarchy refers to the relationship between elements. As such, it&#8217;s related to proportion, emphasis and alignment. But the key here is that visual hierarchy helps establish the order of importance in a design. Most often, size indicates hierarchy.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/venngage.com\/templates\/social-media\/hierarchy-design-principle-instagram-post-8a76630b-36a2-47e8-bd35-f181468b6db1\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/k_SsV-oCf-HjybB3u-KP44wXDpUOtq9EcozhrFOnv1ZBBoq2E5a8o-tyvZ6C51_TakRa_icWCGL9HE2THAAFF2HDVVWtrN68ctjRqXivcBWKW4q-Sld9NX1ZTt6e78Tj7u0COMs7u4aO4H8yUZoAcQ\" alt=\"Hierarchy design principle\" width=\"650\"\/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/social-media\/hierarchy-design-principle-instagram-post-8a76630b-36a2-47e8-bd35-f181468b6db1\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS SOCIAL MEDIA TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Simply put, the most important elements in your design should take up the most space \u2014 though there are a few other, more subtle ways to establish hierarchy.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/2022-winter-olympics-infographic-d4509395-974c-41ce-97c8-261b4996c6f2\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/olympics_infographic-1.png\" alt=\"Olympics infographic - design principle example\" class=\"wp-image-59922\" width=\"650\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/olympics_infographic-1.png 816w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/olympics_infographic-1-61x300.png 61w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/olympics_infographic-1-209x1024.png 209w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/olympics_infographic-1-768x3765.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/olympics_infographic-1-418x2048.png 418w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/olympics_infographic-1-730x3578.png 730w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/a><\/figure><\/div>\n\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/2022-winter-olympics-infographic-d4509395-974c-41ce-97c8-261b4996c6f2\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS INFOGRAPHIC TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Hierarchy is well-established in this infographic. The cascading size of the text throughout and the varying colors and shapes help the reader process what they\u2019re seeing.<\/p>\n\n\n\n<p><strong>Read more about this principle here: <\/strong><a href=\"https:\/\/venngage.com\/blog\/visual-hierarchy\/\" target=\"_blank\" rel=\"noreferrer noopener\">What is Visual Hierarchy &amp; Why It&#8217;s Important in Business Communication<\/a><\/p>\n\n\n\n<p><strong><a href=\"#toc\"><strong><a href=\"#toc\">Return to Table of Contents<\/a><\/strong><\/a><\/strong><\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"movement\"><strong>Movement<\/strong><\/h2>\n\n\n\n<p>Movement helps the eye shift naturally from one element to the next, down the page (or across it, depending on the dimensions). Often, principles like hierarchy, repetition and rhythm create movement. If you apply these principles to a design, the eye will flow through a composition.<\/p>\n\n\n\n<p>Here\u2019s an example of movement applied in a design:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/corporate-talent-acquisition-infographic-c4c384db-67b6-448c-8d43-29e0ecfcec4b\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/acquisition_infographic-1.png\" alt=\"\" class=\"wp-image-59923\" width=\"650\" style=\"box-shadow: 0 1px 4px 0 rgb(0 0 0 \/ 10%), 0 0 6px 0 rgb(0 0 0 \/ 10%), 0 2px 2px -2px rgb(0 0 0 \/ 15%);\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/acquisition_infographic-1.png 2550w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/acquisition_infographic-1-87x300.png 87w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/acquisition_infographic-1-298x1024.png 298w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/acquisition_infographic-1-768x2635.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/acquisition_infographic-1-448x1536.png 448w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/acquisition_infographic-1-597x2048.png 597w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/acquisition_infographic-1-730x2505.png 730w\" sizes=\"(max-width: 2550px) 100vw, 2550px\" \/><\/a><\/figure><\/div>\n\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/corporate-talent-acquisition-infographic-c4c384db-67b6-448c-8d43-29e0ecfcec4b\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS INFOGRAPHIC TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>As you read this infographic, your eyes naturally move from one element to the next in a Z pattern.<\/p>\n\n\n\n<p>Let\u2019s look at another example:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/halloween-pet-costumes-5f49a6d0-2ed9-4908-907e-a94471a3f4dd\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/pet_infographic-1.png\" alt=\"Pet infographic - design principle example\" class=\"wp-image-59924\" width=\"650\" srcset=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/pet_infographic-1.png 816w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/pet_infographic-1-98x300.png 98w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/pet_infographic-1-334x1024.png 334w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/pet_infographic-1-768x2353.png 768w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/pet_infographic-1-501x1536.png 501w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/pet_infographic-1-668x2048.png 668w, https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/pet_infographic-1-730x2237.png 730w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/halloween-pet-costumes-5f49a6d0-2ed9-4908-907e-a94471a3f4dd\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS INFOGRAPHIC TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>This infographic uses a motif-appropriate set of pet footprints to create obvious movement down the page, taking the reader from one pet Halloween costume to another. The series of numbers in circles also creates natural but less obvious movement, as the reader knows intuitively another number will follow.<\/p>\n\n\n\n<p><meta charset=\"utf-8\"><strong><a href=\"#toc\">Return to <strong><strong><a href=\"#toc\">Table of Contents<\/a><\/strong><\/strong><\/a><\/strong><\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"balance\"><strong>Balance<\/strong><\/h2>\n\n\n\n<p>Balance in design doesn\u2019t mean giving elements&nbsp;equal weight \u2014 it\u2019s not about balancing the scales! Rather, this principle refers to a unified or harmonious distribution of elements in a design.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/venngage.com\/templates\/social-media\/balance-design-principle-instagram-post-36904463-db57-4702-b371-de12b52a1383\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/UNwBY9dyxl_lqJXd6OnjWV8MCiHIIODvxw9J0s3v1p9UXWTPjnCd7GrKJWPs2xizDVgo3zVf2GSBPc3UmiGskiGdpWzJGVvoTVP4W7ZNg6uDhOZBuK_NdkevkPYzhuiRCQ3MbeiNXW4FLI8_bBjSuw\" alt=\"Balance design principle\" width=\"650\"\/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/social-media\/balance-design-principle-instagram-post-36904463-db57-4702-b371-de12b52a1383\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS SOCIAL MEDIA TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>Practically speaking, that means making sure that, say, the sections in your infographic take up space that\u2019s appropriate to their importance.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/venngage.com\/templates\/infographics\/covid-19-impact-real-estate-investors-infographic--3b66bdd7-ac1b-413b-8f01-8ea9d71e332f\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh4.googleusercontent.com\/cNp3ytf8Xt3aZmD4M_3k5yh966uUk2DP75ScVRUoytTOWHuCug8JcgqDbI1C9FtWJtE-t9HvimTUIYQDJT-0J64_3WiWUYxnbavLua8YD3kFrafGnX8eXjVGiKAZlSDeoMPvshuhYlLF5iLL0o2LKQ\" alt=\"COVID-19 infographic - design principle example\" width=\"659\" height=\"853\"\/><\/a><\/figure><\/div>\n\n\n<center><a href=\"https:\/\/venngage.com\/templates\/infographics\/covid-19-impact-real-estate-investors-infographic--3b66bdd7-ac1b-413b-8f01-8ea9d71e332f\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>CREATE THIS INFOGRAPHIC TEMPLATE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<p>This infographic illustrates how it\u2019s possible to use varying types of content to create balance. Another way to organize this information would have been to align the tips from left to right. But by placing them all on the right and adding colorful illustrations on the other side, the designer struck the perfect balance.<\/p>\n\n\n\n<p><strong>Learn more about this principle here:<\/strong> <a href=\"https:\/\/venngage.com\/blog\/design-principle-balance\/\" target=\"_blank\" rel=\"noreferrer noopener\">A Brief Guide to Balance \u2014 A Design Principle<\/a><\/p>\n\n\n\n<p><strong><a href=\"#toc\">Return to Table of Contents<\/a><\/strong><\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Design principles FAQs<\/strong><\/h2>\n\n\n\n<p>Still have questions about the principles of design? Here are some quick answers:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"faq-question-1\"><strong>What are the 7 principles of design?<\/strong><\/h3>\n\n\n\n<p>In reality, there are more than seven principles of design. But seven of the most crucial ones are unity (harmony), hierarchy, repetition, emphasis, alignment, contrast and balance. There are also the <a href=\"https:\/\/venngage.com\/blog\/gestalt-principles\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gestalt principles<\/a>, including the <a href=\"https:\/\/venngage.com\/blog\/law-of-pragnanz\/\" target=\"_blank\" rel=\"noreferrer noopener\">law of Pragnanz<\/a> or &#8220;good Gestalt&#8221; that states the human brain will naturally try to simplify complexity. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"faq-question-2\"><strong>What are the 5 design principles?<\/strong><\/h3>\n\n\n\n<p>The five most basic principles of design are unity, hierarchy, repetition, alignment and contrast, but there are many more design principles that you can put into practice.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\"><strong>The principles of design don\u2019t need to be mystifying \u2014 in most cases, they\u2019re about helping the reader<\/strong><\/h2>\n\n\n\n<p>Whether you\u2019re creating a report, brochure, infographic, presentation, or even <a href=\"https:\/\/refinepackaging.com\/blog\/product-packaging-design\" target=\"_blank\" rel=\"noreferrer noopener\">product packaging for your brand<\/a>, designing the information in an easy to understand way is key for engaging your audience. In other words, your design can help (or hinder) the reader!&nbsp;<\/p>\n\n\n\n<p>So go ahead, follow these design principles in your next Venngage project, and make things as easy (and visually pleasing) for your readers as possible.<\/p>\n\n\n\n<center><a href=\"https:\/\/infograph.venngage.com\/register\/\" target=\"_blank\" rel=\"noopener\">\n<button class=\"btn-cta\"><b>START CREATING FOR FREE<\/b><\/button><\/a><\/center>&nbsp;\n\n\n\n<script type=\"application\/ld+json\">{\n  \"@context\": \"http:\/\/schema.org\",\n  \"@type\": \"VideoObject\",\n  \"name\": \"13 Principles of Design for Beginners | Examples, Tips & Templates\",\n  \"description\": \"If your designs are lacking that \u201cje ne sais quois\u201d, these 13 basic principles of design can be a big help! And don\u2019t worry, you don\u2019t need a graphic design degree to follow along. Tune in for a simple breakdown of each design principle, including balance, emphasis, rhythm, contrast and more.\",\n  \"thumbnailUrl\": \"https:\/\/i.ytimg.com\/vi\/FiHDA87f7nU\/default.jpg\",\n  \"uploadDate\": \"2022-08-25T16:12:49Z\",\n  \"duration\": \"PT12M38S\",\n  \"embedUrl\": \"https:\/\/www.youtube.com\/embed\/FiHDA87f7nU\",\n  \"interactionCount\": \"1096\"\n}<\/script>\n","protected":false},"excerpt":{"rendered":"<p>It\u2019s a typical work day. Julie is working on an infographic for an internal training program. She goes to Venngage\u2019s library, picks a template and starts editing away.&nbsp; Half an hour later, she looks at her design. It looks nice, but feels just a bit off. For some reason, it doesn\u2019t seem as good as [&hellip;]<\/p>\n","protected":false},"author":106,"featured_media":59916,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false},"categories":[187],"tags":[226],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"Learn all about the essential design principles you should apply to the infographics, presentations and other assets you make for your brand.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/venngage.com\/blog\/design-principles\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"13 Design Principles \u2014 A Complete Breakdown - Venngage\" \/>\n<meta property=\"og:description\" content=\"Learn all about the essential design principles you should apply to the infographics, presentations and other assets you make for your brand.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/venngage.com\/blog\/design-principles\/\" \/>\n<meta property=\"og:site_name\" content=\"Venngage\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Venngage\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-14T00:45:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-03T16:39:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/design_principles.png\" \/>\n\t<meta property=\"og:image:width\" content=\"3200\" \/>\n\t<meta property=\"og:image:height\" content=\"1800\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@venngage\" \/>\n<meta name=\"twitter:site\" content=\"@venngage\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jennifer Gaskin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/venngage.com\/blog\/#website\",\"url\":\"https:\/\/venngage.com\/blog\/\",\"name\":\"Venngage\",\"description\":\"Learn to Communicate with Data\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/venngage.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/venngage.com\/blog\/design-principles\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/design_principles.png\",\"contentUrl\":\"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/design_principles.png\",\"width\":3200,\"height\":1800,\"caption\":\"What Are Design Principles?\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/venngage.com\/blog\/design-principles\/#webpage\",\"url\":\"https:\/\/venngage.com\/blog\/design-principles\/\",\"name\":\"13 Design Principles \\u2014 A Complete Breakdown - Venngage\",\"isPartOf\":{\"@id\":\"https:\/\/venngage.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/venngage.com\/blog\/design-principles\/#primaryimage\"},\"datePublished\":\"2022-07-14T00:45:00+00:00\",\"dateModified\":\"2025-07-03T16:39:27+00:00\",\"author\":{\"@id\":\"https:\/\/venngage.com\/blog\/#\/schema\/person\/9779e23b0b6e44ac850412c1513b52ba\"},\"description\":\"Learn all about the essential design principles you should apply to the infographics, presentations and other assets you make for your brand.\",\"breadcrumb\":{\"@id\":\"https:\/\/venngage.com\/blog\/design-principles\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/venngage.com\/blog\/design-principles\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/venngage.com\/blog\/design-principles\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/venngage.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Graphic Design\",\"item\":\"https:\/\/venngage.com\/blog\/category\/inspiration\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"What Are the Principles of Design? A Complete Breakdown\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/venngage.com\/blog\/#\/schema\/person\/9779e23b0b6e44ac850412c1513b52ba\",\"name\":\"Jennifer Gaskin\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/venngage.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/56468fd08764a3f00fc8f0b38019650a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/56468fd08764a3f00fc8f0b38019650a?s=96&d=mm&r=g\",\"caption\":\"Jennifer Gaskin\"},\"description\":\"A veteran of newsrooms and agencies, Jennifer Gaskin is a writer, editor and designer who is the only living person not to have strong feelings on the Oxford comma. She's an award-winning practitioner of journalism and information design who spent the better part of a decade as the creative director of a digital marketing shop. As a writer, Jennifer contributes to a variety of publications while working with clients as well as taking on her own projects.\",\"url\":\"https:\/\/venngage.com\/blog\/author\/jennifergaskin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"description":"Learn all about the essential design principles you should apply to the infographics, presentations and other assets you make for your brand.","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:\/\/venngage.com\/blog\/design-principles\/","og_locale":"en_US","og_type":"article","og_title":"13 Design Principles \u2014 A Complete Breakdown - Venngage","og_description":"Learn all about the essential design principles you should apply to the infographics, presentations and other assets you make for your brand.","og_url":"https:\/\/venngage.com\/blog\/design-principles\/","og_site_name":"Venngage","article_publisher":"https:\/\/www.facebook.com\/Venngage","article_published_time":"2022-07-14T00:45:00+00:00","article_modified_time":"2025-07-03T16:39:27+00:00","og_image":[{"width":3200,"height":1800,"url":"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/design_principles.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_creator":"@venngage","twitter_site":"@venngage","twitter_misc":{"Written by":"Jennifer Gaskin","Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/venngage.com\/blog\/#website","url":"https:\/\/venngage.com\/blog\/","name":"Venngage","description":"Learn to Communicate with Data","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/venngage.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/venngage.com\/blog\/design-principles\/#primaryimage","inLanguage":"en-US","url":"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/design_principles.png","contentUrl":"https:\/\/venngage-wordpress.s3.amazonaws.com\/uploads\/2022\/07\/design_principles.png","width":3200,"height":1800,"caption":"What Are Design Principles?"},{"@type":"WebPage","@id":"https:\/\/venngage.com\/blog\/design-principles\/#webpage","url":"https:\/\/venngage.com\/blog\/design-principles\/","name":"13 Design Principles \u2014 A Complete Breakdown - Venngage","isPartOf":{"@id":"https:\/\/venngage.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/venngage.com\/blog\/design-principles\/#primaryimage"},"datePublished":"2022-07-14T00:45:00+00:00","dateModified":"2025-07-03T16:39:27+00:00","author":{"@id":"https:\/\/venngage.com\/blog\/#\/schema\/person\/9779e23b0b6e44ac850412c1513b52ba"},"description":"Learn all about the essential design principles you should apply to the infographics, presentations and other assets you make for your brand.","breadcrumb":{"@id":"https:\/\/venngage.com\/blog\/design-principles\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/venngage.com\/blog\/design-principles\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/venngage.com\/blog\/design-principles\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/venngage.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Graphic Design","item":"https:\/\/venngage.com\/blog\/category\/inspiration\/"},{"@type":"ListItem","position":3,"name":"What Are the Principles of Design? A Complete Breakdown"}]},{"@type":"Person","@id":"https:\/\/venngage.com\/blog\/#\/schema\/person\/9779e23b0b6e44ac850412c1513b52ba","name":"Jennifer Gaskin","image":{"@type":"ImageObject","@id":"https:\/\/venngage.com\/blog\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/56468fd08764a3f00fc8f0b38019650a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/56468fd08764a3f00fc8f0b38019650a?s=96&d=mm&r=g","caption":"Jennifer Gaskin"},"description":"A veteran of newsrooms and agencies, Jennifer Gaskin is a writer, editor and designer who is the only living person not to have strong feelings on the Oxford comma. She's an award-winning practitioner of journalism and information design who spent the better part of a decade as the creative director of a digital marketing shop. As a writer, Jennifer contributes to a variety of publications while working with clients as well as taking on her own projects.","url":"https:\/\/venngage.com\/blog\/author\/jennifergaskin\/"}]}},"_links":{"self":[{"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/posts\/56980"}],"collection":[{"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/users\/106"}],"replies":[{"embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/comments?post=56980"}],"version-history":[{"count":68,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/posts\/56980\/revisions"}],"predecessor-version":[{"id":104330,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/posts\/56980\/revisions\/104330"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/media\/59916"}],"wp:attachment":[{"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/media?parent=56980"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/categories?post=56980"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/venngage.com\/blog\/wp-json\/wp\/v2\/tags?post=56980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}