{"id":1084,"date":"2022-08-24T13:08:20","date_gmt":"2022-08-24T12:08:20","guid":{"rendered":"https:\/\/birdcom.es\/blog\/?p=1084"},"modified":"2023-01-23T17:30:20","modified_gmt":"2023-01-23T16:30:20","slug":"que-es-un-mockup","status":"publish","type":"post","link":"https:\/\/birdcom.es\/blog\/que-es-un-mockup\/","title":{"rendered":"\u00bfQu\u00e9 es un mockup y para qu\u00e9 sirve?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Un <strong>mock-up (o mockup) es un modelo que se utiliza para representar de forma r\u00e1pida el resultado final <\/strong>de un dise\u00f1o. Se trata de una palabra de origen ingl\u00e9s que proviene del verbo compuesto <em>mock up<\/em>, que significa bosquejar o bosquejo. El mockup, o maqueta, se utiliza en varias disciplinas de dise\u00f1o: gr\u00e1fico, web, textil, producto y en un largo etc\u00e9tera. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00bfSu objetivo? Siempre es el mismo: <strong>utilizar el m\u00ednimo de recursos y tiempo<\/strong> para generar un resultado realista del proyecto final, que nos permita tomar decisiones en cuanto al camino que se debe tomar a continuaci\u00f3n. Un <a href=\"https:\/\/birdcom.es\/blog\/que-es-una-infografia-y-para-que-sirve\/\" target=\"_blank\" rel=\"noreferrer noopener\">recurso de dise\u00f1o<\/a> para <strong>comunicar mejor la idea final de un proyecto.<\/strong> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n, <strong>te explicamos mejor qu\u00e9 es un mockup y por qu\u00e9 deber\u00edas utilizarlos. <\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Tabla de Contenidos<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a0f47cd61739\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #00B9FB;color:#00B9FB\" 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: #00B9FB;color:#00B9FB\" 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><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a0f47cd61739\"  aria-label=\"Alternar\" \/><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:\/\/birdcom.es\/blog\/que-es-un-mockup\/#%C2%BFQue_es_un_mockup\" >\u00bfQu\u00e9 es un mockup?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/birdcom.es\/blog\/que-es-un-mockup\/#Mockup_para_diseno_grafico\" >Mockup para dise\u00f1o gr\u00e1fico<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/birdcom.es\/blog\/que-es-un-mockup\/#Mockup_para_diseno_web\" >Mockup para dise\u00f1o web<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/birdcom.es\/blog\/que-es-un-mockup\/#%C2%BFPara_que_sirve_un_mockup\" >\u00bfPara qu\u00e9 sirve un mockup?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/birdcom.es\/blog\/que-es-un-mockup\/#Ayuda_a_ver_la_realidad\" >Ayuda a ver la realidad<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/birdcom.es\/blog\/que-es-un-mockup\/#Acelera_las_decisiones_a_tomar_en_el_proyecto\" >Acelera las decisiones a tomar en el proyecto<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/birdcom.es\/blog\/que-es-un-mockup\/#Ahorrar_tiempo\" >Ahorrar tiempo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/birdcom.es\/blog\/que-es-un-mockup\/#Ahorrar_gastos\" >Ahorrar gastos<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/birdcom.es\/blog\/que-es-un-mockup\/#%C2%BFComo_hago_un_mockup\" >\u00bfC\u00f3mo hago un mockup?<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFQue_es_un_mockup\"><\/span>\u00bfQu\u00e9 es un mockup?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Contestando a la pregunta sobre qu\u00e9 es un mockup, en dise\u00f1o gr\u00e1fico, se utiliza el mockup para visualizar el resultado de una idea o proyecto, ense\u00f1ando una representaci\u00f3n realista a nuestro cliente sin gastar dinero en maquetas reales o producci\u00f3n.<strong> El prop\u00f3sito de un mockup no es otro que el de validar nuestras ideas antes de mandarlas a impresi\u00f3n <\/strong>o tomar decisiones importantes. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tambi\u00e9n nos puede valer, en caso de dise\u00f1os puramente digitales, para generar m\u00e1s valor al producto o hacer una aproximaci\u00f3n de la experiencia de los usuarios.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1300\" height=\"600\" src=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2022\/08\/que-es-un-mockup-mockup-birdcom-blanco-y-negro-birdcom-ines.jpg\" alt=\"que es un mockup mockup birdcom blanco y negro birdcom ines\" class=\"wp-image-1091\" srcset=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2022\/08\/que-es-un-mockup-mockup-birdcom-blanco-y-negro-birdcom-ines.jpg 1300w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2022\/08\/que-es-un-mockup-mockup-birdcom-blanco-y-negro-birdcom-ines-300x138.jpg 300w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2022\/08\/que-es-un-mockup-mockup-birdcom-blanco-y-negro-birdcom-ines-1024x473.jpg 1024w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2022\/08\/que-es-un-mockup-mockup-birdcom-blanco-y-negro-birdcom-ines-768x354.jpg 768w\" sizes=\"auto, (max-width: 1300px) 100vw, 1300px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mockup_para_diseno_grafico\"><\/span>Mockup para dise\u00f1o gr\u00e1fico<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A la hora de crear un mockup para dise\u00f1o gr\u00e1fico, componemos <strong>a trav\u00e9s de fotomontaje nuestra idea de la manera m\u00e1s realista posible<\/strong> para conseguir una aproximaci\u00f3n de c\u00f3mo quedar\u00e1 finalmente el proyecto.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mockup_para_diseno_web\"><\/span>Mockup para dise\u00f1o web<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">En dise\u00f1o web, tiene un significado parecido, pero podemos matizar la respuesta sobre qu\u00e9 es un mockup un poco m\u00e1s todav\u00eda. En el prototipado de una web encontramos diferentes fases, todas con el mismo objetivo, pero diferente nivel de detalle.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>El <em>wireframe<\/em> es el modelo de prototipado de fidelidad m\u00e1s baja<\/strong>, en el que se establece la distribuci\u00f3n de la informaci\u00f3n sin colores o im\u00e1genes y con tipograf\u00edas sencillas.&nbsp; \u00danicamente se utilizan bloques que nos permitan percibir la carga visual de los elementos.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"730\" style=\"aspect-ratio: 1300 \/ 730;\" width=\"1300\" autoplay loop src=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2022\/08\/WebInycom-Industria-Portfolio-2022.mp4\"><\/video><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">En un mockup de una web encontramos la maquetaci\u00f3n con los componentes definitivos, im\u00e1genes, tipograf\u00edas, iconos, etc. Generalmente, <strong>son est\u00e1ticos y se consideran de media o alta fidelidad,<\/strong> dependiendo de la complejidad del mismo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finalmente, encontramos los prototipos, maquetas m\u00e1s complejas que incluyen animaciones e interacciones, que<strong> nos ayudan a generar una experiencia de usuario lo m\u00e1s parecida posible a la del resultado final<\/strong> de nuestra web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Estas 3 fases del dise\u00f1o de una web son previas a la programaci\u00f3n<\/strong>, por lo que cualquier cambio que hagamos aqu\u00ed ser\u00e1 mucho m\u00e1s r\u00e1pido de corregir que si tenemos que cambiarlo una vez ya dise\u00f1ada la web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Estas maquetas se utilizan al inicio del desarrollo web y de aplicaciones, <strong>permiti\u00e9ndonos coordinar nuestras ideas con las del cliente y evitarnos disgustos y sorpresas m\u00e1s tarde.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ahora que ya sabes exactamente qu\u00e9 es un mockup, <strong>vamos a explicarte para qu\u00e9 utilizarlo<\/strong>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFPara_que_sirve_un_mockup\"><\/span>\u00bfPara qu\u00e9 sirve un mockup?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En las diferentes disciplinas del dise\u00f1o podemos ver que el mockup sirve para lo mismo. A primera vista, <strong>encontramos estos 4 usos que nos permiten entender mejor qu\u00e9 es un mockup y para qu\u00e9 sirve.<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ayuda_a_ver_la_realidad\"><\/span>Ayuda a ver la realidad<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Este puede resultar el m\u00e1s evidente. No todos percibimos las ideas de la misma forma, por lo que <strong>un mockup nos ayudar\u00e1 a situarnos en el mismo punto que nuestro cliente<\/strong> y compa\u00f1eros de equipo, viendo de la manera m\u00e1s fiel posible los resultados que queremos obtener de nuestro proyecto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los mockups ayudan a los clientes a hacerse una idea de lo que van a obtener, permitiendo<strong> ver las cosas que no funcionan al principio del proyecto<\/strong>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1300\" height=\"500\" src=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2022\/08\/que-es-un-mockup-mockup-birdcom-editable.jpg\" alt=\"que es un mockup mockup birdcom editable\" class=\"wp-image-1094\" srcset=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2022\/08\/que-es-un-mockup-mockup-birdcom-editable.jpg 1300w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2022\/08\/que-es-un-mockup-mockup-birdcom-editable-300x115.jpg 300w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2022\/08\/que-es-un-mockup-mockup-birdcom-editable-1024x394.jpg 1024w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2022\/08\/que-es-un-mockup-mockup-birdcom-editable-768x295.jpg 768w\" sizes=\"auto, (max-width: 1300px) 100vw, 1300px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Acelera_las_decisiones_a_tomar_en_el_proyecto\"><\/span>Acelera las decisiones a tomar en el proyecto<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">De forma consecuente, podemos acelerar las decisiones a tomar en el desarrollo del proyecto utilizando los mockups.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Es mucho m\u00e1s sencillo<strong> discutir una idea y qu\u00e9 direcci\u00f3n debemos tomar<\/strong> si tenemos un resultado aproximado de c\u00f3mo va a quedar en lugar de hablar todo sin ning\u00fan refuerzo visual.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De esta manera, podemos hacernos<strong> entender mejor y optimizar as\u00ed la comunicaci\u00f3n<\/strong>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ahorrar_tiempo\"><\/span>Ahorrar tiempo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Gracias a usar mockups, podemos disminuir el tiempo que invertimos en las correcciones de nuestro proyecto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Definitivamente, el mockup es un medio que nos <strong>permite plantear r\u00e1pidamente el resultado de diferentes ideas<\/strong>, visualizando con mayor velocidad lo que funciona y lo que no dentro de un proyecto.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1300\" height=\"500\" src=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2022\/08\/que-es-un-mockup-mockup-birdcom-editable-en-verde.jpg\" alt=\"que es un mockup mockup birdcom editable en verde\" class=\"wp-image-1093\" srcset=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2022\/08\/que-es-un-mockup-mockup-birdcom-editable-en-verde.jpg 1300w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2022\/08\/que-es-un-mockup-mockup-birdcom-editable-en-verde-300x115.jpg 300w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2022\/08\/que-es-un-mockup-mockup-birdcom-editable-en-verde-1024x394.jpg 1024w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2022\/08\/que-es-un-mockup-mockup-birdcom-editable-en-verde-768x295.jpg 768w\" sizes=\"auto, (max-width: 1300px) 100vw, 1300px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ahorrar_gastos\"><\/span>Ahorrar gastos<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando realizamos mockups <strong>-tambi\u00e9n conocidos como ficticios en dise\u00f1o gr\u00e1fico-<\/strong> durante el proyecto, disminuimos el riesgo de que el resultado final no agrade al cliente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El uso del mockup nos permitir\u00e1 un avance en el que <strong>la visi\u00f3n del cliente est\u00e1 en armon\u00eda con el dise\u00f1o y desarrollo del proyecto<\/strong>, ahorr\u00e1ndonos correcciones tras la entrega del mismo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00a1Sigue leyendo este art\u00edculo sobre qu\u00e9 es un mockup para conocer c\u00f3mo hacer uno!<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFComo_hago_un_mockup\"><\/span>\u00bfC\u00f3mo hago un mockup?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ahora bien, \u00bfc\u00f3mo se hace un mockup? Tenemos diferentes opciones.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La m\u00e1s sencilla es <strong>descargar un mockup editable en alguna de las m\u00faltiples p\u00e1ginas<\/strong> que los ofrecen, tales como <a href=\"https:\/\/www.freepik.es\/\" target=\"_blank\" rel=\"noreferrer noopener\">Freepik<\/a> o Behance. Estos archivos pueden editarse con programas como Photoshop, ya que han sido preparados para que podamos sustituir la imagen que se muestra por nuestro dise\u00f1o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si lo hacemos de esta manera, sin embargo, sufrimos el riesgo de que nuestro mockup lo tenga todo el mundo y nos cueste m\u00e1s destacar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Es por ello que tambi\u00e9n <strong>podemos realizar nosotros una fotograf\u00eda y editarlas para mostrar el montaje deseado<\/strong>. Tanto si queremos una imagen de una situaci\u00f3n muy concreta o si simplemente queremos destacar y marcar la diferencia, esta opci\u00f3n es una posibilidad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hacerlo as\u00ed es m\u00e1s costoso y requiere de ciertos conocimientos y manejo de Photoshop, pero <strong>el resultado ser\u00e1 \u00fanico y valdr\u00e1 la pena<\/strong>. Ahora que sabes qu\u00e9 es un mockup y para qu\u00e9 sirve, \u00a1util\u00edzalo en tus dise\u00f1os!<\/p>\n\n\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"\u00bfQu\u00e9 es un mockup?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Un mock-up o mockup es un modelo utilizado para representar de forma r\u00e1pida el resultado final de un dise\u00f1o. \u261d \u00a1Conoce m\u00e1s sobre los mockups en este enlace!\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"\u00bfQu\u00e9 es un mockup para dise\u00f1o gr\u00e1fico?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Se trata de un fotomontaje con nuestra idea lo m\u00e1s realista posible para conseguir una aproximaci\u00f3n de c\u00f3mo quedar\u00e1 finalmente el proyecto. \u261d \u00a1Conoce m\u00e1s sobre mockup para dise\u00f1o gr\u00e1fico!\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"\u00bfQu\u00e9 es un mockup para dise\u00f1o web?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Durante el prototipado de una web encontramos diferentes fases, todas con el mismo objetivo, pero diferente nivel de detalle. \u261d \u00a1Descubre m\u00e1s sobre mockup para dise\u00f1o web!\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"\u00bfPara qu\u00e9 sirve un mockup?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Ayudar a ver mejor la realidad, acelerar la toma de decisiones, ahorro de tiempo y dinero... \u261d \u00a1Conoce m\u00e1s acerca de para qu\u00e9 sirve un mockup\u00a1\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"\u00bfC\u00f3mo hago un mockup?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Para elaborar un mockup hay diferentes opciones. Una de ellas es descargar un editable en alguna de las m\u00faltiples p\u00e1ginas que los ofrecen. \u261d \u00a1Conoce m\u00e1s sobre c\u00f3mo hacer un mockup!\"\n    }\n  }]\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Un mock-up (o mockup) es un modelo que se utiliza para representar de forma r\u00e1pida el resultado final de un dise\u00f1o. Se trata de una palabra de origen ingl\u00e9s que proviene del verbo compuesto mock up, que significa bosquejar o bosquejo. El mockup, o maqueta, se utiliza en varias disciplinas de dise\u00f1o: gr\u00e1fico, web, textil, &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"\u00bfQu\u00e9 es un mockup y para qu\u00e9 sirve?\" class=\"read-more button\" href=\"https:\/\/birdcom.es\/blog\/que-es-un-mockup\/#more-1084\" aria-label=\"M\u00e1s en \u00bfQu\u00e9 es un mockup y para qu\u00e9 sirve?\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":13,"featured_media":1086,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-1084","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-consejos-diseno-grafico","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"_links":{"self":[{"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/posts\/1084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/comments?post=1084"}],"version-history":[{"count":0,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/posts\/1084\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/media\/1086"}],"wp:attachment":[{"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/media?parent=1084"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/categories?post=1084"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/tags?post=1084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}