Makete 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 tehnike maketa pruža pogled u budućnost: dizajn logotipa otisnut 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 najučinkovitiji su kada pričaju priču. Briga i detalji uloženi u priču odredit će hoće li publika uživati ​​ili će je uspavati.

Dva su elementa koja čine tehniku ​​izgleda uspješnom: kreativno postavljanje scene i realno uključivanje dizajna. Prethodno smo obradili prethodnu temu sa savjetima koji su bili usmjereni na formuliranje koncepta izgleda i odabir pravih slika za ispričavanje priče. U ovom ćemo članku ukratko opisati tehničke aspekte izrade makete vašeg dizajna pomoću 4 najčešće metode makete.

Prijelom knjige. Zahtjevi za dizajn knjige.

1. Napravite vlastiti izgled od nule. Makete
-

Prilagođeni izgled je izgled koji je potpuno prilagođen određenom dizajnu. Ako želite stvoriti jedinstvene modele, preporučujemo ovu tehniku ​​za postizanje najbolje rezultate. S obzirom da je svrha mockup-a prezentacija i u konačnici uvjeravanje (tj. prodaja koncepta dizajna), nije potrebno spominjati da je najuvjerljiviji mockup onaj koji je dizajniran za određenog klijenta.

Dizajn i izgled logotipa marke pića.

Dizajn i izgled logotipa marke pića

 

Ali naravno, stvaranje maketa od nule za svaki projekt nije najpraktičniji pristup. To zahtijeva puno truda za nešto što je u biti jednokratna prezentacija imovina. Ovo je također korisno samo ako je koncept izgleda vrlo originalan - nema smisla petljati se sa svim tim problemima ako se rezultat ne razlikuje od predloška. U konačnici, na vama je da odlučite jeste li dovoljno strastveni u vezi s projektom ili klijentom da se potrudite stvoriti jedinstvenu maketu.

Dizajn logotipa i prezentacija izgleda za tehnološki brend.

Dizajn logotipa i prezentacija izgleda za tehnološki brend

Za doista prilagođen izgled trebat će vam originalne fotografije. To vam omogućuje da stvorite raspored scene koji je puno bliži vašoj viziji dizajna, dok su fotografije iz skladišta po svojoj prirodi dizajnirane za opće postavke i scene. Ako imate opremu, iskustvo i vrijeme, možete i sami fotografirati. U ovom slučaju, trebali biste unaprijed razmisliti ili skicirati scenu, slično kao što biste napravili scenarij filma.

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

Također možete unajmiti profesionalnog fotografa, ali to je naravno trošak koji neće biti praktičan za svakog dizajnera - to je vjerojatnije u području dizajnerske agencije koja radi s korporativni klijenti. Sjajna je alternativa korištenje fotografija koje pripadaju klijentu: na primjer, dizajner Top Level goopanic primjenjuje svoj brend Academia de Artes na stvarne fotografije škole i njezinih učenika. Čak i ako ove fotografije nisu takve visoke kvaliteteKao profesionalne fotografije, one će klijentu dati autentičniju ideju o tome kako će njihov dizajn u konačnici 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 tu svrhu je Adobe Photoshop, ali Affinity Photo i Gimp pouzdane su alternative. Ovi programi pružaju mnoge alate i vodiče za postizanje realnih rezultata, a u osnovi se svode na sljedeće:

  • alate za transformaciju kako bi dizajn odgovarao slici
  • načini miješanja za uključivanje teksture s izvorne fotografije
  • slojevi za prilagodbu za rad s osvjetljenjem, 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 stvaranje animacija za pomicanje za aplikacije na fotografiji telefona.

Potrebni alati

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

troškovi

  • Umjereno do visoko

Prozodija

  • Rezultat su mockupovi koji su specifičniji i vjerniji viziji dizajnera.
  • Izvorne slike; bez vodenih žigova ili potrebe za kupnjom licenci

Cons

2. Stvorite predloške izgleda za višekratnu upotrebu. Makete.
-

Prilagođeni predlošci izgleda su izgledi koje dizajneri sami kreiraju, ali su dovoljno generički da se mogu koristiti u više projekata. Kao što smo istaknuli u prošlom odjeljku, stvaranje prilagođenih modela za svaki projekt može biti nepraktično i skupo, ali ova metoda omogućuje dizajneru da stvori modele koji su i originalni i koji se mogu ponovno koristiti po nižoj cijeni.

Ovo je također način da dizajner doda svoje osobni brend ili stil koji se ponavlja u vašim prezentacijama klijentima.

Maketa dizajna aplikacije koja prikazuje čovjeka u kafiću koji koristi iPhone. Makete

Maketa dizajna aplikacije koja prikazuje čovjeka u kafiću koji koristi iPhone

 

Proces izrade predložaka maketa u biti je isti kao i izrada prilagođenih maketa: svejedno trebate kupiti fotografiju i koristiti program za uređivanje fotografija da biste ugradili dizajn. Jedna je razlika u pristupu fotografiranju vašeg izgleda: trebao bi biti dovoljno nejasan da radi za više klijenata - na primjer, umjesto upotrebe bilo kakvog krajolika koji ga identificira, pozadine izgleda vrhunske dizajnerice Darije V. usredotočuju se na ilustrirane akcente koji se mogu mijenjati sa svakim projektom.

Ilustrirani dizajn makete pakiranja proizvoda. Makete

Ilustrirani dizajn makete pakiranja proizvoda

Ilustrirani dizajn makete pakiranja proizvoda. Makete

Ilustrirani dizajn makete pakiranja proizvoda

To može pomoći grupirati klijente na temelju zajedničkih tema, kao što je industrija (možete imati jedan predložak izgleda za sve svoje klijente koji su vlasnici restorana, jedan za sve vaše maloprodajne klijente itd.). To olakšava odabir slika koje će funkcionirati u uobičajenim kontekstima.

Generatori izgleda knjiga: 5 BESPLATNIH alata

Za fizičke proizvode, neki dizajneri stvaraju prazne prikaze proizvoda pomoću 3D softvera kao što je Adobe Dimension, a to ima dodatnu prednost jer omogućuje stvaranje rotirajućih, animiranih izgleda.

Da biste izradili svoj izgled predloška u Photoshopu, vaš je cilj u osnovi postaviti dokument tako da se dizajn može lako zamijeniti u budućim projektima, a pritom zadržati sve svoje manipulacija. Photoshop nudi dva za to korisne alate:

Photoshop pametni objekti. Makete.

Pametni objekt je u biti spremnik koji pohranjuje sliku u povezani dokument, omogućujući vam da napravite drastične promjene unutar svoje veće kompozicije bez utjecaja na izvornu sliku. Ako zamijenite sliku u pametnom objektu, ona će se ažurirati u sastavu sa svim vašim promjenama primijenjenim na nju.

Dakle, s modelima, sve što trebate učiniti je pretvoriti sloj dizajna u pametni objekt na početku projekta (idite na Sloj > Pametni objekti > Pretvori u pametni objekt). Nakon toga možete jednostavno zamijeniti dizajn unutar pametnog objekta sljedeći put kada vam zatreba raspored.

Photoshop akcije. Makete.

Akcije bilježe promjene koje napravite u Photoshop dokumentu tako da možete ponoviti te korake pritiskom na gumb, eliminirajući zadatke koji se ponavljaju. Dakle, s modelom možete upotrijebiti akciju za snimanje svih transformacija i efekata koje primijenite na dizajn kako bi odgovarao fotografiji i primijeniti te iste promjene na drugi dizajn u budućnosti samo klikom na gumb.

Potrebni alati

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

troškovi

  • Umjeren

Prozodija

  • Ponovljeno korištenje čini vrijednim truda za stvaranje prilagođenih izgleda.
  • Izvorne slike; bez vodenih žigova ili potrebe za kupnjom licenci

Cons

  • Zahtijeva naprednije znanje o softveru
  • Može biti uzaludan trud ako se rezultati ne razlikuju dovoljno od predloška treće strane.

3. Koristite web mjesto generatora modela.
-

Web-mjesto za generiranje modela mrežna je usluga koja koristi slike i AI softver za automatsko generiranje modela iz predloška treće strane. Obično sve što dizajner treba učiniti je učitati svoj dizajn i softver će se pobrinuti za sve tehničke probleme.

Snimka zaslona početne stranice generatora modela dizajna Placeit. Makete

Snimka zaslona početne stranice generatora modela dizajna Placeit

Ova metoda je daleko najjeftinije i najlakše rješenje, ali ima neke nedostatke. Rezultirajući izgled bit će neoriginalan, a s obzirom na to da su mnogi dizajneri koristili istu uslugu, nije neuobičajeno vidjeti da se iste slike izgleda pojavljuju do muke na svim web stranicama s portfeljima. U isto vrijeme, može biti koristan u krajnjem slučaju, a osim ako klijent nije pružatelj dizajnerskog modela, vjerojatno mu neće smetati.

Prilikom odabira usluge treba uzeti u obzir sljedeće: cijenu, kvalitetu i relevantnost. Što se tiče cijene, mnogi generatori maketa besplatni su za korištenje, iako biste trebali biti oprezni zbog skrivenih neugodnosti poput dodavanja vodenih žigova ili ograničenog izbora predložaka. Inače se cijena obično temelji na modeli pretplate, a većina usluga koje sam pregledao kreću se u rasponu od 10 do 20 USD mjesečno.

Izrada standardnih izgleda korporativnog dizajna. Makete

Izrada standardnih izgleda korporativnog dizajna

Kvaliteta se može svesti na osobni ukus, ali trebali biste posvetiti neko vrijeme proučavanju izgleda koje koriste drugi dizajneri i konkurenti kako biste stekli osjećaj što je pametno, a što općenito. Također možete koristiti usluge kao što je Trustpilot da biste pronašli korisničke recenzije koje vam govore, osim promotivnih materijala, koliko dobro usluga radi i koji su stvarni rezultati.

Snimka zaslona početne stranice generatora maketa dizajna Artboard Studio. Makete

Snimka zaslona početne stranice generatora maketa dizajna Artboard Studio

Snimka zaslona početne stranice generatora maketa dizajna Smartmockups

Snimka zaslona početne stranice generatora maketa dizajna Smartmockups

Konačno, neke od ovih stranica specijalizirane su za određene vrste izgleda, a vi ćete morati odabrati onu koja će biti relevantna za vaše projekte, posebno ako kupujete pretplatu. Na primjer, Artboard Studio i Mockup Mark specijalizirali su se za tisak i prijelomi odjeća. Usluge kao što su AppMockUp i Mockuuups Studio specijalizirane su za modele digitalnog dizajna. U međuvremenu, Smartmockups, renderforest i Placeit nude uobičajene predloške modela za tiskanje i digitalno izdanje.

Potrebni alati

  • Pouzdana internetska veza
  • *Izborno* Članstvo u izgledu stranice

troškovi

  • Od besplatnog do niskog

Prozodija

  • Brzo i bez napora; nije potrebno znanje softvera
  • Kvaliteta ponekad može biti blizu prilagođenog izgleda

Cons

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

4. Koristite softverski dodatak za izradu izgleda.
-

Mockup dodaci su integracije trećih strana koje se povezuju sa softverom za dizajn za izradu maketa. U osnovi, ove aplikacije omogućuju dizajnerima da dizajniraju i stvaraju izglede unutar jednog programa, uz dodatnu pogodnost da dizajner može koristiti alate programa za izmjene izgleda nakon što je kreiran.

Snimka zaslona početne stranice dodatka za dizajn Mokup Frames

Snimka zaslona početne stranice dodatka za dizajn Mokup Frames

To je najbolje od oba svijeta: jeftin, prilagodljiv predložak koji ne zahtijeva puno truda. Uz navedeno, ova je metoda općenito namijenjena digitalnom dizajnu, a većina dodataka usmjerena je na softver za izradu prototipova aplikacija, kao što je Skica , figma и Adobe XD .

Snimka zaslona početne stranice dodatka Angle design layout

Snimka zaslona početne stranice dodatka Angle design layout

Postoji nekoliko popularnih usluga koje nude dodatke za preuzimanje, uključujući Kut , Rotato и Mokup okviri . Budući da se ovaj softver može preuzeti, obično zahtijeva jednokratno plaćanje. Ta je cijena obično viša od većine web-mjesta za generiranje modela, ali je dugoročno niža jer ne plaćate pretplatu.

Morat ćete slijediti upute specifične za web mjesto da biste preuzeli i instalirali dodatak u svoj softver. Odatle ćete imati opciju primijeniti dizajn iz svog softvera na izgled. Proces je sličan korištenju web stranice s generatorom modela: dodatak će automatski izraditi vaš model, a vi ćete koristiti alate za prilagodbu da biste ga doradili.

Potrebni alati

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

troškovi

  • nizak

Prozodija

  • Brzo i bez napora; Potrebno je malo znanja o softveru
  • Mockupovi se izrađuju u softveru za dizajn kao dio procesa dizajna.

Cons

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

Vrijeme je za stvaranje jedinstvenih maketa!
-

Makete dizajna su nevjerojatno moćni alati za prezentaciju koji ne samo da prodaju ideju dizajna, već također daju gledatelju prozor u budućnost u kojoj taj dizajn već postoji. Kada se dobro izvede, klijent će biti gotovo prisiljen ovu budućnost pretvoriti u stvarnost.

Kao što je navedeno u ovom članku, postoji mnogo metoda za stvaranje maketa, a svaka od njih ima svoju Prednosti i nedostatci. No bez obzira na to kako izradili svoje izglede, rezultati će u konačnici ovisiti o dizajneru i njegovoj predanosti realističnom prikazivanju izgleda koji iskače s ekrana.

 АЗБУКА

Kako uspješno voditi projekte u online poslovanju