{"id":1726,"date":"2020-08-05T14:44:34","date_gmt":"2020-08-05T20:44:34","guid":{"rendered":"http:\/\/studio2d.com\/?p=1726"},"modified":"2023-01-14T11:02:43","modified_gmt":"2023-01-14T18:02:43","slug":"proximity","status":"publish","type":"post","link":"https:\/\/studio2d.com\/proximity\/","title":{"rendered":"Proximity"},"content":{"rendered":"<p>The proximity principle: elements that are close spatially are perceived to belong together. Use this to your advantage.<\/p>\n<p>Things that are close together will appear to be grouped. This is why you should not space out everything on your page equally. Create groups of meaning. Your audience will have a much easier time comprehending information when you group it.<\/p>\n<p>One simple application of the proximity principle is to insert twice as much space above a heading as below it. That way, the heading is clearly closer to the paragraph that it belongs to.<\/p>\n<p>In this example, the 2-page spread has everything spaced evenly.<\/p>\n<p><a href=\"https:\/\/studio2d.com\/wp-content\/uploads\/2020\/08\/proximity-priniciple-before.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-1733 alignnone\" src=\"https:\/\/studio2d.com\/wp-content\/uploads\/2020\/08\/proximity-priniciple-before.png\" alt=\"Elements on this page are evenly spaced\" width=\"600\" height=\"388\" \/><\/a><\/p>\n<p>After applying the proximity principle, the layout is more dynamic and easier to comprehend. Captions are closer to the photo they belong with. Photos are close to the section that relates to them. Headings are closer to the paragraph below. The quote is next to the paragraph it is pulled from. The link to more information is separated into its own island where it can&#8217;t be missed.<\/p>\n<p><a href=\"https:\/\/studio2d.com\/wp-content\/uploads\/2020\/08\/proximity-principle-after.png\"><img decoding=\"async\" class=\"size-full wp-image-1734 alignnone\" src=\"https:\/\/studio2d.com\/wp-content\/uploads\/2020\/08\/proximity-principle-after.png\" alt=\"Elements on the page are moved closer to the items they relate to\" width=\"600\" height=\"388\" \/><\/a><\/p>\n<p>The law of proximity reflects the way our perception as humans developed. Knowing and using design principles helps to communicate more effectively.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The proximity principle: elements that are close spatially are perceived to belong together. Use this to your advantage. Things that are close together will appear to be grouped. This is why you should not space out everything on your page equally. Create groups of meaning. Your audience will have a much easier time comprehending information [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1727,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[47],"tags":[52],"post_folder":[],"class_list":["post-1726","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-design-principles"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Proximity | Studio 2D<\/title>\n<meta name=\"description\" content=\"Things that are close together will appear to be grouped. Use this to your advantage.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studio2d.com\/proximity\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Proximity | Studio 2D\" \/>\n<meta property=\"og:description\" content=\"Things that are close together will appear to be grouped. Use this to your advantage.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studio2d.com\/proximity\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio 2D\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Gretchen2D\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-05T20:44:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-14T18:02:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studio2d.com\/wp-content\/uploads\/2020\/08\/proximity-h.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Gretchen Wieshuber\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Gretchen2D\" \/>\n<meta name=\"twitter:site\" content=\"@Gretchen2D\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gretchen Wieshuber\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/studio2d.com\\\/proximity\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/studio2d.com\\\/proximity\\\/\"},\"author\":{\"name\":\"Gretchen Wieshuber\",\"@id\":\"https:\\\/\\\/studio2d.com\\\/#\\\/schema\\\/person\\\/c78259de78104d5baa23e02f849bbc9e\"},\"headline\":\"Proximity\",\"datePublished\":\"2020-08-05T20:44:34+00:00\",\"dateModified\":\"2023-01-14T18:02:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/studio2d.com\\\/proximity\\\/\"},\"wordCount\":194,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/studio2d.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/studio2d.com\\\/proximity\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/studio2d.com\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/proximity-h.png\",\"keywords\":[\"Design Principles\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/studio2d.com\\\/proximity\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/studio2d.com\\\/proximity\\\/\",\"url\":\"https:\\\/\\\/studio2d.com\\\/proximity\\\/\",\"name\":\"Proximity | Studio 2D\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/studio2d.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/studio2d.com\\\/proximity\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/studio2d.com\\\/proximity\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/studio2d.com\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/proximity-h.png\",\"datePublished\":\"2020-08-05T20:44:34+00:00\",\"dateModified\":\"2023-01-14T18:02:43+00:00\",\"description\":\"Things that are close together will appear to be grouped. Use this to your advantage.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/studio2d.com\\\/proximity\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/studio2d.com\\\/proximity\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/studio2d.com\\\/proximity\\\/#primaryimage\",\"url\":\"https:\\\/\\\/studio2d.com\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/proximity-h.png\",\"contentUrl\":\"https:\\\/\\\/studio2d.com\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/proximity-h.png\",\"width\":800,\"height\":400,\"caption\":\"The law of proximity\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/studio2d.com\\\/proximity\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/studio2d.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Proximity\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/studio2d.com\\\/#website\",\"url\":\"https:\\\/\\\/studio2d.com\\\/\",\"name\":\"Studio 2D\",\"description\":\"graphic design &amp; illustration\",\"publisher\":{\"@id\":\"https:\\\/\\\/studio2d.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/studio2d.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/studio2d.com\\\/#organization\",\"name\":\"Studio 2D\",\"url\":\"https:\\\/\\\/studio2d.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/studio2d.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/studio2d.com\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/2D-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/studio2d.com\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/2D-logo.jpg\",\"width\":1376,\"height\":610,\"caption\":\"Studio 2D\"},\"image\":{\"@id\":\"https:\\\/\\\/studio2d.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Gretchen2D\\\/\",\"https:\\\/\\\/x.com\\\/Gretchen2D\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/gretchen2d\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/studio2d.com\\\/#\\\/schema\\\/person\\\/c78259de78104d5baa23e02f849bbc9e\",\"name\":\"Gretchen Wieshuber\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/49c8f481d4c412ccb9ea5a9789e552e32cf7c17085bc030f0c1cba8a50100248?s=96&r=pg\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/49c8f481d4c412ccb9ea5a9789e552e32cf7c17085bc030f0c1cba8a50100248?s=96&r=pg\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/49c8f481d4c412ccb9ea5a9789e552e32cf7c17085bc030f0c1cba8a50100248?s=96&r=pg\",\"caption\":\"Gretchen Wieshuber\"},\"description\":\"Gretchen Wieshuber is creative director and owner of Studio 2D, serving small businesses, non-profit organizations, and the University of Illinois. She designs marketing materials, publications, and websites, usually as part of comprehensive branding campaigns. She has a B.F.A. from the University of Illinois at Urbana-Champaign and sometimes teaches graphic design and typography at Parkland College. She is vice president of the Executive Club of Champaign County. Gretchen is a member of Leadership Illinois and the Champaign-Urbana Design Organization. As a SCORE volunteer, she shares her experience in writing a business plan, marketing, generating creative ideas, and problem solving.\",\"sameAs\":[\"http:\\\/\\\/Studio2D.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Proximity | Studio 2D","description":"Things that are close together will appear to be grouped. Use this to your advantage.","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:\/\/studio2d.com\/proximity\/","og_locale":"en_US","og_type":"article","og_title":"Proximity | Studio 2D","og_description":"Things that are close together will appear to be grouped. Use this to your advantage.","og_url":"https:\/\/studio2d.com\/proximity\/","og_site_name":"Studio 2D","article_publisher":"https:\/\/www.facebook.com\/Gretchen2D\/","article_published_time":"2020-08-05T20:44:34+00:00","article_modified_time":"2023-01-14T18:02:43+00:00","og_image":[{"width":800,"height":400,"url":"https:\/\/studio2d.com\/wp-content\/uploads\/2020\/08\/proximity-h.png","type":"image\/png"}],"author":"Gretchen Wieshuber","twitter_card":"summary_large_image","twitter_creator":"@Gretchen2D","twitter_site":"@Gretchen2D","twitter_misc":{"Written by":"Gretchen Wieshuber","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/studio2d.com\/proximity\/#article","isPartOf":{"@id":"https:\/\/studio2d.com\/proximity\/"},"author":{"name":"Gretchen Wieshuber","@id":"https:\/\/studio2d.com\/#\/schema\/person\/c78259de78104d5baa23e02f849bbc9e"},"headline":"Proximity","datePublished":"2020-08-05T20:44:34+00:00","dateModified":"2023-01-14T18:02:43+00:00","mainEntityOfPage":{"@id":"https:\/\/studio2d.com\/proximity\/"},"wordCount":194,"commentCount":0,"publisher":{"@id":"https:\/\/studio2d.com\/#organization"},"image":{"@id":"https:\/\/studio2d.com\/proximity\/#primaryimage"},"thumbnailUrl":"https:\/\/studio2d.com\/wp-content\/uploads\/2020\/08\/proximity-h.png","keywords":["Design Principles"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/studio2d.com\/proximity\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/studio2d.com\/proximity\/","url":"https:\/\/studio2d.com\/proximity\/","name":"Proximity | Studio 2D","isPartOf":{"@id":"https:\/\/studio2d.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/studio2d.com\/proximity\/#primaryimage"},"image":{"@id":"https:\/\/studio2d.com\/proximity\/#primaryimage"},"thumbnailUrl":"https:\/\/studio2d.com\/wp-content\/uploads\/2020\/08\/proximity-h.png","datePublished":"2020-08-05T20:44:34+00:00","dateModified":"2023-01-14T18:02:43+00:00","description":"Things that are close together will appear to be grouped. Use this to your advantage.","breadcrumb":{"@id":"https:\/\/studio2d.com\/proximity\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studio2d.com\/proximity\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studio2d.com\/proximity\/#primaryimage","url":"https:\/\/studio2d.com\/wp-content\/uploads\/2020\/08\/proximity-h.png","contentUrl":"https:\/\/studio2d.com\/wp-content\/uploads\/2020\/08\/proximity-h.png","width":800,"height":400,"caption":"The law of proximity"},{"@type":"BreadcrumbList","@id":"https:\/\/studio2d.com\/proximity\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/studio2d.com\/"},{"@type":"ListItem","position":2,"name":"Proximity"}]},{"@type":"WebSite","@id":"https:\/\/studio2d.com\/#website","url":"https:\/\/studio2d.com\/","name":"Studio 2D","description":"graphic design &amp; illustration","publisher":{"@id":"https:\/\/studio2d.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studio2d.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/studio2d.com\/#organization","name":"Studio 2D","url":"https:\/\/studio2d.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studio2d.com\/#\/schema\/logo\/image\/","url":"https:\/\/studio2d.com\/wp-content\/uploads\/2015\/12\/2D-logo.jpg","contentUrl":"https:\/\/studio2d.com\/wp-content\/uploads\/2015\/12\/2D-logo.jpg","width":1376,"height":610,"caption":"Studio 2D"},"image":{"@id":"https:\/\/studio2d.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Gretchen2D\/","https:\/\/x.com\/Gretchen2D","https:\/\/www.linkedin.com\/in\/gretchen2d\/"]},{"@type":"Person","@id":"https:\/\/studio2d.com\/#\/schema\/person\/c78259de78104d5baa23e02f849bbc9e","name":"Gretchen Wieshuber","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/49c8f481d4c412ccb9ea5a9789e552e32cf7c17085bc030f0c1cba8a50100248?s=96&r=pg","url":"https:\/\/secure.gravatar.com\/avatar\/49c8f481d4c412ccb9ea5a9789e552e32cf7c17085bc030f0c1cba8a50100248?s=96&r=pg","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/49c8f481d4c412ccb9ea5a9789e552e32cf7c17085bc030f0c1cba8a50100248?s=96&r=pg","caption":"Gretchen Wieshuber"},"description":"Gretchen Wieshuber is creative director and owner of Studio 2D, serving small businesses, non-profit organizations, and the University of Illinois. She designs marketing materials, publications, and websites, usually as part of comprehensive branding campaigns. She has a B.F.A. from the University of Illinois at Urbana-Champaign and sometimes teaches graphic design and typography at Parkland College. She is vice president of the Executive Club of Champaign County. Gretchen is a member of Leadership Illinois and the Champaign-Urbana Design Organization. As a SCORE volunteer, she shares her experience in writing a business plan, marketing, generating creative ideas, and problem solving.","sameAs":["http:\/\/Studio2D.com"]}]}},"jetpack_featured_media_url":"https:\/\/studio2d.com\/wp-content\/uploads\/2020\/08\/proximity-h.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/studio2d.com\/wp-json\/wp\/v2\/posts\/1726","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studio2d.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studio2d.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studio2d.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studio2d.com\/wp-json\/wp\/v2\/comments?post=1726"}],"version-history":[{"count":3,"href":"https:\/\/studio2d.com\/wp-json\/wp\/v2\/posts\/1726\/revisions"}],"predecessor-version":[{"id":3083,"href":"https:\/\/studio2d.com\/wp-json\/wp\/v2\/posts\/1726\/revisions\/3083"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studio2d.com\/wp-json\/wp\/v2\/media\/1727"}],"wp:attachment":[{"href":"https:\/\/studio2d.com\/wp-json\/wp\/v2\/media?parent=1726"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studio2d.com\/wp-json\/wp\/v2\/categories?post=1726"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studio2d.com\/wp-json\/wp\/v2\/tags?post=1726"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/studio2d.com\/wp-json\/wp\/v2\/post_folder?post=1726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}