{"id":6138,"date":"2015-01-05T17:19:34","date_gmt":"2015-01-06T00:19:34","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=6138"},"modified":"2020-10-13T00:57:52","modified_gmt":"2020-10-13T07:57:52","slug":"new-free-e-book-guide-mockups","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/new-free-e-book-guide-mockups\/","title":{"rendered":"New Free E-book: Guide to Mockups"},"content":{"rendered":"<p>Our <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/guide-to-mockups\/\">Guide to Mockups<\/a> is fresh off the press with 72 pages of UI design knowledge.\u00a0<\/p>\n<p>Since we&#8217;ve seen some incorrect definitions and uses of mockups, we decided to write this e-book to provide clarity and practical advice.\u00a0<\/p>\n<p><!--more--><\/p>\n<p>Mockups represent the structure of information, visualizes the content, and demonstrates basic functionalities in a static way. We\u2019ve included screenshots of mockups and plenty of discussion around different types of mockups and methodologies for creating them. We\u2019ve also included our own preferences, and described our own design process practiced at <a href=\"https:\/\/www.uxpin.com\" target=\"_blank\" rel=\"noopener noreferrer\">UXPin<\/a>.<\/p>\n<p>In this free e-book, you&#8217;ll get:\u00a0<\/p>\n<ul>\n<li>Tips\u00a0for creating mockups in Photoshop &amp; Sketch<\/li>\n<\/ul>\n<ul>\n<li>Inside look at the anatomy of mockups: navigation, menus, UI patterns, and more<\/li>\n<\/ul>\n<ul>\n<li>Explanation of how and when to use mockups of all types and fidelities<\/li>\n<\/ul>\n<ul>\n<li>Advice\u00a0from experts like <strong>Luke Wroblewski, Marcin Treder, Ash Maurya<\/strong> and others on the role of mockups in design<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/guide-to-mockups\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6139\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/01\/Screen-Shot-2015-01-05-at-4.06.15-PM.png\" alt=\"Guide to Low Fidelity &amp; High Fidelity Mockups\" width=\"700\" height=\"498\" \/><\/a><\/p>\n<p>We\u2019d love your thoughts on what we\u2019ve written. And feel free to include anyone else in the discussion by sharing this e-book.<\/p>\n<p>&nbsp;<\/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\/guide-to-mockups\/\">Download\u00a0the Guide to Mockups<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our newest e-book contains 72 pages of UI design knowledge. Learn about the different types of mockups, their advantages and disadvantages, and when to use them. <\/p>\n","protected":false},"author":9,"featured_media":6140,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,8,11,4,6,7],"tags":[],"class_list":["post-6138","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-prototyping","category-tutorials","category-ui-design","category-ux-design","category-web-design"],"yoast_title":"","yoast_metadesc":"Learn about the fidelities, types, and methodologies of mockups with 72 pages of UI design knowledge.","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>New Free E-book: Guide to Mockups | UXPin<\/title>\n<meta name=\"description\" content=\"Learn about the fidelities, types, and methodologies of mockups with 72 pages of UI design knowledge.\" \/>\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-free-e-book-guide-mockups\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"New Free E-book: Guide to Mockups\" \/>\n<meta property=\"og:description\" content=\"Learn about the fidelities, types, and methodologies of mockups with 72 pages of UI design knowledge.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/new-free-e-book-guide-mockups\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-06T00:19:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-13T07:57:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/01\/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\\\/new-free-e-book-guide-mockups\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-free-e-book-guide-mockups\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"New Free E-book: Guide to Mockups\",\"datePublished\":\"2015-01-06T00:19:34+00:00\",\"dateModified\":\"2020-10-13T07:57:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-free-e-book-guide-mockups\\\/\"},\"wordCount\":187,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-free-e-book-guide-mockups\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/01\\\/blog-book.png\",\"articleSection\":[\"Blog\",\"Prototyping\",\"Tutorials\",\"UI Design\",\"UX Design\",\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-free-e-book-guide-mockups\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-free-e-book-guide-mockups\\\/\",\"name\":\"New Free E-book: Guide to Mockups | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-free-e-book-guide-mockups\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-free-e-book-guide-mockups\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/01\\\/blog-book.png\",\"datePublished\":\"2015-01-06T00:19:34+00:00\",\"dateModified\":\"2020-10-13T07:57:52+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"Learn about the fidelities, types, and methodologies of mockups with 72 pages of UI design knowledge.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-free-e-book-guide-mockups\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-free-e-book-guide-mockups\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-free-e-book-guide-mockups\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/01\\\/blog-book.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/01\\\/blog-book.png\",\"width\":720,\"height\":330,\"caption\":\"blog book\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/new-free-e-book-guide-mockups\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"New Free E-book: Guide to Mockups\"}]},{\"@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 Free E-book: Guide to Mockups | UXPin","description":"Learn about the fidelities, types, and methodologies of mockups with 72 pages of UI design knowledge.","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-free-e-book-guide-mockups\/","og_locale":"en_US","og_type":"article","og_title":"New Free E-book: Guide to Mockups","og_description":"Learn about the fidelities, types, and methodologies of mockups with 72 pages of UI design knowledge.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/new-free-e-book-guide-mockups\/","og_site_name":"Studio by UXPin","article_published_time":"2015-01-06T00:19:34+00:00","article_modified_time":"2020-10-13T07:57:52+00:00","og_image":[{"width":720,"height":330,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/01\/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\/new-free-e-book-guide-mockups\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-free-e-book-guide-mockups\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"New Free E-book: Guide to Mockups","datePublished":"2015-01-06T00:19:34+00:00","dateModified":"2020-10-13T07:57:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-free-e-book-guide-mockups\/"},"wordCount":187,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-free-e-book-guide-mockups\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/01\/blog-book.png","articleSection":["Blog","Prototyping","Tutorials","UI Design","UX Design","Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-free-e-book-guide-mockups\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/new-free-e-book-guide-mockups\/","name":"New Free E-book: Guide to Mockups | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-free-e-book-guide-mockups\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-free-e-book-guide-mockups\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/01\/blog-book.png","datePublished":"2015-01-06T00:19:34+00:00","dateModified":"2020-10-13T07:57:52+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"Learn about the fidelities, types, and methodologies of mockups with 72 pages of UI design knowledge.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-free-e-book-guide-mockups\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/new-free-e-book-guide-mockups\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-free-e-book-guide-mockups\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/01\/blog-book.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/01\/blog-book.png","width":720,"height":330,"caption":"blog book"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/new-free-e-book-guide-mockups\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"New Free E-book: Guide to Mockups"}]},{"@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\/6138","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=6138"}],"version-history":[{"count":1,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/6138\/revisions"}],"predecessor-version":[{"id":22885,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/6138\/revisions\/22885"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/6140"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=6138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=6138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=6138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}