{"id":6320,"date":"2015-03-10T00:29:16","date_gmt":"2015-03-10T07:29:16","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=6320"},"modified":"2020-04-22T06:38:39","modified_gmt":"2020-04-22T13:38:39","slug":"new-e-book-web-ui-design-human-eye-colors-space-contrast","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/","title":{"rendered":"New e-book: Web UI Design for the Human Eye (Colors, Space, Contrast)"},"content":{"rendered":"<p>Did you know that sight is the strongest of the human senses? In this <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/visual-web-ui-design-colors-space-contrast\/\" target=\"_blank\" rel=\"noopener noreferrer\">free e-book<\/a>, we explain how to harness the power of sight to make the best first impression on your users.<\/p>\n<h2>What&#8217;s in the e-book<\/h2>\n<p>We cover topics spanning UX design, UI design, human psychology, and interaction design.<\/p>\n<p>You&#8217;ll find just enough discussion of theory to get the point across, then a smooth transition to visual case studies so you can learn by example. We don&#8217;t want to bore you with lectures. We want to explain why it works, then deconstruct the design examples.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/visual-web-ui-design-colors-space-contrast\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6321 size-full\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/03\/Screen-Shot-2015-03-10-at-12.24.38-AM.png\" alt=\"free Visual Web UI Design ebook\" width=\"498\" height=\"350\"><\/a><\/p>\n<p>In <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/visual-web-ui-design-colors-space-contrast\/\" target=\"_blank\" rel=\"noopener noreferrer\">this e-book<\/a>, you&#8217;ll find:<\/p>\n<ul>\n<li>5 chapters discussing Gestalt principles, negative space as a design tool, the emotions of color choices, and the delicate balance between similarity and contrast.<\/li>\n<\/ul>\n<ul>\n<li>33 real-life design examples from companies like Tumblr, Bose, Intercom, Facebook, and Google.<\/li>\n<\/ul>\n<ul>\n<li>Quick-reading practical format that&#8217;s hyper-focused on actionable advice<\/li>\n<\/ul>\n<p>So go ahead and take a look, and feel free to share with anyone who might find it useful.<\/p>\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\/visual-web-ui-design-colors-space-contrast\/\">Download&nbsp;the free ebook<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Did you know that sight is the strongest of the human senses? In this free e-book, we explain how to harness the power of sight to make the best first impression on your users. What&#8217;s in the e-book We cover topics spanning UX design, UI design, human psychology, and interaction design. You&#8217;ll find just enough<\/p>\n","protected":false},"author":9,"featured_media":6325,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4,6,7],"tags":[],"class_list":["post-6320","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-ui-design","category-ux-design","category-web-design"],"yoast_title":"New e-book: Web UI Design for the Human Eye","yoast_metadesc":"Don't want users to leave your site? Get this free ebook on how to make the strongest first impressions. Full of webdesing tips and tricks from experts at UXPin.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.2.1 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>New e-book: Web UI Design for the Human Eye<\/title>\n<meta name=\"description\" content=\"Don&#039;t want users to leave your site? Get this free ebook on how to make the strongest first impressions. Full of webdesing tips and tricks from experts at UXPin.\" \/>\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\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"New e-book: Web UI Design for the Human Eye (Colors, Space, Contrast)\" \/>\n<meta property=\"og:description\" content=\"Don&#039;t want users to leave your site? Get this free ebook on how to make the strongest first impressions. Full of webdesing tips and tricks from experts at UXPin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-10T07:29:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-22T13:38:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/03\/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\\\/new-e-book-web-ui-design-human-eye-colors-space-contrast\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-e-book-web-ui-design-human-eye-colors-space-contrast\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"New e-book: Web UI Design for the Human Eye (Colors, Space, Contrast)\",\"datePublished\":\"2015-03-10T07:29:16+00:00\",\"dateModified\":\"2020-04-22T13:38:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-e-book-web-ui-design-human-eye-colors-space-contrast\\\/\"},\"wordCount\":186,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-e-book-web-ui-design-human-eye-colors-space-contrast\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/blog-book1.png\",\"articleSection\":[\"Blog\",\"UI Design\",\"UX Design\",\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-e-book-web-ui-design-human-eye-colors-space-contrast\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-e-book-web-ui-design-human-eye-colors-space-contrast\\\/\",\"name\":\"New e-book: Web UI Design for the Human Eye\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-e-book-web-ui-design-human-eye-colors-space-contrast\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-e-book-web-ui-design-human-eye-colors-space-contrast\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/blog-book1.png\",\"datePublished\":\"2015-03-10T07:29:16+00:00\",\"dateModified\":\"2020-04-22T13:38:39+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"Don't want users to leave your site? Get this free ebook on how to make the strongest first impressions. Full of webdesing tips and tricks from experts at UXPin.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-e-book-web-ui-design-human-eye-colors-space-contrast\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-e-book-web-ui-design-human-eye-colors-space-contrast\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-e-book-web-ui-design-human-eye-colors-space-contrast\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/blog-book1.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/blog-book1.png\",\"width\":720,\"height\":330,\"caption\":\"blog book1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-e-book-web-ui-design-human-eye-colors-space-contrast\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"New e-book: Web UI Design for the Human Eye (Colors, Space, 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":"New e-book: Web UI Design for the Human Eye","description":"Don't want users to leave your site? Get this free ebook on how to make the strongest first impressions. Full of webdesing tips and tricks from experts at UXPin.","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\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/","og_locale":"en_US","og_type":"article","og_title":"New e-book: Web UI Design for the Human Eye (Colors, Space, Contrast)","og_description":"Don't want users to leave your site? Get this free ebook on how to make the strongest first impressions. Full of webdesing tips and tricks from experts at UXPin.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/","og_site_name":"Studio by UXPin","article_published_time":"2015-03-10T07:29:16+00:00","article_modified_time":"2020-04-22T13:38:39+00:00","og_image":[{"width":720,"height":330,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/03\/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\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"New e-book: Web UI Design for the Human Eye (Colors, Space, Contrast)","datePublished":"2015-03-10T07:29:16+00:00","dateModified":"2020-04-22T13:38:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/"},"wordCount":186,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/03\/blog-book1.png","articleSection":["Blog","UI Design","UX Design","Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/","name":"New e-book: Web UI Design for the Human Eye","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/03\/blog-book1.png","datePublished":"2015-03-10T07:29:16+00:00","dateModified":"2020-04-22T13:38:39+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"Don't want users to leave your site? Get this free ebook on how to make the strongest first impressions. Full of webdesing tips and tricks from experts at UXPin.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/03\/blog-book1.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/03\/blog-book1.png","width":720,"height":330,"caption":"blog book1"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-e-book-web-ui-design-human-eye-colors-space-contrast\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"New e-book: Web UI Design for the Human Eye (Colors, Space, 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\/6320","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=6320"}],"version-history":[{"count":0,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/6320\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/6325"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=6320"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=6320"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=6320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}