{"id":7118,"date":"2022-06-27T08:56:00","date_gmt":"2022-06-27T08:56:00","guid":{"rendered":"https:\/\/or-design.org\/?p=7118"},"modified":"2022-11-28T12:47:57","modified_gmt":"2022-11-28T12:47:57","slug":"mock-up","status":"publish","type":"post","link":"https:\/\/or-design.org\/en\/mock-up\/","title":{"rendered":"Mock up: \u00bfQu\u00e9 es y para qu\u00e9 sirve exactamente? [sitios \u00fatiles]"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7118\" class=\"elementor elementor-7118\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3dfa325a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3dfa325a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4fa47b47\" data-id=\"4fa47b47\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1ebbeffd elementor-widget elementor-widget-heading\" data-id=\"1ebbeffd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Mock up: \u00bfQu\u00e9 es y para qu\u00e9 sirve exactamente? [sitios \u00fatiles]<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6878a74\" data-id=\"6878a74\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2d3e446b elementor-widget elementor-widget-image\" data-id=\"2d3e446b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/or-design.org\/wp-content\/uploads\/2021\/11\/mock-up-ejemplo-1024x1024.jpg\" class=\"attachment-large size-large wp-image-7119\" alt=\"Mock up\" srcset=\"https:\/\/or-design.org\/wp-content\/uploads\/2021\/11\/mock-up-ejemplo-1024x1024.jpg 1024w, https:\/\/or-design.org\/wp-content\/uploads\/2021\/11\/mock-up-ejemplo-300x300.jpg 300w, https:\/\/or-design.org\/wp-content\/uploads\/2021\/11\/mock-up-ejemplo-150x150.jpg 150w, https:\/\/or-design.org\/wp-content\/uploads\/2021\/11\/mock-up-ejemplo-768x768.jpg 768w, https:\/\/or-design.org\/wp-content\/uploads\/2021\/11\/mock-up-ejemplo.jpg 1500w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5be0770 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5be0770\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7d6a4ae\" data-id=\"7d6a4ae\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1ce3127 elementor-widget elementor-widget-text-editor\" data-id=\"1ce3127\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u00bfHas o\u00eddo hablar de <strong>Mock Up<\/strong> en tu vida? Si no es as\u00ed, te encantar\u00e1 nuestro art\u00edculo. Para los dem\u00e1s, \u00a1tambi\u00e9n puede ser \u00fatil! Encontrar\u00e1s una definici\u00f3n sencilla y clara de este concepto, las ventajas, algunos sitios \u00fatiles y los diferentes tipos de maquetas que existen. \u00a1Que tengas una buena lectura!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1913fc9f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1913fc9f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3e6a9513\" data-id=\"3e6a9513\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4b9aae13 elementor-widget elementor-widget-heading\" data-id=\"4b9aae13\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfQu\u00e9 es un Mock up?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e0cdff3 elementor-widget elementor-widget-text-editor\" data-id=\"5e0cdff3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Un Mockup, a veces escrita Mock up o Mock-Up, es una <strong>maqueta de una interfaz de usuario<\/strong>. Es un t\u00e9rmino inform\u00e1tico, e incluso un t\u00e9rmino de dise\u00f1o para designar una maqueta utilizada con fines de estudio, prueba o demostraci\u00f3n.<\/p><p>Esta <strong>herramienta de dise\u00f1o<\/strong> tiene varios elementos con los que puedes jugar para crear un visual. Hay varios sitios web en Internet en los que se pueden descargar maquetas de forma gratuita. Pero lo mejor es recurrir a una agencia especializada como OR Design para que cree maquetas <a href=\"https:\/\/or-design.org\/diseno-web-a-medida\/\" target=\"_blank\" rel=\"noopener\">100% personalizadas<\/a> para ti. \u00a1Esto garantiza un resultado \u00fanico!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1809beb4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1809beb4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4ace20ae\" data-id=\"4ace20ae\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e7bd659 elementor-widget elementor-widget-heading\" data-id=\"3e7bd659\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfCu\u00e1les son las ventajas de un mockup?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e158ba elementor-widget elementor-widget-text-editor\" data-id=\"8e158ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Los mock ups son <strong>herramientas muy \u00fatiles<\/strong> y m\u00e1s a\u00fan durante la fase de dise\u00f1o de una web, un software o cualquier otra interfaz, por ejemplo.<\/p><p>Pero \u00bfcu\u00e1les son las ventajas de esta maqueta?<\/p><p>En primer lugar, un mockup permite <strong>representar la estructura y las funcionalidades esenciales<\/strong> para facilitar la mejora del dise\u00f1o. Se trata de una primera fase de pruebas ergon\u00f3micas para evaluar la UX (experiencia del usuario) con una versi\u00f3n f\u00e1cilmente modificable de la futura interfaz gr\u00e1fica.<\/p><p>Adem\u00e1s, esta maqueta te permitir\u00e1 <strong>detectar r\u00e1pidamente los problemas<\/strong> de dise\u00f1o y ergonom\u00eda. Es posible que notes un problema con la colocaci\u00f3n o el tama\u00f1o de los elementos o incluso una imposibilidad t\u00e9cnica&#8230;<\/p><p>Adem\u00e1s, un mock up <strong>promover\u00e1 la colaboraci\u00f3n y la comunicaci\u00f3n<\/strong> con tu equipo: entre el <a href=\"https:\/\/or-design.org\/que-es-el-diseno-ui-ux\/\" target=\"_blank\" rel=\"noopener\">dise\u00f1ador de UX, el dise\u00f1ador de UI<\/a> y el desarrollador. Podr\u00e1n ponerse de acuerdo sobre c\u00f3mo dise\u00f1ar los elementos antes de desarrollar un prototipo.<\/p><p>Por \u00faltimo, una de las mayores ventajas es que tienes la posibilidad de <strong>mostrar la vista previa<\/strong> de la interfaz directamente al <strong>cliente<\/strong>. Esto servir\u00e1 como medio de comunicaci\u00f3n con los clientes y las partes interesadas para validar.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6d1e90a2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6d1e90a2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3456fda7\" data-id=\"3456fda7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-242ade64 elementor-widget elementor-widget-heading\" data-id=\"242ade64\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfD\u00f3nde puedes encontrar mock ups?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37a23761 elementor-widget elementor-widget-text-editor\" data-id=\"37a23761\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Con el desarrollo de Internet, ahora se pueden encontrar <strong>multitud de mock ups en Internet<\/strong>. A veces de <strong>pago<\/strong>, a veces <strong>gratis<\/strong>. Puedes encontrarlos online, insertando una imagen directamente en la maqueta y puedes encontrar maquetas de plantillas PSD que tambi\u00e9n son muy populares. Lo que llamamos PSD son simplemente archivos de imagen compatibles con Photoshop.<\/p><p>Aqu\u00ed hay algunos sitios web:<\/p><ul><li><a href=\"https:\/\/placeit.net\/\" target=\"_blank\" rel=\"noopener\">Placeit.net<\/a><\/li><li><a href=\"http:\/\/www1.mockupworld.com\/\" target=\"_blank\" rel=\"noopener\">Mockupworld.com<\/a><\/li><li><a href=\"https:\/\/graphicburger.com\/\" target=\"_blank\" rel=\"noopener\">Graphicburger.com<\/a><\/li><li><a href=\"https:\/\/www.freepik.com\/\" target=\"_blank\" rel=\"noopener\">Freepik.com<\/a><\/li><li><a href=\"https:\/\/smartmockups.com\/es\" target=\"_blank\" rel=\"noopener\">Smartmockups.com<\/a><\/li><\/ul><p>No dudes en ponerte en contacto con nosotros para solicitar <strong>maquetas personalizadas<\/strong>. Estaremos encantados de ayudarte.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c1d6a72 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c1d6a72\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b0aa1f7\" data-id=\"b0aa1f7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5b35145 elementor-widget elementor-widget-heading\" data-id=\"5b35145\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfCu\u00e1les son los diferentes tipos de mock ups?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ddd9ac6 elementor-widget elementor-widget-text-editor\" data-id=\"ddd9ac6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Un mock up te permite dise\u00f1ar diferentes visuales. \u00bfPero cu\u00e1les? En esta secci\u00f3n te contamos<br \/>m\u00e1s.<\/p><ul><li>P\u00e1gina web<\/li><li>E-book<\/li><li>Folletos<\/li><li>Tarjetas de visita<\/li><li>Banner publicitario<\/li><li>Aplicaci\u00f3n o software<\/li><li>Embalaje\/Packaging<\/li><li>Ropa<\/li><li>Tazas, velas&#8230;<\/li><li>Redes sociales<\/li><\/ul><p>Como puedes ver, \u00a1hay para todos los gustos!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bec0d7a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bec0d7a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-01190d9\" data-id=\"01190d9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6e3e90c elementor-widget elementor-widget-text-editor\" data-id=\"6e3e90c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>OR Design cuenta con un departamento de dise\u00f1o y desarrollo con un equipo de verdaderos profesionales. As\u00ed que puedes confiarnos tu proyecto con los ojos cerrados. Podemos dise\u00f1ar<br \/>maquetas personalizadas para ti, seg\u00fan tus necesidades y deseos. Ponte en contacto con nosotros para hablar de tu proyecto.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00bfHas o\u00eddo hablar de Mock Up en tu vida? Si no es as\u00ed, te encantar\u00e1 nuestro art\u00edculo. Para los dem\u00e1s, \u00a1tambi\u00e9n puede ser \u00fatil! Encontrar\u00e1s una definici\u00f3n sencilla y clara de este concepto, las ventajas, algunos sitios \u00fatiles y los diferentes tipos de maquetas que existen. \u00a1Que tengas una buena lectura! \u00bfQu\u00e9 es un Mock [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7119,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-7118","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno"],"_links":{"self":[{"href":"https:\/\/or-design.org\/en\/wp-json\/wp\/v2\/posts\/7118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/or-design.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/or-design.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/or-design.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/or-design.org\/en\/wp-json\/wp\/v2\/comments?post=7118"}],"version-history":[{"count":0,"href":"https:\/\/or-design.org\/en\/wp-json\/wp\/v2\/posts\/7118\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/or-design.org\/en\/wp-json\/wp\/v2\/media\/7119"}],"wp:attachment":[{"href":"https:\/\/or-design.org\/en\/wp-json\/wp\/v2\/media?parent=7118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/or-design.org\/en\/wp-json\/wp\/v2\/categories?post=7118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/or-design.org\/en\/wp-json\/wp\/v2\/tags?post=7118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}