{"id":11665,"date":"2018-01-02T12:48:28","date_gmt":"2018-01-02T12:48:28","guid":{"rendered":"https:\/\/www.designmantic.com\/blog\/?p=11665"},"modified":"2023-07-07T13:18:43","modified_gmt":"2023-07-07T13:18:43","slug":"figure-ground-relationship-transport-logos","status":"publish","type":"post","link":"https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/","title":{"rendered":"An Exploration Of The Figure-Ground Relationship In Transport Logos"},"content":{"rendered":"<p>Transport businesses are trusted with the job of moving goods from one place to another. They may  include shipping services, courier services, moving services or any other transport services such as travel services. No matter what the niche, all of  the transport businesses have the power to go global \u2013this is the given nature of their job. And with this in mind, it is important to design transport logos in a timeless and memorable manner.<\/p>\n<div style=\"margin-top:40px; margin-bottom:40px;\" align=\"center\"><a href=\"https:\/\/www.designmantic.com\/industry\/transport?utm_source=figure-ground-relationship-transport-logos&amp;utm_medium=topbutton&amp;utm_campaign=ctatracking\" target=\"_blank\" class=\"cta-button\" rel=\"noopener noreferrer\">Create your Transport Business Logo<\/a><\/div>\n<p>When you are looking to design a good transport logo, it is important to understand certain things  about design. For instance, the fact that good design is dependent upon strategic placement of every single element. To a layman\u2019s eye, only certain elements and shapes may seem \u201cdeliberately constructed\u201d, however, all designers know logos are designed to the tee. Every single line, white space, color, shape, and form are a conscious decision. This is imperative for good logo design and all of the design theory lays the basis for taking each chunk of design seriously. So today, we are going to talk about one such concept that will help you form memorable and <a href=\"https:\/\/www.designmantic.com\/industry\/transport\" target=\"_blank\" rel=\"noopener noreferrer\">timeless transport logos<\/a>. This is the concept of Figure-Ground relationship in logo design. Let\u2019s see what it\u2019s all about!<\/p>\n<h2>What Is Figure Ground?<\/h2>\n<p>Before you learn to  work effectively with the figure-ground relationship, it is important to train  your eye to really <em>see <\/em>the space. Figure and Ground are two terms that  will help you become more aware of the space in your Transport logos and help you break it down for effective  management. The figure is known as the  positive space in the design. It is the  shape or a form. While \u2018ground\u2019 refers to the <a href=\"https:\/\/www.designmantic.com\/blog\/infographics\/negative-space-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">negative space<\/a> or the background. It is the canvas on which the elements of the figure are placed upon. Usually, the elements in the figure are visually dominant; however, it is not always necessary. Sometimes  a logo may also be ground dominant instead of being figure dominant.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Figure-Ground.png\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Figure-Ground.png\" alt=\"Figure Ground\" title=\"Figure Ground\" class=\"alignnone wp-image-11677\" width=\"600\" height=\"\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Figure-Ground.png 800w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Figure-Ground-150x150.png 150w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Figure-Ground-300x300.png 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Figure-Ground-768x768.png 768w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Figure-Ground-50x50.png 50w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<h2>Importance Of Figure-Ground Relationship<\/h2>\n<p>If you are wondering  why the Figure-Ground relationship is important in transport logos, or any other logos for that matter, let us take  you back to the Gestalt Principle. A very basic <a href=\"https:\/\/logogeek.uk\/logo-design\/gestalt-theory\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"><strong>lesson learned from the Gestalt Principle<\/strong><\/a> is that design is perceived as a unified whole. When people view a logo or an image or anything else for that matter, they take in the individual elements and categorize it in groups and relationships. Figure-Ground Relationship is an extension of the same principle \u2013basically what you are saying is that negative  is just as important as positive because both spaces exist in relation to each  other, and you are only able to view one because of the other.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Form-Perception.png\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Form-Perception.png\" alt=\"Form Perception\" title=\"Form Perception\" class=\"alignnone wp-image-11679\" width=\"600\" height=\"\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Form-Perception.png 800w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Form-Perception-150x150.png 150w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Form-Perception-300x300.png 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Form-Perception-768x768.png 768w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Form-Perception-50x50.png 50w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<h2>Harnessing Figure-Ground Relationships For Good Design<\/h2>\n<p>While laymen are accustomed to ignoring the ground space, it is a designer\u2019s job to give it as  much due attention as possible. This is because the Figure-Ground Relationship  works to complement each other. For example, if your transport logo has a  symbol of a truck set against a deep blue background, the figure and ground  work together to attract or detract your eye.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Truck-Logos.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Truck-Logos.jpg\" alt=\"Truck Logos\" title=\"Truck Logos\" class=\"alignnone wp-image-11675\" width=\"600\" height=\"\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Truck-Logos.jpg 800w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Truck-Logos-300x55.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Truck-Logos-768x140.jpg 768w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Truck-Logos-500x91.jpg 500w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>One can help to enhance the other or subdue the other. When designers achieve a good balance between Figure and Ground, they are able to build interesting icons, logos, and images with the help of playing with the contrast between image and ground. This can be used to add energy to logos. All of this brings harmony and beauty to the design!<\/p>\n<p><strong><em>The form of the  object is not more important than the form of the space surrounding it. All  things exist in interaction with other things. In music, are the separations between notes less important than the notes themselves? \u2013 Malcolm Grear.<\/em><\/strong><\/p>\n<h2>The 3 Types Of Figure Ground Relationship<\/h2>\n<p>There are three main types of figure ground relationships which can help us yield interesting transport logos. Let us take a look at each one:<\/p>\n<ol style=\"margin-left:30px;\" type=\"1\">\n<li>Stable Figure Ground Relationship<\/li>\n<li>Reversible Figure Ground Relationship<\/li>\n<li>Ambiguous Figure Ground Relationship<\/li>\n<\/ol>\n<h3>1. Stable Figure Ground Relationship<\/h3>\n<p>A stable figure  ground relationship is one in which a person can easily distinguish a figure  and a ground. To achieve such a composition, designers need to make one aspect dominant over the other. For example, they may make the figure dominant over  the ground or the ground dominant over the figure. This sets very clear  boundaries, and the onlooker can easily identify the elements.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Truck-Logistic-Logo.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Truck-Logistic-Logo.jpg\" alt=\"Truck Logistic Logo\" title=\"Truck Logistic Logo\" class=\"alignnone wp-image-11674\" width=\"600\" height=\"\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Truck-Logistic-Logo.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Truck-Logistic-Logo-300x150.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Truck-Logistic-Logo-500x250.jpg 500w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>This is an example of  a logo which has a stable figure ground relationship. You can easily see the  figure dominates the ground here and both are clearly distinguishable. The  truck, which is the figure, is set against a white background which is the ground.<\/p>\n<p>Similarly, this logo  has a very stable figure ground relationship even though two kinds of forms  dominate the composition.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Central-Florida-Transport-Logo.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Central-Florida-Transport-Logo.jpg\" alt=\"Central Florida Transport Logo\" title=\"Central Florida Transport Logo\" class=\"alignnone wp-image-11669\" width=\"600\" height=\"\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Central-Florida-Transport-Logo.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Central-Florida-Transport-Logo-300x150.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Central-Florida-Transport-Logo-500x250.jpg 500w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h3>2. Reversible Figure Ground Relationship<\/h3>\n<p>A reversible figure  ground relationship is one in which the figure and the ground attract equal  attention. This can have very interesting results as it creates a sort of  ambiguity. There is space for the figure to take over the ground and for the  ground to take over the figure. This can form the basis of a very dynamic logo.  Here is an example of a reversible figure ground relationship. The viewer\u2019s eye  is equally guided to see the \u201carrow\u201d inside the typography.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/FedEx-Logo.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/FedEx-Logo.jpg\" alt=\"FedEx Logo\" title=\"FedEx Logo\" class=\"alignnone wp-image-11670\" width=\"600\" height=\"\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/FedEx-Logo.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/FedEx-Logo-300x150.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/FedEx-Logo-500x250.jpg 500w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Similarly, this is another example of reversible figure ground. The white stripes attract as much  attention as the blue stripes.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Amtrak-and-Garuda-Indonesia-Transport-Logos.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Amtrak-and-Garuda-Indonesia-Transport-Logos.jpg\" alt=\"Amtrak and Garuda Indonesia Transport Logos\" title=\"Amtrak and Garuda Indonesia Transport Logos\" class=\"alignnone wp-image-11666\" width=\"600\" height=\"\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Amtrak-and-Garuda-Indonesia-Transport-Logos.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Amtrak-and-Garuda-Indonesia-Transport-Logos-300x150.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Amtrak-and-Garuda-Indonesia-Transport-Logos-500x250.jpg 500w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h3 style=\"background:#fff;padding:5px;\">Related: <a href=\"https:\/\/www.designmantic.com\/blog\/geometry-of-logo-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Geometry Of Logo Design \u2013 Once Upon A Shape<\/a><\/h3>\n<h3>3. Ambiguous Figure Ground Relationship<\/h3>\n<p>Ambiguous figure ground relationship makes it hard for viewers to separate figure from ground.  The defining feature of this figure ground relationship is that the viewer cannot easily find a focal point. At times, there may not even be a focal  point. Ambiguous figure ground is ideal for creating patterns in transport logos. Where there is no set focal point, there is still a sense of rhythm and balance in design. This is because even an ambiguous figure ground relationship  is consciously designed keeping in mind the <a href=\"https:\/\/www.designmantic.com\/blog\/interactive-media\/7-logo-design-principles\/\" target=\"_blank\" rel=\"noopener noreferrer\">logo design principles<\/a>. The designer carefully crafts the negative void as well as the positive space.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Ambiguous-Figure-Ground.png\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Ambiguous-Figure-Ground.png\" alt=\"Ambiguous Figure Ground\" title=\"Ambiguous Figure Ground\" class=\"alignnone wp-image-11676\" width=\"600\" height=\"\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Ambiguous-Figure-Ground.png 800w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Ambiguous-Figure-Ground-150x150.png 150w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Ambiguous-Figure-Ground-300x300.png 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Ambiguous-Figure-Ground-768x768.png 768w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Ambiguous-Figure-Ground-50x50.png 50w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>Here is a visual summary of the different types of Figure-Ground Relationship.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Figure-Ground-Relationship.png\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Figure-Ground-Relationship.png\" alt=\"Figure Ground Relationship\" title=\"Figure Ground Relationship\" class=\"alignnone wp-image-11678\" width=\"600\" height=\"\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Figure-Ground-Relationship.png 800w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Figure-Ground-Relationship-150x150.png 150w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Figure-Ground-Relationship-300x300.png 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Figure-Ground-Relationship-768x768.png 768w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Figure-Ground-Relationship-50x50.png 50w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<h2>How To Create A Distinct Figure Ground Relationship For Logos<\/h2>\n<p>While you can use any of the three figure-ground relationships to create logos, the most common are the stable figure-ground relationship. Where you want to create a stark distinction between figure and ground, you can do it in a number of ways. Often, this will be the most helpful route for your logo because a stark figure ground relationship can help your viewers singularly focus on a single element \u2013which would be your main message. So if you want to go down that route, here is what you can do:<\/p>\n<ol style=\"margin-left:30px;\" type=\"1\">\n<li>Use Contrasting Colors<\/li>\n<li>Making The Ground Non-Existent By Magnifying The Figure<\/li>\n<li>Blurred Background<\/li>\n<\/ol>\n<h3>1. Use Contrasting Colors<\/h3>\n<p>Creating a sharp contrast creates an instant and stark figure-ground distinction. If you use warm  colors against a cool background or cool colors against a warm background, it  will create a sharp contrast. Complementary colors also create a good visual contrast.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Transportation-Natural-Fuel-Logo.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Transportation-Natural-Fuel-Logo.jpg\" alt=\"Transportation Natural Fuel Logo\" title=\"Transportation Natural Fuel Logo\" class=\"alignnone wp-image-11673\" width=\"600\" height=\"\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Transportation-Natural-Fuel-Logo.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Transportation-Natural-Fuel-Logo-300x150.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Transportation-Natural-Fuel-Logo-500x250.jpg 500w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>This is especially helpful if your transport logo is a word form. A high contrast between the background and the text makes it easy for users to read the text. The text jumps out and is visible from a distance, and can also serve as a mark of recognition.<\/p>\n<h3 style=\"background:#fff;padding:5px;\">Related: <a href=\"https:\/\/www.designmantic.com\/blog\/choose-colors-wisely-for-your-business\/\" target=\"_blank\" rel=\"noopener noreferrer\">Choose Colors Wisely; Take Your SMB to the Next Level<\/a><\/h3>\n<p>You may also use tints and shades to create a contrast. Tints and shades are basic values of the same color. The difference in gradation can create a high or low contrast. Here is an example of how shades and tints can be used for contrast:<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/High-vs-Low-Contrast.png\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/High-vs-Low-Contrast.png\" alt=\"High vs Low Contrast\" title=\"High vs Low Contrast\" class=\"alignnone wp-image-11680\" width=\"600\" height=\"\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/High-vs-Low-Contrast.png 800w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/High-vs-Low-Contrast-150x150.png 150w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/High-vs-Low-Contrast-300x300.png 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/High-vs-Low-Contrast-768x768.png 768w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/High-vs-Low-Contrast-50x50.png 50w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>Similarly, you can explore contrasts of Hue, Saturation, and Colors.<\/p>\n<div class=\"visually_embed\" align=\"center\"><img decoding=\"async\" class=\"visually_embed_infographic\" src=\"https:\/\/visual.ly\/node\/image\/195392?_w=540\" alt=\"The Handy Color Glossary For Noobs\"><\/p>\n<div class=\"visually_embed_cycle\"><\/div>\n<p><script type=\"text\/javascript\" src=\"https:\/\/a.visual.ly\/api\/embed\/195392?width=540\" class=\"visually_embed_script\" id=\"visually_embed_script_195392\"><\/script><\/p>\n<p>From <a href=\"https:\/\/visual.ly?utm_source=content-embed&amp;utm_medium=embed\" rel=\"nofollow noopener noreferrer\" target=\"_blank\" class=\"broken_link\">Visually<\/a>.<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<h3>2. Making The Ground Non-Existent By Magnifying The Figure<\/h3>\n<p>Sometimes it may even  work well for logos to magnify the figure elements so much that the ground  becomes non-existent or insignificant.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Buffalo-Express-Delivery-Logo.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Buffalo-Express-Delivery-Logo.jpg\" alt=\"Buffalo Express Delivery Logo\" title=\"Buffalo Express Delivery Logo\" class=\"alignnone wp-image-11668\" width=\"600\" height=\"\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Buffalo-Express-Delivery-Logo.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Buffalo-Express-Delivery-Logo-300x150.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Buffalo-Express-Delivery-Logo-500x250.jpg 500w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>For example, in this  delivery logo, the figure is magnified to the extent that ground disappears.  However, one may argue that the shapes on the background are the ground for the  shapes on the top. In this way, a  relationship flows within a relationship.<\/p>\n<p>Here is another  example. In this case, again, the figure  is placed inside of an image that acts as  a background.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/SPT-Logo.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/SPT-Logo.jpg\" alt=\"SPT Logo\" title=\"SPT Logo\" class=\"alignnone wp-image-11672\" width=\"600\" height=\"\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/SPT-Logo.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/SPT-Logo-300x150.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/SPT-Logo-500x250.jpg 500w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h3>3. Blurred Background<\/h3>\n<p>A blurred background  is another way to make the figure ground relationship stark. While this is not  used as much in logo design, it is a key technique in photography. A blurred  background often acts well against a text. For example, here is a shape set  against a blurred background:<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Blurred-Background.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Blurred-Background.jpg\" alt=\"Blurred Background\" title=\"Blurred Background\" class=\"alignnone wp-image-11667\" width=\"600\" height=\"\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Blurred-Background.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Blurred-Background-300x150.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Blurred-Background-500x250.jpg 500w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h2>Two More Concepts That Can Help You Enhance Figure-Ground Relationship<\/h2>\n<p>While the figure  ground relationship teaches you to analyze, look at and design space, it is not  the only design concept that can help with space. There are other relationships  which are driven from the Gestalt Principles, which help us define space. Using  these concepts with figure ground relationship will help you enhance the figure  ground relationship.<\/p>\n<ol style=\"margin-left:30px;\" type=\"1\">\n<li>Proximity<\/li>\n<li>Closure<\/li>\n<\/ol>\n<h3>1. Proximity<\/h3>\n<p>Proximity is a very  important design concept. It helps to tie together the design in a coherent  manner and is especially needed in logo design. Proximity is very easy to  understand. To put it simply, proximity  means that related design elements should be put together and unrelated ones  should be put at a distance. Because humans perceive closeness of elements as a  \u201crelationship\u201d; it makes them take in the elements as a whole unit or a group.<\/p>\n<p>For example, in this  logo, the proximity of the curves help the viewers to realize the curves are a  part of one unit, which is a road. If the curves were placed at a greater  distance, it may not have been possible for the viewers to reach this  conclusion. This is why proximity is a very important principle that should be  used in conjunction with the figure-ground relationship.<\/p>\n<h3>2. Closure<\/h3>\n<p>The second important  principle which can be used in conjunction with the figure-ground relationship  is the concept of closure. The closure  means the gaps between individual elements which can help the viewers fill in  the details and reach a conclusion.<\/p>\n<p>This is an example of  closure:<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/The-Law-of-Closure.png\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/The-Law-of-Closure.png\" alt=\"The Law of Closure\" title=\"The Law of Closure\" class=\"alignnone wp-image-11681\" width=\"600\" height=\"\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/The-Law-of-Closure.png 800w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/The-Law-of-Closure-150x150.png 150w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/The-Law-of-Closure-300x300.png 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/The-Law-of-Closure-768x768.png 768w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/The-Law-of-Closure-50x50.png 50w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>See how the line  segments are spaced apart and they enclose a space. This helps the viewers  reach a visual conclusion, which is that this shape is a circle, square etc.  Closure technique can be used to make your design look witty and creative. It  works especially well with the figure-ground relationship because it cannot  exist without exploiting the negative space.<\/p>\n<div style=\"margin-top:30px;margin-bottom:30px;\" align=\"center\"><a class=\"cta-button\" href=\"https:\/\/www.designmantic.com\/logo-design?utm_source=figure-ground-relationship-transport-logos&amp;utm_medium=endbutton&amp;utm_campaign=ctatracking\" target=\"_blank\" rel=\"noopener noreferrer\">Try Our Logo Design Tool<\/a><\/div>\n<p>Here is an example of a transport logo that uses a figure-ground relationship which is enhanced with the use of closure. You can see the two roads being formed out of a negative space, which is enclosed by the orange form. The orange form gives meaning to the white space and the white space gives meaning to the orange form. In this way, both complement each other and exist for each other.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Phuc-Dang-Transport-Logo.jpg\"><img decoding=\"async\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Phuc-Dang-Transport-Logo.jpg\" alt=\"Phuc Dang Transport Logo\" title=\"Phuc Dang Transport Logo\" class=\"alignnone wp-image-11671\" width=\"600\" height=\"\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Phuc-Dang-Transport-Logo.jpg 600w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Phuc-Dang-Transport-Logo-300x150.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Phuc-Dang-Transport-Logo-500x250.jpg 500w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Following these tips will help you form a great figure ground relationship which can be put to good use for the logo. This can add a touch of creativity and uniqueness to your transport logos and set you apart from your competitors. So what do you think? Are you suddenly seeing the negative spaces in all the logo design around you?!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Transport businesses are trusted with the job of moving goods from one place to another. They may include shipping services, courier services, moving services or any other transport services such as travel services. No matter what the niche, all of &hellip; <a href=\"https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":11683,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-11665","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-logo-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Figure-Ground In Transport Logos | DesignMantic: The Design Shop<\/title>\n<meta name=\"description\" content=\"Figure ground relationship is an important aspect of design which allows viewers to appreciate the beauty of space. Here we take a look at figure-ground relationship in transport logos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Figure-Ground In Transport Logos | DesignMantic: The Design Shop\" \/>\n<meta property=\"og:description\" content=\"Figure ground relationship is an important aspect of design which allows viewers to appreciate the beauty of space. Here we take a look at figure-ground relationship in transport logos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/\" \/>\n<meta property=\"og:site_name\" content=\"DesignMantic\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DesignMantic\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-02T12:48:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-07T13:18:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Transport-Logos.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"533\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Evan Brown\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/EvanBrownDM\" \/>\n<meta name=\"twitter:site\" content=\"@designmantic\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Evan Brown\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Figure-Ground In Transport Logos | DesignMantic: The Design Shop","description":"Figure ground relationship is an important aspect of design which allows viewers to appreciate the beauty of space. Here we take a look at figure-ground relationship in transport logos.","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:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/","og_locale":"en_US","og_type":"article","og_title":"Figure-Ground In Transport Logos | DesignMantic: The Design Shop","og_description":"Figure ground relationship is an important aspect of design which allows viewers to appreciate the beauty of space. Here we take a look at figure-ground relationship in transport logos.","og_url":"https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/","og_site_name":"DesignMantic","article_publisher":"https:\/\/www.facebook.com\/DesignMantic","article_published_time":"2018-01-02T12:48:28+00:00","article_modified_time":"2023-07-07T13:18:43+00:00","og_image":[{"width":800,"height":533,"url":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Transport-Logos.jpg","type":"image\/jpeg"}],"author":"Evan Brown","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/EvanBrownDM","twitter_site":"@designmantic","twitter_misc":{"Written by":"Evan Brown","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/#article","isPartOf":{"@id":"https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/"},"author":{"name":"Evan Brown","@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/person\/6391d01ed964b5a1184066a18d5bb7f0"},"headline":"An Exploration Of The Figure-Ground Relationship In Transport Logos","datePublished":"2018-01-02T12:48:28+00:00","dateModified":"2023-07-07T13:18:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/"},"wordCount":1940,"commentCount":0,"publisher":{"@id":"https:\/\/www.designmantic.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Transport-Logos.jpg","articleSection":["Logo Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/","url":"https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/","name":"Figure-Ground In Transport Logos | DesignMantic: The Design Shop","isPartOf":{"@id":"https:\/\/www.designmantic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/#primaryimage"},"image":{"@id":"https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Transport-Logos.jpg","datePublished":"2018-01-02T12:48:28+00:00","dateModified":"2023-07-07T13:18:43+00:00","description":"Figure ground relationship is an important aspect of design which allows viewers to appreciate the beauty of space. Here we take a look at figure-ground relationship in transport logos.","breadcrumb":{"@id":"https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/#primaryimage","url":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Transport-Logos.jpg","contentUrl":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2018\/01\/Transport-Logos.jpg","width":800,"height":533,"caption":"Transport Logos"},{"@type":"BreadcrumbList","@id":"https:\/\/www.designmantic.com\/blog\/figure-ground-relationship-transport-logos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Logo Design","item":"https:\/\/www.designmantic.com\/blog\/category\/logo-design\/"},{"@type":"ListItem","position":2,"name":"An Exploration Of The Figure-Ground Relationship In Transport Logos"}]},{"@type":"WebSite","@id":"https:\/\/www.designmantic.com\/blog\/#website","url":"https:\/\/www.designmantic.com\/blog\/","name":"DesignMantic","description":"","publisher":{"@id":"https:\/\/www.designmantic.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.designmantic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.designmantic.com\/blog\/#organization","name":"DesignMantic","url":"https:\/\/www.designmantic.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2020\/08\/DesignMantic-Logo.png","contentUrl":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2020\/08\/DesignMantic-Logo.png","width":300,"height":58,"caption":"DesignMantic"},"image":{"@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DesignMantic","https:\/\/x.com\/designmantic"]},{"@type":"Person","@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/person\/6391d01ed964b5a1184066a18d5bb7f0","name":"Evan Brown","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9f661793780701b84d700350db08494bbbc69f4a5a52f3d53abb33f6190085f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f661793780701b84d700350db08494bbbc69f4a5a52f3d53abb33f6190085f8?s=96&d=mm&r=g","caption":"Evan Brown"},"description":"Evan is an Expert in Digital Marketing. He has been working in the social media space since 2008, with a focus on design services, user interface planning, branding and more. Currently, he is leading content marketing efforts at DesignMantic and has played an integral part in the success story of DesignMantic through strategic marketing campaigns. Evan is also a design pro, who has shown a predilection towards DIY design projects.","sameAs":["https:\/\/x.com\/https:\/\/twitter.com\/EvanBrownDM"],"url":"https:\/\/www.designmantic.com\/blog\/author\/evan-brown\/"}]}},"_links":{"self":[{"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/posts\/11665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/comments?post=11665"}],"version-history":[{"count":10,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/posts\/11665\/revisions"}],"predecessor-version":[{"id":21745,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/posts\/11665\/revisions\/21745"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/media\/11683"}],"wp:attachment":[{"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/media?parent=11665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/categories?post=11665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/tags?post=11665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}