{"id":6605,"date":"2015-06-05T23:40:43","date_gmt":"2015-06-06T06:40:43","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=6605"},"modified":"2026-05-08T00:46:58","modified_gmt":"2026-05-08T07:46:58","slug":"free-e-book-space-ratios-minimalism-web-ui-design","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-space-ratios-minimalism-web-ui-design\/","title":{"rendered":"Free e-book: Space, Ratios, Minimalism in Web UI Design"},"content":{"rendered":"<p>Following the success of <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/white-space-web-ui-design-balance\/\">our first standalone book on white space<\/a>, we are expanding our discussion of white space with another new ebook.<\/p>\n<p>Take a look inside the <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/white-space-web-ui-design-ratios-minimalism\/\">Zen of White Space in UI Design: Space, Ratios, Minimalism<\/a>.<\/p>\n<p><!--more--><\/p>\n<p>With the growing popularity of simpler designs, white space is more important now than ever before. Because it&#8217;s sometimes hard to think of &#8220;nothingness&#8221; as its own design element, the <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/white-space-web-ui-design-ratios-minimalism\/\">free e-book<\/a> provides expert advice, 14 deconstructed examples, and plenty of practical techniques. Whether you&#8217;re designing interfaces from scratch or refining existing products using tools like <a href=\"https:\/\/www.adalo.com\" target=\"_blank\" rel=\"noopener noreferrer\">Adalo<\/a>&#8216;s no-code app builder, understanding how to leverage white space effectively is essential for creating polished, professional applications.<\/p>\n<p>While the <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/white-space-web-ui-design-balance\/\">first ebook<\/a> explored white space&#8217;s role in balance, contrast, and visual hierarchy, this new book dives deeper into how it applies to spatial relations, aesthetic ratios, and the style of minimalism.  <\/p>\n<h2>What&#8217;s Inside\u2026<\/h2>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/white-space-web-ui-design-ratios-minimalism\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6606\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/Screen-Shot-2015-06-05-at-11.34.22-PM.png\" alt=\"Screen Shot 2015-06-05 at 11.34.22 PM\" width=\"580\" height=\"429\" \/><\/a><\/p>\n<p>This book features a compilation of best practices, explanations, suggestions, and examples covering topics like:<\/p>\n<ul>\n<li>Why minimalism \u2013 and its heavy use of white space \u2013 is so successful<\/li>\n<\/ul>\n<ul>\n<li>The difference between active and passive white space, and how to apply each<\/li>\n<\/ul>\n<ul>\n<li>How to apply the golden ratio to optimize your site&#8217;s visuals<\/li>\n<\/ul>\n<ul>\n<li>How to strike the perfect balance between too much and too little emptiness<\/li>\n<\/ul>\n<ul>\n<li>Which are the best grid generators and typography tools, and where to find them<\/li>\n<\/ul>\n<p style=\"margin-bottom: 35px;\"><span style=\"background: #3ca7dd; padding: 15px; font-weight: bold; border-radius: 4px; border: 1px solid #3ca7dd; border-bottom: 1px solid #2f97cb;\"><a style=\"color: #ffffff; text-decoration: none; font-size: 18px;\" href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/white-space-web-ui-design-ratios-minimalism\/\">Download free ebook now<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Following the success of our first standalone book on white space, we are expanding our discussion of white space with another new ebook. Take a look inside the Zen of White Space in UI Design: Space, Ratios, Minimalism.<\/p>\n","protected":false},"author":9,"featured_media":6607,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4,6,7],"tags":[],"class_list":["post-6605","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-ui-design","category-ux-design","category-web-design"],"yoast_title":"","yoast_metadesc":"See how to design more with less. Practical 73-page guide with 14 thoroughly analyzed examples.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Free e-book: Space, Ratios, Minimalism in Web UI Design | UXPin<\/title>\n<meta name=\"description\" content=\"See how to design more with less. Practical 73-page guide with 14 thoroughly analyzed examples.\" \/>\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-space-ratios-minimalism-web-ui-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Free e-book: Space, Ratios, Minimalism in Web UI Design\" \/>\n<meta property=\"og:description\" content=\"See how to design more with less. Practical 73-page guide with 14 thoroughly analyzed examples.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-space-ratios-minimalism-web-ui-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2015-06-06T06:40:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-08T07:46:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/blog-book.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-space-ratios-minimalism-web-ui-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-space-ratios-minimalism-web-ui-design\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"Free e-book: Space, Ratios, Minimalism in Web UI Design\",\"datePublished\":\"2015-06-06T06:40:43+00:00\",\"dateModified\":\"2026-05-08T07:46:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-space-ratios-minimalism-web-ui-design\\\/\"},\"wordCount\":243,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-space-ratios-minimalism-web-ui-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/blog-book.png\",\"articleSection\":[\"Blog\",\"UI Design\",\"UX Design\",\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-space-ratios-minimalism-web-ui-design\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-space-ratios-minimalism-web-ui-design\\\/\",\"name\":\"Free e-book: Space, Ratios, Minimalism in Web UI Design | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-space-ratios-minimalism-web-ui-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-space-ratios-minimalism-web-ui-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/blog-book.png\",\"datePublished\":\"2015-06-06T06:40:43+00:00\",\"dateModified\":\"2026-05-08T07:46:58+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"See how to design more with less. Practical 73-page guide with 14 thoroughly analyzed examples.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-space-ratios-minimalism-web-ui-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-space-ratios-minimalism-web-ui-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-space-ratios-minimalism-web-ui-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/blog-book.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/blog-book.png\",\"width\":720,\"height\":330,\"caption\":\"blog book\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-e-book-space-ratios-minimalism-web-ui-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Free e-book: Space, Ratios, Minimalism in Web UI Design\"}]},{\"@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":"Free e-book: Space, Ratios, Minimalism in Web UI Design | UXPin","description":"See how to design more with less. Practical 73-page guide with 14 thoroughly analyzed examples.","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-space-ratios-minimalism-web-ui-design\/","og_locale":"en_US","og_type":"article","og_title":"Free e-book: Space, Ratios, Minimalism in Web UI Design","og_description":"See how to design more with less. Practical 73-page guide with 14 thoroughly analyzed examples.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-space-ratios-minimalism-web-ui-design\/","og_site_name":"Studio by UXPin","article_published_time":"2015-06-06T06:40:43+00:00","article_modified_time":"2026-05-08T07:46:58+00:00","og_image":[{"width":720,"height":330,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/blog-book.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-space-ratios-minimalism-web-ui-design\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-space-ratios-minimalism-web-ui-design\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"Free e-book: Space, Ratios, Minimalism in Web UI Design","datePublished":"2015-06-06T06:40:43+00:00","dateModified":"2026-05-08T07:46:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-space-ratios-minimalism-web-ui-design\/"},"wordCount":243,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-space-ratios-minimalism-web-ui-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/blog-book.png","articleSection":["Blog","UI Design","UX Design","Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-space-ratios-minimalism-web-ui-design\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-space-ratios-minimalism-web-ui-design\/","name":"Free e-book: Space, Ratios, Minimalism in Web UI Design | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-space-ratios-minimalism-web-ui-design\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-space-ratios-minimalism-web-ui-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/blog-book.png","datePublished":"2015-06-06T06:40:43+00:00","dateModified":"2026-05-08T07:46:58+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"See how to design more with less. Practical 73-page guide with 14 thoroughly analyzed examples.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-space-ratios-minimalism-web-ui-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-space-ratios-minimalism-web-ui-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-space-ratios-minimalism-web-ui-design\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/blog-book.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/06\/blog-book.png","width":720,"height":330,"caption":"blog book"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-e-book-space-ratios-minimalism-web-ui-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Free e-book: Space, Ratios, Minimalism in Web UI Design"}]},{"@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\/6605","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=6605"}],"version-history":[{"count":1,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/6605\/revisions"}],"predecessor-version":[{"id":59067,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/6605\/revisions\/59067"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/6607"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=6605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=6605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=6605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}