{"id":8974,"date":"2020-07-13T10:22:00","date_gmt":"2020-07-13T08:22:00","guid":{"rendered":"https:\/\/www.addlance.com\/blog\/?p=8974"},"modified":"2021-02-17T23:31:36","modified_gmt":"2021-02-17T22:31:36","slug":"mockup","status":"publish","type":"post","link":"https:\/\/seven.addlance.com\/beta\/blog\/mockup\/","title":{"rendered":"Cos&#8217;\u00e8 il Mockup e perch\u00e9 pu\u00f2 servire alla tua Azienda"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"alignright size-medium\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2020\/07\/mockup-300x300.jpg\" alt=\"mockup\" class=\"wp-image-8977\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/mockup-300x300.jpg 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/mockup-1024x1024.jpg 1024w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/mockup-150x150.jpg 150w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/mockup-768x768.jpg 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/mockup-1536x1536.jpg 1536w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/mockup-610x610.jpg 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/mockup-1080x1080.jpg 1080w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/mockup-440x440.jpg 440w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/mockup.jpg 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n\n<p>Vuoi lanciarti in un nuovo progetto? Hai in mente un nuovo prodotto da realizzare? Prima di tutto, <strong><a href=\"https:\/\/www.addlance.com\/s\/mockup\">punta sul mockup<\/a><\/strong>! Se non sai ancora di cosa si tratta, ecco la definizione di Wikipedia: &#8220;<em>Un mockup, o mock-up, \u00e8 una realizzazione a scopo illustrativo o meramente espositivo di un oggetto o un sistema, senza le complete funzioni dell&#8217;originale<\/em>&#8220;. In questo post scoprirai chi pu\u00f2 realizzare per te un mockup e perch\u00e9 commissionarne uno prima di lanciare un nuovo prodotto o progetto.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Mockup siti web, flyers e tanto altro: tutto a tua disposizione<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2020\/07\/Screenshot_2020-07-07-All-Free-Mockups-Mockup-World-1024x496.png\" alt=\"portale per free mockup\" class=\"wp-image-8976\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/Screenshot_2020-07-07-All-Free-Mockups-Mockup-World-1024x496.png 1024w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/Screenshot_2020-07-07-All-Free-Mockups-Mockup-World-300x145.png 300w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/Screenshot_2020-07-07-All-Free-Mockups-Mockup-World-768x372.png 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/Screenshot_2020-07-07-All-Free-Mockups-Mockup-World-610x296.png 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/Screenshot_2020-07-07-All-Free-Mockups-Mockup-World-1080x524.png 1080w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/Screenshot_2020-07-07-All-Free-Mockups-Mockup-World.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Mockupworld.co uno dei portali per modelli da scaricare e personalizzare<\/figcaption><\/figure><\/div>\n\n\n\n<p>Tecnicamente parlando, la traduzione letterale del termine mockup dall&#8217;inglese \u00e8 &#8220;modello&#8221;. Il mockup, dunque, non \u00e8 altro che un modello di quello che sar\u00e0 il tuo nuovo progetto o prodotto. Tuttavia, entrando pi\u00f9 nel dettaglio, il mockup differisce dal prototipo perch\u00e9 di natura palesemente fittizia. Di quel che sar\u00e0 l&#8217;oggetto vero e proprio, infatti, il mockup rappresenta solo alcune parti puramente a scopo illustrativo.<\/p>\n\n\n\n<p>Pu\u00f2 essere utilissimo per <strong>testare la funzionalit\u00e0 di un prodotto<\/strong> (nuova etichetta, nuova forma, nuovo <em>layout<\/em>, ecc) e pu\u00f2 essere applicato pressoch\u00e9 a tutto. Quindi si rivela estremamente utile se vuoi fare:<\/p>\n\n\n\n<ul><li><strong>Un nuovo sito web<\/strong><\/li><li><strong>Un nuovo prodotto<\/strong><\/li><li><strong>Una nuova composizione di testo<\/strong> (prima di essere stampata)<\/li><\/ul>\n\n\n\n<p>Se hai deciso di contattare un <strong>Web Designer<\/strong> per la creazione del tuo nuovo sito web, sappi che il professionista studier\u00e0 prima la tua <strong><em>brand image<\/em><\/strong>, poi ti proporr\u00e0 un mockup del tuo prossimo sito in cui ha graficamente inserito tutti gli elementi necessari. Successivamente, ti sottoporr\u00e0 la bozza e potrete iniziare a discutere delle eventuali modifiche da fare.<\/p>\n\n\n\n<p>Se hai intenzione di realizzare dei nuovi volantini, il <strong>Graphic Designer<\/strong> che hai ingaggiato creer\u00e0 dei <strong>flyers mockup<\/strong> da sottoporti, per studiare insieme l&#8217;effetto sui lettori e la resa grafica di quello che sar\u00e0 poi il prodotto finale. Ricorda sempre che nel marketing (e quindi anche quando si mette a punto e si cura la <em><strong>brand image<\/strong><\/em> e la comunicazione integrata) \u00e8 necessario <em>parlare alle persone<\/em>. Quindi se conosci (e devi, per forza!) la tua <strong><em>target audience<\/em><\/strong>, saprai cosa promuovere e cosa scartare quando viene messo a punto il tuo mockup.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Leggi <a href=\"https:\/\/www.addlance.com\/blog\/come-funziona-un-a-b-test\/\">Come funzona un A\/B Test, guida per freelance<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Free mockup: quando richiederlo e a chi<\/h2>\n\n\n\n<p>Colui che si occupa della realizzazione di un mockup si chiama in gergo <strong>Mockup Artist<\/strong>. Attualmente il mockup trova applicazione anche nel <strong>web design<\/strong> che, attraverso determinati <em>software<\/em> grafici, in grado di mettere a punto modelli di pagine web, di <em>flyer <\/em>e di quant&#8217;altro pu\u00f2 servire alla <strong>comunicazione aziendale<\/strong>.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Leggi anche <a href=\"https:\/\/www.addlance.com\/blog\/rebranding\/\">Rinnovare il look aziendale con il rebranding<\/a><\/p>\n\n\n\n<p>Se stai progettando il <em>branding<\/em> o il <em>rebranding<\/em> della tua azienda, chiedi un mockup al <strong>Web Designer<\/strong> e al <strong>Graphic Designer<\/strong> che hai ingaggiato. Cos\u00ec facendo visualizzerete in anteprima la bozza di quello che sar\u00e0 il lavoro finale e potrete apportare migliorie o radicali cambi dove riterrete necessario.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Creare un Mockup di una rivista con Photoshop partendo da una foto.\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/ujPJ5Om6nbs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>Freelance for Love, mockup di una rivista con Photoshop<\/figcaption><\/figure>\n\n\n\n<p>In rete, giusto per saperlo, esistono numerosi siti che offrono free mockup per numerosi prodotti, come <strong>brochure<\/strong>, <strong>libri, <em>flyer<\/em><\/strong> ma anche <strong>gadget aziendali<\/strong> e <strong>biglietti da visita<\/strong>. Esistono, cio\u00e8, dei portali da cui \u00e8 possibile scaricare il modellino da personalizzare (con la propria grafica e il proprio logo) di moltissimi oggetti, dalle confezioni dei prodotti alle t-shirt, passando per siti web, <em>landing page <\/em>e <em>business card<\/em>. Ti puoi affidare ad un grafico freelance per la personalizzazione secondo i tuoi gusti e le tue finalit\u00e0. Alcuni siti sono gratuiti, altri sono accessibili attraverso dei piccoli abbonamenti mensili. Per ottenere da Google la lista di questi portali basta digitare <em>free mockup<\/em> o semplicemente mockup.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ancora dubbi? Differenze (tecniche) tra mockup, prototipo e wireframe<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1016\" height=\"1024\" src=\"https:\/\/www.addlance.com\/wp-content\/uploads\/2020\/07\/mockup-o-prototipo-1016x1024.png\" alt=\"mockup o prototipo\" class=\"wp-image-8975\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/mockup-o-prototipo-1016x1024.png 1016w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/mockup-o-prototipo-298x300.png 298w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/mockup-o-prototipo-150x150.png 150w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/mockup-o-prototipo-768x774.png 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/mockup-o-prototipo-610x615.png 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2020\/07\/mockup-o-prototipo.png 1072w\" sizes=\"(max-width: 1016px) 100vw, 1016px\" \/><\/figure><\/div>\n\n\n\n<p>Se hai ancora dei dubbi su cosa richiedere al tuo professionista <em>freelance<\/em> prima di lanciare un nuovo sito web, un prodotto o un <em>restyle<\/em>, questa grafica, anche se in inglese, chiarisce tutto. <strong>Prototipo, mockup e wireframe non sono assolutamente la stessa cosa<\/strong> e non possono, quindi, essere usati come sinonimi, anche se sono tutti &#8220;modellini&#8221;.<\/p>\n\n\n\n<p>Il <strong>prototipo \u00e8 un modello prodotto in scala interattivo e cliccabile<\/strong>. Se queste due condizioni <em>non <\/em>si verificano, non sei in presenza di un prototipo, bens\u00ec di un mockup o di un wireframe. La ulteriore differenza tra questi due modelli \u00e8 che il primo \u00e8 in alta definizione mentre il secondo no, somiglia di pi\u00f9 ad una bozza.<\/p>\n\n\n\n<p>Non che il <strong>wireframe <\/strong>sia il pi\u00f9 &#8220;sfigato&#8221; di tutti, ha anche lui la sua funzione ed \u00e8 anche molto importante: si tratta di un <strong>modellino che si concentra sulle funzionalit\u00e0 e non sulla grafica<\/strong> (elementi visivi). In poche parole, \u00e8 una bozza che si concentra sullo scopo e sul concetto di un prodotto nuovo anzich\u00e9 sul <em>come <\/em>appare.<\/p>\n    \t","protected":false},"excerpt":{"rendered":"<p>Vuoi lanciarti in un nuovo progetto? Scopri come e perch\u00e9 il mockup pu\u00f2 essere utilissimo alla tua azienda. Ecco tutti i dettagli che non puoi non conoscere<\/p>\n","protected":false},"author":6,"featured_media":8977,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":""},"categories":[27,29],"tags":[28,30],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/8974"}],"collection":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/comments?post=8974"}],"version-history":[{"count":1,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/8974\/revisions"}],"predecessor-version":[{"id":10631,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/8974\/revisions\/10631"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/media\/8977"}],"wp:attachment":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/media?parent=8974"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/categories?post=8974"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/tags?post=8974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}