{"id":313,"date":"2021-09-23T21:34:10","date_gmt":"2021-09-23T14:34:10","guid":{"rendered":"https:\/\/bnsd.binus.ac.id\/graphic-design\/?p=313"},"modified":"2021-09-23T21:34:10","modified_gmt":"2021-09-23T14:34:10","slug":"the-7-principles-of-design","status":"publish","type":"post","link":"https:\/\/international.binus.ac.id\/graphic-design\/2021\/09\/23\/the-7-principles-of-design\/","title":{"rendered":"The 7 principles of design"},"content":{"rendered":"<p>The principles of design are the rules a designer must follow to create an effective and attractive composition. The fundamental principles of design are Emphasis, Balance and Alignment, Contrast, Repetition, Proportion, Movement and White Space.<\/p>\n<p>Design differs from art in that it has to have a purpose. Visually, this functionality is interpreted by making sure an image has a center of attention, a point of focus. Maybe you\u2019re thinking, \u2018But wait! I thought design was all about creativity?\u2019 If you\u2019re an entrepreneur or designer who\u2019s just starting out, you might be tempted to go wild and combine the first five typefaces and colors that catch your eye, believing you\u2019re creating something fresh and new. You will probably find yourself with a design that is muddled, unfinished, or well, just plain ugly.<\/p>\n<p>Graphic\u00a0design, like any discipline, adheres to strict rules that work beneath the surface to make the work stable and balanced. If the work is missing that balance, it will be weak and ineffective.<\/p>\n<p>This article will take you through 7 basic principles of design that will make your next project stand out.<\/p>\n<h2>1. Emphasis<\/h2>\n<p>Say you\u2019re creating a poster for a concert. You should ask yourself: what is the first piece of information my audience needs to know? Is it the band? Or the concert venue? What about the day and the cost of attending?<\/p>\n<p>Make a mental outline. Let your brain organize the information and then lay out your design in a way that communicates that order. If the band\u2019s name is the most essential information, place it in the center or make it the biggest element on the poster. Or you could put it in the strongest, boldest type. Learn about\u00a0<a href=\"https:\/\/99designs.com\/blog\/tips\/the-7-step-guide-to-understanding-color-theory\/\" target=\"_blank\" rel=\"noopener noreferrer\">color theory<\/a>\u00a0and use strong color combinations to make the band name pop.<\/p>\n<p>Like writing without an outline or building without a blueprint, if you start your composition without a clear idea of what you\u2019re trying to communicate, your design will not succeed<\/p>\n<h2>2. Balance and alignment<\/h2>\n<p>Never forget that every element you place on a page has a weight. The weight can come from color, size, or texture. Just like you wouldn\u2019t put all your furniture in one corner of a room, you can\u2019t crowd all your heavy elements in one area of your composition. Without balance, your audience will feel as if their eye is sliding off the page.<\/p>\n<p>Symmetrical design creates balance through equally weighted elements aligned on either side of a center line. On the other hand, asymmetrical design uses opposite weights (like contrasting one large element with several smaller elements) to create a composition that is not even, but still has equilibrium.<\/p>\n<p>Symmetrical designs are always pleasing, if not occasionally boring. Asymmetrical designs are bolder and can bring real visual interest and movement (more on that later!) to your composition<\/p>\n<h2>3. Contrast<\/h2>\n<p>Contrast is what people mean when they say a design \u201cpops.\u201d It comes away from the page and sticks in your memory. Contrast creates space and difference between elements in your design. Your background needs to be significantly different from the color of your elements so they work harmoniously together and are readable.<\/p>\n<p>If you plan to work with type, understanding contrast is incredibly essential because it means the weight and size of your type are balanced. How will your audience know what is most important if everything is in bold?<\/p>\n<p>As you seek out examples of really strong, effective design, you\u2019ll notice most designs only feature one or two typefaces. That\u2019s because contrast can be effectively achieved with two strong fonts (or even one strong typeface in different weights). As you add fonts, you dilute and confuse the purpose of your design.<\/p>\n<h2>4. Repetition<\/h2>\n<p>If you limit yourself to two strong typefaces or three strong colors, you\u2019ll soon find you\u2019ll have to repeat some things. That\u2019s ok! It\u2019s often said that repetition unifies and strengthens a design. If only one thing on your band poster is in blue italic sans-serif, it can read like an error. If three things are in blue italic sans-serif, you\u2019ve created a motif and are back in control of your design.<\/p>\n<p>Repetition can be important beyond one printed product. Current packaging design is heavily embracing beautiful\u00a0<a href=\"https:\/\/99designs.com\/blog\/trends\/packaging-trends-2017\/\" target=\"_blank\" rel=\"noopener noreferrer\">illustrated patterns<\/a>. Anyone thinking about a startup knows one of the first things you need is a strong logo to feature on your website, business cards, social media and more. Brand identity? Another term for repetition.<\/p>\n<h2>5. Proportion<\/h2>\n<p>Proportion is the visual size and weight of elements in a composition and how they relate to each other. It often helps to approach your design in sections, instead of as a whole.<\/p>\n<p>Grouping related items can give them importance at a smaller size\u2014think of a box at the bottom of your poster for ticket information or a sidebar on a website for a search bar. Proportion can be achieved only if all elements of your design are well-sized and thoughtfully placed. Once you master alignment, balance, and contrast, proportion should emerge organically.<\/p>\n<h2>6. Movement<\/h2>\n<p>Going back to our concert poster. If you decided the band was the most important piece of information on the page and the venue was the second, how would you communicate that with your audience?<\/p>\n<p>Movement is controlling the elements in a composition so that the eye is led to move from one to the next and the information is properly communicated to your audience. Movement creates the story or the narrative of your work: a band is playing, it\u2019s at this location, it\u2019s at this time, here\u2019s how you get tickets. The elements above\u2014especially balance, alignment, and contrast\u2014will work towards that goal, but without proper movement, your design will be DOA.<\/p>\n<p>If you look at your design and feel your eye get \u201cstuck\u201d anywhere on it\u2014an element is too big, too bold, slightly off-center, not a complimentary color\u2014go back and adjust until everything is in harmony.<\/p>\n<h2>7. White space<\/h2>\n<p>All of the other elements deal with what you add to your design. White space (or negative space) is the only one that specifically deals with what you\u00a0<em>don\u2019t<\/em>\u00a0add. White space is exactly that\u2014the empty page around the elements in your composition. For beginning designers it can be a perilous zone. Often simply giving a composition more room to breathe can upgrade it from mediocre to successful.<\/p>\n<p>White space isn\u2019t sitting there doing nothing\u2014it\u2019s creating hierarchy and organization. Our brains naturally associate ample white space around an element with importance and luxury. It\u2019s telling our eyes that objects in one region are grouped separately from objects elsewhere.<\/p>\n<p>Even more exciting, it can communicate an entirely different image or idea from your main design that will reward your audience for engaging with it. The logo above uses active negative space to communicate multiple ideas in one fun, creative design.<\/p>\n<p>&nbsp;<\/p>\n<p>Source:99designs.com<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The principles of design are the rules a designer must follow to create an effective and attractive composition. The fundamental principles of design are Emphasis, Balance and Alignment, Contrast, Repetition, Proportion, Movement and White Space. Design differs from art in that it has to have a purpose. Visually, this functionality is interpreted by making sure [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":314,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-313","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts\/313"}],"collection":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/comments?post=313"}],"version-history":[{"count":0,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts\/313\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/media\/314"}],"wp:attachment":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/media?parent=313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/categories?post=313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/tags?post=313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}