Mockups

I mockups sò presentazioni creative, spessu fotorealistiche, chì mostranu cumu un disignu puderia vede o funziona in u mondu reale. In altri palori, l'implementazione di qualsiasi di queste tecniche di mockup 4 prufessiunali furnisce un sguardu in u futuru: un disignu di logu stampatu nantu à una borsa purtata da i cumpratori casuali, una app scrollata da una manu invisibile, o ancu una facciata di un magazinu cumpletamente marcatu. Fate cunvince, avete bisognu di sapè cumu fà layout prufessiunali. Quì vi diceremu cumu fà questu.

Ancu s'ellu sò custituiti da l'imaghjini, i layout di designu sò più efficaci quandu contanu una storia. L'attenzione è i ditaglii messi in a storia determinaranu se l'audienza li piacerà o si dorme.

Ci hè dui elementi chì facenu una tecnica di layout successu: a scena creativa è l'inclusione realistica di u disignu. Avemu cupertu prima un tema precedente cù cunsiglii chì anu focu annantu à furmulà un cuncettu di layout è sceglie l'imaghjini ghjusti per cuntà una storia. In questu articulu, descriveremu brevemente l'aspetti tecnichi di a creazione di una mockup di u vostru disignu utilizendu i 4 metudi di mockup più cumuni.

Disposizione di u libru. Requisiti per u disignu di u libru.

1. Crea u vostru propiu layout da zero. Mockups
-

Un layout persunalizatu hè un layout chì hè cumpletamente persunalizatu à un disignu specificu. Se vulete creà mockups unichi, ricumandemu sta tecnica per ottene megliu risultati. Siccomu u scopu di una mockup hè a presentazione è in ultimamente a persuasione (vale à dì vende un cuncettu di designu), ùn hè micca dettu chì a mockup più persuasiva hè quella chì hè pensata per un cliente specificu.

Ma sicuru, a creazione di mockups da zero per ogni prughjettu ùn hè micca l'approcciu più praticu. Questu richiede assai sforzu per qualcosa chì hè essenzialmente una presentazione unica asset. Questu hè ancu utile solu s'ellu u cuncettu di layout hè assai originale - ùn ci hè nunda di scherzà cù tutti questi prublemi se u risultatu hè indistinguibile da u mudellu. In ultimamente, tocca à voi di decide s'ellu hè abbastanza appassiunatu di u prughjettu o di u cliente per andà in più per creà una mockup unica.

Per un layout veramente persunalizatu avete bisognu di foto originali. Questu permette di creà un layout di scena chì hè assai più vicinu à a vostra visione di u disignu, mentre chì e foto di stock per a so natura sò pensate per paràmetri è scene generali. Sì avete l'equipaggiu, l'esperienza è u tempu, pudete piglià e vostre fotografie. In questu casu, duvete fà un brainstorming o sketch fora a scena in anticipu, simile à cumu pudete scrive un filmu.

Chì ghjè u margine di vendita? è Cumu calculà

Pudete ancu ingaghjarà un fotografu prufessiunale, ma questu hè di sicuru una spesa chì ùn serà micca pratica per ogni designer - questu hè più prubabile in u regnu di una agenzia di design chì travaglia cù clienti corporativi. Una bella alternativa hè di utilizà e foto chì appartenenu à u cliente: per esempiu, u designer Top Level goopanic applica a so marca Academia de Artes à e foto reali di a scola è i so studienti. Ancu s'è sti ritratti ùn sò micca cusì alta qualitàCum'è foto di stock prufessiunali, daranu à u cliente una idea più autentica di ciò chì u so design serà in fine.

Una volta avete e vostre foto, avete bisognu di utilizà un software di editazione di foto per incorpore u vostru disignu in l'imaghjini. U software più cumuni per questu scopu hè Adobe Photoshop, ma Affinity Photo è Gimp sò alternative affidabili. Questi prugrammi furniscenu assai arnesi è guide per ottene risultati realistichi, è si riducenu in fondu à i seguenti:

• Strumenti di trasfurmazioni per fà chì u disignu currisponde à l'imaghjini
• modi di fusione per incorpore texture da a foto originale
• strati di aghjustamentu per travaglià cù l'illuminazione, u culore è u cuntrastu

 

Se vulete travaglià cù animazioni persunalizati, utilizate software di animazione cum'è After Effects: per esempiu, pudete aduprà maschere di capa per creà animazioni di scorrimentu per l'applicazioni nantu à una foto di u telefunu.

Accettate e Tools

• Fotografia è/o equipaggiu fotograficu
• Software per edizione di foto (Photoshop, Serif Photo, Gimp)
• * Opzionale * Software d'animazione (Adobe After Effects)

Gastu

• Da moderatu à altu

Плюсы

• U risultatu hè mockups chì sò più specifichi è fideli à a visione di u designer.
• images surghjenti; senza filigrane o bisognu di cumprà licenze

Минусы

• Caru è esige assai sforzu; richiede una cunniscenza più profonda di u software
• Inefficace è cunsumanu tempu
  Stampa di l'uffiziu per l'affari da a tipografia Azbuka.

2. Crea mudelli di layout reusable. Mockups.
-

I mudelli di layout persunalizati sò layout chì i diseggiani creanu stessi, ma sò abbastanza generici per esse utilizati in parechji prughjetti. Cumu l'avemu indicatu in l'ultima sezione, a creazione di mockups persunalizati per ogni prughjettu pò esse impracticable è caru, ma stu metudu permette à u designer di creà mockups chì sò uriginali è reutilizabili à un costu più bassu.

Questu hè ancu un modu per u designer per aghjunghje u so propiu marca persunale o un stile ripetitivu in e vostre presentazioni à i clienti.

U prucessu per a creazione di mudelli di mockup hè essenzialmente u stessu cum'è a creazione di mockups persunalizati: avete sempre bisognu di cumprà una foto è utilizate un prugramma di editazione di foto per incorpore u disignu. Una differenza hè l'approcciu di fotografà u vostru layout: deve esse abbastanza vaga per travaglià per parechji clienti - per esempiu, invece di utilizà qualsiasi scenariu identificativu, i sfondi di layout di u designer Daria V. cù ogni prughjettu.

Questu pò aiutà à i clienti di u gruppu basatu nantu à temi cumuni, cum'è l'industria (pudete avè un mudellu di layout per tutti i vostri clienti di ristorante, unu per tutti i vostri clienti di vendita, etc.). Questu facenu più faciule per selezziunà l'imaghjini chì travaglià in cuntesti cumuni.

Generatori di layout di libru: 5 Strumenti GRATUITI

Per i prudutti fisichi, certi diseggiani creanu rendering in biancu di u pruduttu utilizendu software 3D cum'è Adobe Dimension, è questu hà u benefiziu aghjuntu di permette a creazione di layout rotativi è animati.

Per creà u vostru mudellu di layout in Photoshop, u vostru scopu hè basicamente di stallà u documentu in modu chì u disignu pò esse facilmente rimpiazzatu in prughjetti futuri, mantenendu tutti i vostri documenti. manipulazione. Photoshop furnisce dui per questu strumenti utili:

Oggetti intelligenti di Photoshop. Mockups.

Un Oggettu Intelligente hè essenzialmente un cuntinuu chì guarda una maghjina in un documentu ligatu, chì vi permette di fà cambiamenti drastici in questu in a vostra cumpusizioni più grande senza affettà l'imaghjini originale. Se rimpiazzate una maghjina in un oggettu intelligente, aghjurnà in a cumpusizioni cù tutti i vostri cambiamenti applicati.

Allora, cù mockups, tuttu ciò chì duvete fà hè di cunvertisce a strata di designu in un ughjettu intelligente à l'iniziu di u prugettu (andà à Layer> Smart Objects> Cunvertite in Smart Object). Dopu quì, pudete solu rimpiazzà u disignu in l'ughjettu intelligente a prossima volta chì avete bisognu di un layout.

Azzione di Photoshop. Mockups.

L'azzioni registranu i cambiamenti chì fate à un documentu di Photoshop per pudè ripetiri quelli passi cù u clicu di un buttone, eliminendu i travaglii ripetitivi. Dunque, cù una mockup, pudete aduprà una azione per registrà tutte e trasfurmazioni è l'effetti chì applicate à un disignu per fà currisponde à una foto, è applicà questi stessi cambiamenti à un altru disignu in u futuru solu clicchendu un buttone.

Accettate e Tools

• Fotografia è/o equipaggiu fotograficu
• Software di editazione di foto (Photoshop, Serif Photo, Gimp)
• * Opzionale * Software di modellazione di prudutti 3D

Gastu

• Moderato

Плюсы

• L'usu ripetutu vale a pena u sforzu di creà layout persunalizati.
• images surghjenti; senza filigrane o bisognu di cumprà licenze

Минусы

• Richiede cunniscenze software più avanzate
• Pò esse una perdita di sforzu se i risultati ùn sò micca abbastanza diffirenti da un mudellu di terzu.

3. Aduprate un situ web generatore di mockup.
-

Un situ web di generatore di mockup hè un serviziu in linea chì usa l'imaghjini di stock è u software AI per generà automaticamente un mockup da un mudellu di terzu. Di genere, tuttu ciò chì un disegnatore hà da fà hè di carica u so disignu è u software hà da piglià a cura di tutti i prublemi tecnichi.

Stu metudu hè di granu a suluzione più economica è più faciule, ma hà qualchì svantaghju. U layout resultante ùn serà micca originale, è datu chì parechji diseggiani anu utilizatu u stessu serviziu, ùn hè micca raru di vede e listesse imagine di layout apparsu ad nauseum in tutti i siti di cartera. À u listessu tempu, pò esse utile in un pizzicu, è salvu chì u cliente ùn hè un fornitore di mockup di designer, probabilmente ùn importa micca.

Quandu sceglite un serviziu, duvete cunsiderà i seguenti: prezzu, qualità è pertinenza. In quantu à u prezzu, parechji generatori di mockup sò liberi d'utilizà, ancu s'ellu duvete esse attentu à l'inconvenienti nascosti, cum'è aghjunghje filigrane o una selezzione limitata di mudelli. Altrimenti, u prezzu hè di solitu basatu mudelli di abbonamentu, è a maiò parte di i servizii chì aghju rivisatu sò in a gamma di $ 10 à $ 20 per mese.

A qualità pò esse ridutta à u gustu persunale, ma duvete passà un pocu di tempu à studià i layout chì l'altri disinfettori è i cuncurrenti utilizanu per avè una sensazione di ciò chì hè intelligente è ciò chì hè genericu. Pudete ancu aduprà servizii cum'è Trustpilot per truvà recensioni di l'utilizatori chì vi dicenu, oltre u materiale promozionale, quantu funziona u serviziu è quali sò i risultati attuali.

Screenshot di a pagina iniziale di u generatore di mockup di design Smartmockups

Infine, certi di sti siti sò spicializati in certi tipi di layout, è avete bisognu di sceglie quellu chì serà pertinenti à i vostri prughjetti, soprattuttu s'è vo cumprà un abbonamentu. Per esempiu, Artboard Studio è Mockup Mark sò specializati in stampa è layout vestiti. I servizii cum'è AppMockUp è Mockuuups Studio sò specializati in mockups di design digitale. Intantu, Smartmockups, renderforest è Placeit offrenu mudelli di mockup cumuni per stampa è digitale.

Accettate e Tools

• Cunnessione Internet affidabile
• * Facoltativu * Adesione à u layout di u situ

Gastu

• Da liberu à bassu

Плюсы

• Rapidu è senza sforzu; nisuna cunniscenza di software necessaria
• A qualità pò esse à volte vicinu à u layout persunalizatu

Минусы

• Crea un aspettu cumuni cù l'imaghjini chì parechji disinni usanu in linea.
• U mudellu di abbunamentu hè solu utile s'ellu hè necessariu parechje layout.

4. Aduprate un plugin di software per creà layout.
-

I plugins di mockup sò integrazioni di terzu chì si cunnetta à u software di cuncepimentu per creà mockups. Essenzialmente, queste applicazioni permettenu à i diseggiani di cuncepisce è di creà layout in un unicu prugramma, cù u benefiziu aghjuntu chì u designer pò utilizà l'arnesi di u prugramma per fà cambiamenti à u layout dopu chì hè statu creatu.

Hè u megliu di i dui mondi: un mudellu di prezzu, pocu sforzu, persunalizabile. Dittu questu, stu metudu hè generalmente destinatu à u disignu digitale, è a maiò parte di i plugins sò destinati à u software di prototipu di l'applicazioni cum'è Mary Magdalene , figma и Adobe XD .

Ci sò parechji servizii populari chì furniscenu plugins scaricabili, cumprese Angle , Rotate и Mokup Frames . Perchè stu software hè scaricabile, di solitu richiede un pagamentu una volta. Stu prezzu hè generalmente più altu ch'è a maiò parte di i siti di generatori di mockup, ma hè più bassu à longu andà postu chì ùn paghe micca una tarifa di abbonamentu.

Avete bisognu di seguità struzzioni specifiche di u situ per scaricà è installà u plugin in u vostru software. Da quì, avete l'opzione di applicà u disignu da u vostru software à u layout. U prucessu hè simile à l'usu di un situ web cù un generatore di mockup: u plugin crea automaticamente a vostra mockup è utilizate l'arnesi di persunalizazione per raffinà.

Accettate e Tools

• Software di cuncepimentu (Sketch, Figma, Adobe XD)
• Scaricamentu di licenza è plugin

Gastu

• Low

Плюсы

• Rapidu è senza sforzu; Poca cunniscenza di u software hè necessariu
• I mockups sò creati in u software di cuncepimentu cum'è parte di u prucessu di cuncepimentu.

Минусы

• Crea un aspettu cumuni cù l'imaghjini chì parechji disinni usanu in linea.
• I risultati ùn sò micca assai diffirenti da i generatori di mockup in linea

Hè ora di creà mockups unichi!
-

I mockups di cuncepimentu sò strumenti di presentazione incredibilmente putenti chì ùn vende micca solu una idea di design, ma ancu dà à u visore una finestra in un futuru induve quellu disignu esiste digià. Quandu si faci bè, u cliente serà quasi custrettu à fà stu futuru una realità.

Cum'è dichjaratu in questu articulu, ci sò parechji metudi per creà mockups, è ognunu hà u so propiu Vantaghji è disadvantages. Ma ùn importa micca cumu create i vostri layout, i risultati dependeranu ultimamente di u designer è u so impegnu à rende realisticamente un layout chì salta da u screnu.

 АЗБУКА

Cumu gestisce cù successu i prughjetti in un affari in linea