{"id":803,"date":"2020-12-03T08:51:00","date_gmt":"2020-12-03T07:51:00","guid":{"rendered":"https:\/\/openprint.com\/que-es-un-mockup-o-maqueta-en-diseno-y-para-que-sirve\/"},"modified":"2021-03-25T12:59:02","modified_gmt":"2021-03-25T11:59:02","slug":"mockup-what-is","status":"publish","type":"post","link":"https:\/\/openprint.com\/en\/mockup-what-is\/","title":{"rendered":"What is mockup in design and what is the purpose of this layout?"},"content":{"rendered":"<p>Surely you have carried out a brand or similar design and have thought about how it would be applied to different corporate elements.<\/p>\n<p>For this reason, this article will try to explain to you what a mockup is and how companies use this tool to treat their designs and save on production and assembly costs.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title ez-toc-toggle\" style=\"cursor:pointer\">Contents list<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/openprint.com\/en\/mockup-what-is\/#what-is-a-mockup-and-what-does-it-mean\" >What is a mockup and what does it mean?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/openprint.com\/en\/mockup-what-is\/#what-is-the-purpose-of-mockups-in-designing\" >What is the purpose of mockups in designing?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/openprint.com\/en\/mockup-what-is\/#what-are-the-advantages-of-using-a-mockup-in-print-design\" >What are the advantages of using a mockup in print design?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/openprint.com\/en\/mockup-what-is\/#user-experience\" >User experience<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/openprint.com\/en\/mockup-what-is\/#cost-savings\" >Cost savings<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/openprint.com\/en\/mockup-what-is\/#decrease-sales-channels\" >Decrease sales channels<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/openprint.com\/en\/mockup-what-is\/#provides-added-value\" >Provides added value<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/openprint.com\/en\/mockup-what-is\/#mockup-examples\" >Mockup examples<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/openprint.com\/en\/mockup-what-is\/#corporate-identity\" >Corporate identity<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/openprint.com\/en\/mockup-what-is\/#web-interface\" >Web interface<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/openprint.com\/en\/mockup-what-is\/#product\" >Product<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/openprint.com\/en\/mockup-what-is\/#mounting\" >Mounting<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/openprint.com\/en\/mockup-what-is\/#conclusion\" >Conclusion<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/openprint.com\/en\/mockup-what-is\/#have-you-ever-used-a-mockup-for-your-print-designs\" >Have you ever used a mockup for your print designs?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"what-is-a-mockup-and-what-does-it-mean\"><\/span>What is a mockup and what does it mean?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<hr \/>\n<p>A mockup is a scaled digital photographic montage, carried out by a graphic designer, in order to simulate the result of a design on a support before its final development.<\/p>\n<p>In this way, the \u201cdecision makers\u201d can check if the designed format, as well as its measurements and elements, will fit into the support where they later wish to produce it.<\/p>\n<p>This concept encompasses countless options that can range from a business card or a web mockup, to decorating a space with different designs.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"what-is-the-purpose-of-mockups-in-designing\"><\/span>What is the purpose of mockups in designing?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<hr \/>\n<p>As we said before, this photographic montage is intended to preview a design before producing it in its final format.<\/p>\n<p>Let us imagine that you have a commercial space and you are going to open a business. So you hire a designer to generate all kinds of designs based on your brand&#8217;s identity and message.<\/p>\n<p>Now that you have the designs, you would think about starting to install supports on the walls with those designs, to print business cards and magazines based on your initial idea, but you realize that the end result is not to your liking, either because measurements, combinations or any other factor.<\/p>\n<p>The purpose of a mockup is none other than to generate a virtual proposal on all those supports so that you can check the final result before spending money to produce it.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"what-are-the-advantages-of-using-a-mockup-in-print-design\"><\/span>What are the advantages of using a mockup in print design?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<hr \/>\n<p>In this section we are going to list the advantages of using mockups before printing materials with your designs.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"user-experience\"><\/span>User experience<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Previewing a design allows you to analyze the quality of the future user experience and make appropriate modifications before final development.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"cost-savings\"><\/span>Cost savings<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>By being able to work on a virtual image, it is possible to carry out all the necessary changes before its production in such a way that you save costs derived from making the corresponding tests.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"decrease-sales-channels\"><\/span>Decrease sales channels<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>In several industries where final application is so important, it empowers sales channels and offers the user to pre visualize the final result. This encourages customers to make their purchase directly.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"provides-added-value\"><\/span>Provides added value<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>A company that develops a series of mockups as part of its brand visual experience, is providing added value to it by offering users details about the elements that make up their identity.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"mockup-examples\"><\/span>Mockup examples<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<hr \/>\n<p>There are a wide variety of uses for these photographic montages, the most used are:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"corporate-identity\"><\/span>Corporate identity<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Corporate identity mockups are predefined designs of materials commonly used by companies to convey their brand identity. These items include, among others, business cards, corporate letters and envelopes, internal documentation or staff clothing.<\/p>\n<p>You can find free mockups to develop your corporate identity by <a href=\"https:\/\/www.freepik.com\/\" target=\"_blank\" rel=\"noopener\">clicking here<\/a>.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"web-interface\"><\/span>Web interface<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Also known as web mockups, they are designs\/templates developed in order to show a programmer what a web page has to look like so that he\/she can carry it out.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"product\"><\/span>Product<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Imagine that you are setting up an online store but you do not have images of all the products that you want to market in your store. In this case, you can use product mockups so that you only need to upload your designs to obtain a personalized virtual product under your brand identity.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"mounting\"><\/span>Mounting<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>If you are looking to preview how a printed design will look on a physical medium in a commercial space or outside, there are specific mockups where you can assemble your designs and get an idea of \u200b\u200bthe result you would get when carrying it out.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Therefore, we see that the use of mockups is of vital importance in the image development processes, both because of the wide range of options that exist, and because of the advantages we obtain when using them in our visual display.<\/p>\n<p>At Open Print, as graphic consultants in large-format and digital printing for marketing and brand image, we are used to treating mockups, since they facilitate our work when it comes to translating your designs into tangible projects, such as the lettering of a store or the development of all the corporate material of a brand.<\/p>\n<p>We hope you have enjoyed this content that we have prepared for you.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"have-you-ever-used-a-mockup-for-your-print-designs\"><\/span>Have you ever used a mockup for your print designs?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Leave us your opinion and we will be happy to read you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Surely you have carried out a brand or similar design and have thought about how it would be applied to different corporate elements. For this reason, this article will try to explain to you what a mockup is and how companies use this tool to&#8230;<\/p>\n","protected":false},"author":4,"featured_media":830,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-803","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-design"],"_links":{"self":[{"href":"https:\/\/openprint.com\/en\/wp-json\/wp\/v2\/posts\/803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openprint.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openprint.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openprint.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/openprint.com\/en\/wp-json\/wp\/v2\/comments?post=803"}],"version-history":[{"count":0,"href":"https:\/\/openprint.com\/en\/wp-json\/wp\/v2\/posts\/803\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/openprint.com\/en\/wp-json\/wp\/v2\/media\/830"}],"wp:attachment":[{"href":"https:\/\/openprint.com\/en\/wp-json\/wp\/v2\/media?parent=803"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openprint.com\/en\/wp-json\/wp\/v2\/categories?post=803"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openprint.com\/en\/wp-json\/wp\/v2\/tags?post=803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}