{"id":12942,"date":"2016-03-04T17:51:50","date_gmt":"2016-03-05T01:51:50","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=12942"},"modified":"2020-04-22T06:37:06","modified_gmt":"2020-04-22T13:37:06","slug":"free-the-futureproof-web-ui-design-bundle","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/free-the-futureproof-web-ui-design-bundle\/","title":{"rendered":"Free: The Futureproof Web UI Design Bundle"},"content":{"rendered":"<p style=\"text-align: center;\">How do you design a website that can both function and stand the test of time? How do designers hope to stay current when web site technology changes almost as quickly as user preferences?<\/p>\n<p>Our free <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/free-futureproof-web-ui-design-trends-ebook-bundle\/\" target=\"_blank\" rel=\"noopener noreferrer\">Futureproof Web UI Design Bundle<\/a>, collects three e-books on new UI trends that aren\u2019t going out of style any time soon.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12945\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image029.png\" alt=\"image02\" width=\"720\" height=\"506\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image029.png 891w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image029-427x300.png 427w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>In more than 200 pages, you\u2019ll learn about cutting edge techniques and the best practices to apply them, drawing on over 130 hand-picked examples from sites like Airbnb, Squarespace, the Guardian, Eventbrite, and more.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12946\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image0110.png\" alt=\"image01\" width=\"720\" height=\"508\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image0110.png 887w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image0110-425x300.png 425w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>You\u2019ll also find links to 60 free resources online, from tutorials on creating effects like longshadows, to articles comparing CSS and Javascript for animations.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12947\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image0010.png\" alt=\"image00\" width=\"720\" height=\"506\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image0010.png 884w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image0010-426x300.png 426w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>This collection covers the 6 latest web UI trends with the staying power to survive well into the future of UI design:<\/p>\n<ul>\n<li><strong>Cards \u2014<\/strong> The layout pattern that improves user comprehension and searchability, not to mention saves the designer trouble for multi-device designs.<\/li>\n<\/ul>\n<ul>\n<li><strong>Minimalism \u2014 <\/strong>An aesthetic style built on \u201cless is more,\u201d with adds sophistication while reducing loading times.<\/li>\n<\/ul>\n<ul>\n<li><strong>Interaction Design \u2014 <\/strong>Technology gives us the ability to make more immersive interactions, and users are expecting it.<\/li>\n<\/ul>\n<ul>\n<li><strong>Animations \u2014 <\/strong>When, where, and how to add animations, and the best practices for designing them.<\/li>\n<\/ul>\n<ul>\n<li><strong>Flat Design \u2014 <\/strong>The flat style isn\u2019t what it used to be five years ago. Learn about what changed, and why.<\/li>\n<\/ul>\n<ul>\n<li><strong>Colors \u2014<\/strong> As with other visual arts, color trends come and go. But unlike the rest, web design also considers usability factors, making some colors better than others.<\/li>\n<\/ul>\n<p>All this is available for free. <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/free-futureproof-web-ui-design-trends-ebook-bundle\/\" target=\"_blank\" rel=\"noopener noreferrer\">Download this e-book bundle now.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Over 300 pages of web design advice in one bundle. For free.<\/p>\n","protected":false},"author":9,"featured_media":12990,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-12942","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_title":"","yoast_metadesc":"Over 300 pages of web design advice in one bundle. For free.","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>Free: The Futureproof Web UI Design Bundle | UXPin<\/title>\n<meta name=\"description\" content=\"Over 300 pages of web design advice in one bundle. For free.\" \/>\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-the-futureproof-web-ui-design-bundle\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Free: The Futureproof Web UI Design Bundle\" \/>\n<meta property=\"og:description\" content=\"Over 300 pages of web design advice in one bundle. For free.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/free-the-futureproof-web-ui-design-bundle\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-05T01:51:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-22T13:37:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/Screen-Shot-2016-03-04-at-5.52.17-PM.png\" \/>\n\t<meta property=\"og:image:width\" content=\"977\" \/>\n\t<meta property=\"og:image:height\" content=\"449\" \/>\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-the-futureproof-web-ui-design-bundle\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-the-futureproof-web-ui-design-bundle\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"Free: The Futureproof Web UI Design Bundle\",\"datePublished\":\"2016-03-05T01:51:50+00:00\",\"dateModified\":\"2020-04-22T13:37:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-the-futureproof-web-ui-design-bundle\\\/\"},\"wordCount\":271,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-the-futureproof-web-ui-design-bundle\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/Screen-Shot-2016-03-04-at-5.52.17-PM.png\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-the-futureproof-web-ui-design-bundle\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-the-futureproof-web-ui-design-bundle\\\/\",\"name\":\"Free: The Futureproof Web UI Design Bundle | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-the-futureproof-web-ui-design-bundle\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-the-futureproof-web-ui-design-bundle\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/Screen-Shot-2016-03-04-at-5.52.17-PM.png\",\"datePublished\":\"2016-03-05T01:51:50+00:00\",\"dateModified\":\"2020-04-22T13:37:06+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"Over 300 pages of web design advice in one bundle. For free.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-the-futureproof-web-ui-design-bundle\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-the-futureproof-web-ui-design-bundle\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-the-futureproof-web-ui-design-bundle\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/Screen-Shot-2016-03-04-at-5.52.17-PM.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/Screen-Shot-2016-03-04-at-5.52.17-PM.png\",\"width\":977,\"height\":449,\"caption\":\"Screen Shot 2016 03 04 at 5.52.17 PM\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/free-the-futureproof-web-ui-design-bundle\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Free: The Futureproof Web UI Design Bundle\"}]},{\"@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: The Futureproof Web UI Design Bundle | UXPin","description":"Over 300 pages of web design advice in one bundle. For free.","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-the-futureproof-web-ui-design-bundle\/","og_locale":"en_US","og_type":"article","og_title":"Free: The Futureproof Web UI Design Bundle","og_description":"Over 300 pages of web design advice in one bundle. For free.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/free-the-futureproof-web-ui-design-bundle\/","og_site_name":"Studio by UXPin","article_published_time":"2016-03-05T01:51:50+00:00","article_modified_time":"2020-04-22T13:37:06+00:00","og_image":[{"width":977,"height":449,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/Screen-Shot-2016-03-04-at-5.52.17-PM.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-the-futureproof-web-ui-design-bundle\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-the-futureproof-web-ui-design-bundle\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"Free: The Futureproof Web UI Design Bundle","datePublished":"2016-03-05T01:51:50+00:00","dateModified":"2020-04-22T13:37:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-the-futureproof-web-ui-design-bundle\/"},"wordCount":271,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-the-futureproof-web-ui-design-bundle\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/Screen-Shot-2016-03-04-at-5.52.17-PM.png","articleSection":["Blog"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-the-futureproof-web-ui-design-bundle\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/free-the-futureproof-web-ui-design-bundle\/","name":"Free: The Futureproof Web UI Design Bundle | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-the-futureproof-web-ui-design-bundle\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-the-futureproof-web-ui-design-bundle\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/Screen-Shot-2016-03-04-at-5.52.17-PM.png","datePublished":"2016-03-05T01:51:50+00:00","dateModified":"2020-04-22T13:37:06+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"Over 300 pages of web design advice in one bundle. For free.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-the-futureproof-web-ui-design-bundle\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/free-the-futureproof-web-ui-design-bundle\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-the-futureproof-web-ui-design-bundle\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/Screen-Shot-2016-03-04-at-5.52.17-PM.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/Screen-Shot-2016-03-04-at-5.52.17-PM.png","width":977,"height":449,"caption":"Screen Shot 2016 03 04 at 5.52.17 PM"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/free-the-futureproof-web-ui-design-bundle\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Free: The Futureproof Web UI Design Bundle"}]},{"@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\/12942","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=12942"}],"version-history":[{"count":0,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/12942\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/12990"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=12942"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=12942"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=12942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}