Mockups

Modeli su kreativne, često fotorealistične prezentacije koje pokazuju kako dizajn može izgledati ili funkcionirati u stvarnom svijetu. Drugim riječima, implementacija bilo koje od ove 4 profesionalne mockup tehnike pruža uvid u budućnost: dizajn logotipa odštampan na torbi koju nose povremeni kupci, aplikacija koju pomiče nevidljiva ruka, ili čak potpuno brendirani izlog trgovine. Neka bude uvjerljivo, morate znati kako napraviti profesionalne rasporede. Ovdje ćemo vam reći kako to učiniti.

Iako se sastoje od slika, izgledi dizajna su najefikasniji kada pričaju priču. Briga i detalji uneseni u priču će odrediti hoće li publika uživati ​​ili će je uspavati.

Dva su elementa koji tehniku ​​layouta čine uspješnom: kreativno postavljanje scene i realistično uključivanje dizajna. Prethodno smo pokrili prethodnu temu sa savjetima koji su se fokusirali na formuliranje koncepta izgleda i odabir pravih slika za priču. U ovom članku ćemo ukratko opisati tehničke aspekte stvaranja makete vašeg dizajna koristeći 4 najčešće metode mockupa.

Izgled knjige. Zahtjevi za dizajn knjige.

1. Kreirajte vlastiti izgled od nule. Mockups
-

Prilagođeni izgled je izgled koji je u potpunosti prilagođen određenom dizajnu. Ako želite kreirati jedinstvene makete, preporučujemo ovu tehniku ​​da postignete najbolji rezultati. S obzirom na to da je svrha makete prezentacija i na kraju uvjeravanje (tj. prodaja dizajnerskog koncepta), podrazumijeva se da je najuvjerljiviji model koji je dizajniran za određenog klijenta.

Ali naravno, kreiranje maketa od nule za svaki projekat nije najpraktičniji pristup. Ovo zahtijeva puno truda za nešto što je u suštini jednokratna prezentacija imovine. Ovo je također korisno samo ako je koncept izgleda vrlo originalan - nema smisla petljati se sa svim ovim problemima ako se rezultat ne razlikuje od šablona. Konačno, na vama je da odlučite da li ste dovoljno strastveni u vezi sa projektom ili klijentom da uložite dodatni napor kako biste kreirali jedinstveni model.

Za zaista prilagođeni izgled trebat će vam originalne fotografije. Ovo vam omogućava da kreirate raspored scene koji je mnogo bliži vašoj viziji dizajna, dok su slike zaliha po svojoj prirodi dizajnirane za opšta podešavanja i scene. Ako imate opremu, iskustvo i vrijeme, možete napraviti svoje fotografije. U ovom slučaju, trebali biste unaprijed osmisliti ili skicirati scenu, slično kao što biste mogli napraviti scenarij za film.

Šta je prodajna marža? i kako to izračunati

Možete unajmiti i profesionalnog fotografa, ali to je naravno trošak koji neće biti praktičan za svakog dizajnera - to je vjerojatnije u domeni dizajnerske agencije koja radi s korporativni klijenti. Odlična alternativa je korištenje fotografija koje pripadaju klijentu: na primjer, dizajner Top Level goopanic primjenjuje svoj brend Academia de Artes na stvarne fotografije škole i njenih učenika. Čak i ako ove fotografije nisu takve visokog kvalitetaKao profesionalne fotografije, one će klijentu dati autentičniju predstavu o tome kako će njihov dizajn na kraju izgledati.

Nakon što dobijete svoje fotografije, morat ćete koristiti softver za uređivanje fotografija kako biste svoj dizajn ugradili u sliku. Najčešći softver za ovu svrhu je Adobe Photoshop, ali Affinity Photo i Gimp su pouzdane alternative. Ovi programi pružaju mnoge alate i vodiče za postizanje realnih rezultata, a u osnovi se svode na sljedeće:

• alati za transformaciju kako bi dizajn odgovarao slici
• načini miješanja za uključivanje teksture s originalne fotografije
• slojevi za podešavanje za rad sa osvetljenjem, bojom i kontrastom

 

Ako želite raditi s prilagođenim animacijama, koristite softver za animaciju kao što je After Effects: na primjer, možete koristiti maske slojeva za kreiranje animacija za pomicanje za aplikacije na fotografiji telefona.

Potrebni alati

• Fotografija i/ili fotografska oprema
• Softver za uređivanje fotografija (Photoshop, Serif Photo, Gimp)
• *Opcionalno* softver za animaciju (Adobe After Effects)

Troškovi

• Umjereno do visoko

Plûsy

• Rezultat su makete koje su konkretnije i vjerne viziji dizajnera.
• Izvorne slike; nema vodenih žigova ili potrebe za kupovinom licenci

Minusy

• Skupo i zahtijeva puno truda; zahtijeva dublje znanje o softveru
• Neefikasno i dugotrajno
  Kancelarijska štampa za poslovanje iz štamparije Azbuka.

2. Kreirajte predloške rasporeda za višekratnu upotrebu. Mockups.
-

Prilagođeni predlošci izgleda su izgledi koje dizajneri sami kreiraju, ali su dovoljno generički da se koriste u više projekata. Kao što smo istakli u prošlom odjeljku, kreiranje prilagođenih maketa za svaki projekat može biti nepraktično i skupo, ali ova metoda omogućava dizajneru da kreira makete koji su i originalni i za višekratnu upotrebu po nižoj cijeni.

Ovo je također način na koji dizajner može dodati svoje lični brend ili repetitivni stil u vašim prezentacijama klijentima.

Proces kreiranja predložaka mockupa je u suštini isti kao i kreiranje prilagođenih maketa: još uvijek morate kupiti fotografiju i koristiti program za uređivanje fotografija da biste ugradili dizajn. Jedna razlika je pristup fotografisanju vašeg izgleda: trebao bi biti dovoljno nejasan da radi za više klijenata – na primjer, umjesto da se koristi bilo kakav krajolik za identifikaciju, pozadina izgleda vrhunskog dizajnera Daria V. fokusira se na ilustrovane akcente koji se mogu mijenjati sa svakim projektom.

Ovo može pomoći da grupišete klijente na osnovu uobičajenih tema, kao što je industrija (možete imati jedan predložak izgleda za sve klijente u vlasništvu restorana, jedan za sve svoje maloprodajne klijente, itd.). Ovo olakšava odabir slika koje će raditi u uobičajenim kontekstima.

Generatori rasporeda knjiga: 5 BESPLATNIH alata

Za fizičke proizvode, neki dizajneri kreiraju prazne prikaze proizvoda koristeći 3D softver kao što je Adobe Dimension, a ovo ima dodatnu prednost jer omogućava kreiranje rotirajućih, animiranih izgleda.

Da biste kreirali svoj izgled predloška u Photoshopu, vaš cilj je u osnovi postaviti dokument tako da se dizajn može lako zamijeniti u budućim projektima uz održavanje svih vaših manipulacija. Photoshop nudi dva za ovo korisni alati:

Photoshop pametni objekti. Mockups.

Pametni objekat je u suštini kontejner koji pohranjuje sliku u povezani dokument, omogućavajući vam da izvršite drastične promjene na njoj unutar vaše veće kompozicije bez utjecaja na originalnu sliku. Ako zamijenite sliku u pametnom objektu, ona će se ažurirati u kompoziciji sa svim vašim promjenama primijenjenim na nju.

Dakle, sa modelima, sve što treba da uradite je da konvertujete sloj dizajna u pametni objekat na početku projekta (idite na Layer > Smart Objects > Convert to Smart Object). Nakon toga, možete jednostavno zamijeniti dizajn unutar pametnog objekta sljedeći put kada vam zatreba izgled.

Photoshop akcije. Mockups.

Radnje bilježe promjene koje napravite u Photoshop dokumentu tako da možete ponoviti te korake jednim klikom na dugme, eliminirajući zadatke koji se ponavljaju. Dakle, uz maketu, možete koristiti radnju da snimite sve transformacije i efekte koje primijenite na dizajn kako biste ga uskladili sa fotografijom i primijeniti te iste promjene na drugi dizajn u budućnosti samo klikom na dugme.

Potrebni alati

• Fotografija i/ili fotografska oprema
• Softver za uređivanje fotografija (Photoshop, Serif Photo, Gimp)
• *Opciono* softver za 3D modeliranje proizvoda

Troškovi

• Umereno

Plûsy

• Ponovljena upotreba čini vrijednim truda za stvaranje prilagođenih izgleda.
• Izvorne slike; nema vodenih žigova ili potrebe za kupovinom licenci

Minusy

• Zahteva naprednije znanje o softveru
• Može biti gubitak truda ako se rezultati ne razlikuju dovoljno od predloška treće strane.

3. Koristite web stranicu mockup generatora.
-

Web stranica za generiranje mockupa je online usluga koja koristi slike i AI softver za automatsko generiranje mockupa iz predloška treće strane. Tipično, sve što dizajner treba da uradi je da učita svoj dizajn i softver će se pobrinuti za sve tehničke probleme.

Ova metoda je daleko najjeftinije i najlakše rješenje, ali ima i neke nedostatke. Rezultirajući izgled će biti neoriginalan, a s obzirom na to da su mnogi dizajneri koristili istu uslugu, nije neuobičajeno vidjeti da se iste slike izgleda pojavljuju kao mučnina na svim web lokacijama portfelja. U isto vrijeme, može biti korisno u krajnjoj liniji, a osim ako klijent nije provajder dizajnerskih mokapa, vjerovatno mu neće smetati.

Prilikom odabira usluge treba uzeti u obzir sljedeće: cijenu, kvalitet i relevantnost. Što se tiče cijene, mnogi mockup generatori su besplatni za korištenje, iako biste trebali biti oprezni zbog skrivenih neugodnosti kao što je dodavanje vodenih žigova ili ograničen izbor šablona. Inače cijena se obično temelji na pretplatnički modeli, a većina usluga koje sam pregledao je u rasponu od 10 do 20 USD mjesečno.

Kvalitet se može svesti na lični ukus, ali trebalo bi da provedete neko vreme proučavajući rasporede koje koriste drugi dizajneri i konkurenti da biste stekli osećaj šta je pametno, a šta generičko. Također možete koristiti usluge kao što je Trustpilot da pronađete korisničke recenzije koje vam govore, osim promotivnog materijala, koliko dobro usluga funkcionira i kakvi su stvarni rezultati.

Snimak ekrana početne stranice generatora mockup dizajna Smartmockups

Konačno, neke od ovih stranica specijalizirane su za određene vrste izgleda i morat ćete odabrati onaj koji će biti relevantan za vaše projekte, posebno ako kupujete pretplatu. Na primjer, Artboard Studio i Mockup Mark su specijalizovani za štampanje i izgled odjeća. Usluge poput AppMockUp i Mockuuups Studio specijalizirane su za makete digitalnog dizajna. U međuvremenu, Smartmockups, renderforest i Placeit nude uobičajene mockup šablone za štampane i digitalne.

Potrebni alati

• Pouzdana internet veza
• *Opciono* Članstvo u izgledu sajta

Troškovi

• Od besplatnog do niskog

Plûsy

• Brzo i bez napora; nije potrebno poznavanje softvera
• Kvalitet ponekad može biti blizak prilagođenom izgledu

Minusy

• Stvara zajednički izgled sa slikama koje mnogi dizajni koriste na mreži.
• Model pretplate je koristan samo ako je potrebno više izgleda.

4. Koristite softverski dodatak za kreiranje izgleda.
-

Mockup dodaci su integracije treće strane koje se povezuju sa softverom za dizajn za kreiranje maketa. U suštini, ove aplikacije omogućavaju dizajnerima da dizajniraju i kreiraju rasporede unutar jednog programa, uz dodatnu pogodnost da dizajner može koristiti alate programa kako bi izvršio promjene u rasporedu nakon što je kreiran.

To je najbolje iz oba svijeta: jeftin, prilagodljiv predložak sa malim naporom. Uz to rečeno, ova metoda je općenito namijenjena digitalnom dizajnu, a većina dodataka je usmjerena na softver za prototipiranje aplikacija kao što je npr. skica , figma и Adobe XD .

Postoji nekoliko popularnih usluga koje pružaju dodatke za preuzimanje, uključujući ugao , Rotato и Mokup Frames . Budući da se ovaj softver može preuzeti, obično je potrebno jednokratno plaćanje. Ova cijena je obično viša od većine web-mjesta za generiranje maketa, ali je dugoročno niža jer ne plaćate pretplatu.

Morat ćete slijediti upute specifične za web lokaciju da preuzmete i instalirate dodatak u svoj softver. Odatle ćete imati opciju da primenite dizajn iz vašeg softvera na izgled. Proces je sličan korištenju web stranice s mockup generatorom: dodatak će automatski kreirati vaš model, a vi ćete koristiti alate za prilagođavanje da biste ga precizirali.

Potrebni alati

• Softver za dizajn (Sketch, Figma, Adobe XD)
• Preuzimanje licence i dodataka

Troškovi

• Nisko

Plûsy

• Brzo i bez napora; Potrebno je malo softverskog znanja
• Modeli se kreiraju u softveru za dizajn kao dio procesa dizajna.

Minusy

• Stvara zajednički izgled sa slikama koje mnogi dizajni koriste na mreži.
• Rezultati se ne razlikuju mnogo od online mockup generatora

Vrijeme je za kreiranje jedinstvenih maketa!
-

Modeli dizajna su nevjerovatno moćni alati za prezentaciju koji ne samo da prodaju ideju dizajna, već i daju gledaocu prozor u budućnost u kojoj taj dizajn već postoji. Kada se uradi dobro, klijent će biti gotovo primoran da ovu budućnost pretvori u stvarnost.

Kao što je navedeno u ovom članku, postoji mnogo metoda za kreiranje maketa, a svaka od njih ima svoje prednosti i nedostaci. Ali bez obzira na to kako kreirate svoje rasporede, rezultati će na kraju zavisiti od dizajnera i njegove posvećenosti realističnom prikazivanju izgleda koji skače sa ekrana.

 АЗБУКА

Kako uspješno upravljati projektima u online poslovanju