{"id":6469,"date":"2015-05-08T23:00:11","date_gmt":"2015-05-09T06:00:11","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=6469"},"modified":"2020-04-22T06:38:37","modified_gmt":"2020-04-22T13:38:37","slug":"free-e-book-zen-white-space-web-ui-design-balance-contrast","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/","title":{"rendered":"Free e-book: Zen of White Space in Web UI Design (Balance &#038; Contrast)"},"content":{"rendered":"<p>White space \u2013 or negative space as it\u2019s also known \u2013 is a highly misunderstood and underappreciated component of proper UI design. That\u2019s why we wrote our latest ebook, <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/white-space-web-ui-design-balance\/\">Zen of White Space in Web UI Design<\/a>, to clarify its importance and explain its application, using 14 real examples from companies like <b>Apple<\/b>, <b>Lever<\/b>, <b>Wanderlust<\/b>, <b>Sketchapp<\/b>, and more.<\/p>\n<p>Take a peek inside!<\/p>\n<p>\u201cLess is more\u201d is the fundamental principle that gives white space its strength. By adding or subtracting empty space around certain elements you can draw\/repel attention, highlight their importance, and even exude certain moods, such as elegance.<\/p>\n<h2>What\u2019s Inside&#8230;<\/h2>\n<p>Over 58 pages, this <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/white-space-web-ui-design-balance\/\">free ebook<\/a> explains why white space is a lot more than empty space.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/white-space-web-ui-design-balance\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6470 size-large\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/05\/Screen-Shot-2015-05-08-at-10.52.24-PM-1024x722.png\" alt=\"White Space in Web UI Design\" width=\"640\" height=\"451\"><\/a><\/p>\n<p>After reading this book, you\u2019ll know:<\/p>\n<ul>\n<li>The principles that govern white space, taken from the history of aesthetics, and applied to web design<\/li>\n<li>The differences between compositional, visual, and textual white space<\/li>\n<li>How to create visual hierarchy and draw attention with white space<\/li>\n<li>How to build a comprehensive and attractive layout structure<\/li>\n<li>Why white space is especially important for single page sites<\/li>\n<li>The power of spacing for grouping, chunking, and navigation<\/li>\n<\/ul>\n<p>This free ebook is <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/white-space-web-ui-design-balance\/\">available to download<\/a> right now. If you find it helpful, feel free to share.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/white-space-web-ui-design-balance\/\">Download free ebook now<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Free 58-page e-book explaining how to use white space as your most powerful web design tool. 23 examples analyzed from companies like Apple and Lever. <\/p>\n","protected":false},"author":9,"featured_media":6479,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4,6,7],"tags":[],"class_list":["post-6469","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-ui-design","category-ux-design","category-web-design"],"yoast_title":"Zen of White Space in Web UI Design (free e-book)","yoast_metadesc":"Free 58-page e-book explaining how to use white space as your most powerful web design tool. 14 examples analyzed from companies like Apple and Lever.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Zen of White Space in Web UI Design (free e-book)<\/title>\n<meta name=\"description\" content=\"Free 58-page e-book explaining how to use white space as your most powerful web design tool. 14 examples analyzed from companies like Apple and Lever.\" \/>\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.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Free e-book: Zen of White Space in Web UI Design (Balance &amp; Contrast)\" \/>\n<meta property=\"og:description\" content=\"Free 58-page e-book explaining how to use white space as your most powerful web design tool. 14 examples analyzed from companies like Apple and Lever.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2015-05-09T06:00:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-22T13:38:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/05\/blog-book1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"330\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jerry Cao\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jerry Cao\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-zen-white-space-web-ui-design-balance-contrast\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-zen-white-space-web-ui-design-balance-contrast\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"Free e-book: Zen of White Space in Web UI Design (Balance &#038; Contrast)\",\"datePublished\":\"2015-05-09T06:00:11+00:00\",\"dateModified\":\"2020-04-22T13:38:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-zen-white-space-web-ui-design-balance-contrast\\\/\"},\"wordCount\":224,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-zen-white-space-web-ui-design-balance-contrast\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/05\\\/blog-book1.png\",\"articleSection\":[\"Blog\",\"UI Design\",\"UX Design\",\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-zen-white-space-web-ui-design-balance-contrast\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-zen-white-space-web-ui-design-balance-contrast\\\/\",\"name\":\"Zen of White Space in Web UI Design (free e-book)\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-zen-white-space-web-ui-design-balance-contrast\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-zen-white-space-web-ui-design-balance-contrast\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/05\\\/blog-book1.png\",\"datePublished\":\"2015-05-09T06:00:11+00:00\",\"dateModified\":\"2020-04-22T13:38:37+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"Free 58-page e-book explaining how to use white space as your most powerful web design tool. 14 examples analyzed from companies like Apple and Lever.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-zen-white-space-web-ui-design-balance-contrast\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-zen-white-space-web-ui-design-balance-contrast\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-zen-white-space-web-ui-design-balance-contrast\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/05\\\/blog-book1.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/05\\\/blog-book1.png\",\"width\":720,\"height\":330,\"caption\":\"blog book1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-zen-white-space-web-ui-design-balance-contrast\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Free e-book: Zen of White Space in Web UI Design (Balance &#038; Contrast)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\",\"name\":\"Jerry Cao\",\"description\":\"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.\",\"sameAs\":[\"http:\\\/\\\/uxpin.com\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/jerrycao\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Zen of White Space in Web UI Design (free e-book)","description":"Free 58-page e-book explaining how to use white space as your most powerful web design tool. 14 examples analyzed from companies like Apple and Lever.","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.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/","og_locale":"en_US","og_type":"article","og_title":"Free e-book: Zen of White Space in Web UI Design (Balance & Contrast)","og_description":"Free 58-page e-book explaining how to use white space as your most powerful web design tool. 14 examples analyzed from companies like Apple and Lever.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/","og_site_name":"Studio by UXPin","article_published_time":"2015-05-09T06:00:11+00:00","article_modified_time":"2020-04-22T13:38:37+00:00","og_image":[{"width":720,"height":330,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/05\/blog-book1.png","type":"image\/png"}],"author":"Jerry Cao","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jerry Cao","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"Free e-book: Zen of White Space in Web UI Design (Balance &#038; Contrast)","datePublished":"2015-05-09T06:00:11+00:00","dateModified":"2020-04-22T13:38:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/"},"wordCount":224,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/05\/blog-book1.png","articleSection":["Blog","UI Design","UX Design","Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/","name":"Zen of White Space in Web UI Design (free e-book)","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/05\/blog-book1.png","datePublished":"2015-05-09T06:00:11+00:00","dateModified":"2020-04-22T13:38:37+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"Free 58-page e-book explaining how to use white space as your most powerful web design tool. 14 examples analyzed from companies like Apple and Lever.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/05\/blog-book1.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/05\/blog-book1.png","width":720,"height":330,"caption":"blog book1"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-zen-white-space-web-ui-design-balance-contrast\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Free e-book: Zen of White Space in Web UI Design (Balance &#038; Contrast)"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18","name":"Jerry Cao","description":"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.","sameAs":["http:\/\/uxpin.com"],"url":"https:\/\/www.uxpin.com\/studio\/author\/jerrycao\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/6469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=6469"}],"version-history":[{"count":0,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/6469\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/6479"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=6469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=6469"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=6469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}