"Mockup" je visoko tehnički termin koji uglavnom koriste dizajneri. U bukvalnom smislu te riječi mockup znači raspored. Uz njegovu pomoć, profesionalac kreira trodimenzionalnu vizualizaciju bilo čega, kao što je pakiranje ili štampa. Često se koristi u oglašavanju. Jednostavan primjer: lanac brze hrane McDonald's. Apetitan hamburger na slici nije fotografija, već vizuelna idealizacija onoga što želite da kupite i pojedete. Ako se ponuđeni proizvod nalazi unutar okruženja, izgleda bolje i isplativije od običnog screenshot-a (snapshot-a).
Šta je ovo?
Mockup je izgled koji dizajneri koriste za demonstriranje proizvoda ili proizvoda kupcu. Na primjer, budući omot CD-a, foto album, razglednica, sadržaj ili izgled knjige. Zahvaljujući ovoj metodi, kupac vizualno procjenjuje dizajn koji je predložio stručnjak radno okruženje. Rezultat nije samo ravna fotografija, već raspored koji je već postavljen na proizvod. omogućava vam da vidite konačni rezultat u stvarnosti. Pojednostavljuje interakciju između kupca i dizajnera. Vizuelni mokapi vam omogućavaju da testirate proizvode u fazi razvoja, napravite izmjene i dopune prije štampanja.
Maketa je dobra jer je to jednostavan posao koji skraćuje radno vrijeme koji svi bez izuzetka mogu naučiti. Da biste savršeno savladali ovu tehniku, važno je imati razumijevanje za dizajn, osjećaj ukusa, stila, proporcija, poznavanje kompatibilnosti boja, te biti sposoban za rad u grafičkim uređivačima. Dok savladavate mocap, pogledajte radove poznatih dizajnera, učite na tuđim primjerima i greškama.
Zašto je to potrebno?
Makete su potrebne profesionalnim dizajnerima, slobodnim profesijama i umjetnicima koji rade po narudžbi i stvaraju nevjerojatno lijepa djela. Kasnije se prezentiraju klijentu u u svom najboljem izdanju. Maketa je kreirana kako bi se prikazala priča o slici ili tekstu koji poboljšava proizvod i pomaže kupcima da naprave izbor u njegovu korist. Tehnički, makete su PSD datoteke sa pametnim objektima koji se mogu uređivati (slojevi u Photoshopu koji vam omogućavaju da umetnete dizajn gdje želite). Makete mogu biti i fotografije. Na primjer: bilježnica koja leži na stolu ili vizit karta. Možete sami napraviti maketu, kupiti je ili preuzeti gotovu besplatno.
Kako ga kreirati?
Mockup je izgled od nule. Uradi savršen posao lako sa poznati program"Photoshop". Na primjer, ako vam je potreban natpis na vizit karti, najbolje je koristiti gotove datoteke. Na posebnim resursima postoji ogroman broj fotografija s praznim vizit kartama koje leže na stolu.
Trebali biste otvoriti fotografiju u Photoshopu i datoteku sa gotovim natpisom. Potrebno ga je pravilno postaviti na vizitkartu tako da stvara osjećaj stvarnosti. Za to se koriste svi dostupni programski alati. Ova vrsta posla zahtijeva osnovno znanje grafički editor. Ako ne znate kako sami napraviti maketu, proučite teoriju i stalno vježbajte.
Postoji poseban algoritam za samostalno kreiranje makete. Želite li svom kupcu pokazati natpis ili citat? Pripremite kameru i predmete za scenu: bilježnicu, prekrasnu neutralnu pozadinu. Si stavio pravilno osvetljenje, rasporedite predmete i napravite nekoliko slika.
Područja primjene
Sada čitatelji znaju da je maketa izgled vizit karte, časopisa, knjige, razglednice na koji dizajner postavlja određenu sliku, fotografiju ili natpis. Ovaj proces pomaže u vizualizaciji rada (kao što je pisanje na kartici) i omogućava klijentu da shvati kako će rezultat izgledati. Mockup se koristi u izradi web stranica, web aplikacija, štampe, reklamni baneri, natpisi, meniji i još mnogo toga. Dizajneri interijera često mu se obraćaju kada pripremaju dizajn sobe.
Maketa web stranice
Samo profesionalni web dizajneri mogu izraditi maketu web stranice sa vještinom. Razlog je jednostavan - stručnjaci ne paniče ako kupac zahtijeva promjenu bilo kojeg detalja. Mockup pomaže dizajneru da vidi ideju, razvije je i poboljša u budućnosti. Mrežni okvir je šematski plan internet stranice. Prvo, dizajner ga crta rukom na komadu papira. Ovo je neophodno za efikasnije korišćenje alata grafičkih uređivača.
Okvir sajta je kreiran u crno-beloj boji, što omogućava programeru da ocrta lokaciju glavnih elemenata: logo, meni, sadržaj Nakon okvira, dizajner razvija prototip sajta: boju i stil. Jedanaest dolazi u pomoć korisni alati. Oni će vam pomoći prilikom izrade svih detalja stranice. Obratite pažnju na programe InVision, UXPin, Marvel App, Gliffy, OmniGraffle, Moqups, Axure, JustinMind, Mockingbird, HotGloo, Mockplus.
Na primjer, Mockplus je jednostavan dizajnerski alat. Pomaže u stvaranju okvira i prelasku iz crno-bijelog u kolor. Ovaj alat omogućava vam korištenje više od dvije stotine komponenti koje čine izradu web stranice mnogo lakšom. Dizajneru u pomoć priskaču i drugi programi. Uz njihovu pomoć, lako je kreirati elemente web stranice, razrađivati detalje i učiti. Najčešći i najlakši način za stjecanje vještina je da napravite maketu vizit karte.
Graficki editor
Photoshop je jedan od programa koji dizajneru priskače u pomoć prilikom kreiranja raznih projekata i izgleda. Modeli za Photoshop su gotove PSD datoteke. Možete ih preuzeti sa plaćenih ili besplatnih izvora ili ih sami napraviti. Najlakši način je pronaći gotov model i koristiti ga za demonstriranje glavnog rada.
Pokušajte napraviti natpis za knjižicu ili razglednicu. Smislite ideju, odlučite se za boju. Skicirajte ga rukom na komadu papira. Zatim prevedite svoju ideju u grafički program.
Jednostavna i popularna opcija među početnicima je maketa vizit karte. Otvorite preuzetu datoteku, natpis i tekst. Idite na gotov model, kliknite na ikonu "Smart Object" (ovo bi trebala biti slika, iz izbornika odaberite "Uredi sadržaj"). Na površinu vizit karte možete transformisati natpis, promijeniti veličinu, odabrati najprikladniju lokaciju za njega.
Izvori
Nema ništa teško u kreiranju maketa. Oni pojednostavljuju glavni posao dizajnera, štedeći trud i vrijeme. Ako želite, napravite vlastitu bazu podataka takvih datoteka i počnite ih prodavati. Ali za to će vam trebati dobra kamera, vještine snimanja, predmeti, poznavanje rasvjete i osjećaj za dobro razvijen ukus i stil. Izvori slika mogu biti resursi koji, uz naknadu, prodaju gotove slike kako bi demonstrirali dizajn nečega. Ako nema dostupnih Novac Za kupovinu maketa, dizajneru se nudi veliki broj besplatnih izvora. Tamo možete lako pronaći hiljade preuzimanja. prelijepe slike na bilo koju temu.
Nedostaci gotovih maketa: uniformnost, nedostatak individualnosti, stereotipnost. Prednosti: pristupačnost, ljepota, minimalizam, maksimalni realizam, praktičnost. Ako dizajnirate profesionalno, budite sigurni da imate uspostavljenu bazu podataka maketa. Trebalo bi naglasiti autorski stil, povoljno demonstrirati predmet prodaje i privući kupca.
Često želimo lijepo i zanimljivo prikazati svoj rad, ali to nije uvijek moguće učiniti jednostavnim postavljanjem samog rada. Prezentacija izgleda mnogo zanimljivije, gdje se čini da su slike nacrtane u albumu ili korištene na etiketama proizvoda.
Mockup (ili mock-up na engleskom) je posebno pripremljena datoteka u koju možete postaviti svoj dizajn na stvarne objekte. Oni su potrebni da pokažu kako će slika izgledati u stvarnom životu. Obično ovo PSD fajl sa pametnim objektom na koji je umetnuta slika sa dizajnom. Postoje i jednostavne JPEG slike koje se nazivaju mockupovi, ali je teško raditi s njima da bi se slika izobličila i uklopila u okruženje.
Pametni objekti su vrlo kul stvar. Ako ste ikada smanjili sliku u Photoshopu, a zatim je rastegnuli na veliku veličinu, vjerovatno ste dobili ovako nešto, jer Photoshop iskrivljuje datoteke.
Isto važi i za fontove i efekte. Da biste to izbjegli, trebali biste sve elemente pretvoriti u pametne objekte. Da biste kreirali pametni objekat, otvorite bilo koju sliku u Photoshopu. Zatim pretvorite pozadinski sloj u običan (koji se može uređivati) da biste to učinili dvostruki klik Kliknite na nju mišem i pritisnite OK ili napravite njen duplikat pritiskom na kombinaciju tipki Ctrl+J. Zatim klikom desni klik pređite mišem preko konvertovanog/dupliciranog sloja iz kontekstni meni Odaberite Pretvori u pametni objekt. Kada to učinite, mala ikona će se pojaviti na sličici sloja, što ukazuje da je sloj pametni objekat.
U suštini, pametni objekt je kontejner čije promjene ne utječu na objekt unutar njega. Možete rastegnuti, smanjiti, primijeniti efekte bez gubitka kvalitete slike ili fonta. Usput, po defaultu, sve slike koje se povuku u FS postaju pametni objekti.
Uređivanje pametnih objekata se dešava kao uređivanje zasebne datoteke u posebnom prozoru (privremena datoteka se kreira u .psb formatu, povezana sa glavnom datotekom). Promjenom i pohranjivanjem ove datoteke mijenja se glavna slika.
Modeli su vrlo jednostavni za korištenje.
- Preuzmite željeni PSD, otvorite ga i potražite sloj s približnim nazivom “Your design here” ili nešto slično.
- Dvaput kliknite na ikonu pametnog sloja - otvara se novi prozor u koji trebate prevući svoj uzorak ili sliku.
- Nakon toga zatvorite ovaj prozor odabirom “Da” kada vas pita da li da sačuvate.
Sad velika količina resurse u kojima možete pronaći makete za svoje potrebe u kojima ćete prikazati svoj rad bolje svjetlo. Evo nekoliko resursa u kojima možete besplatno pronaći neke dobre makete.
Zapravo, makete nije teško napraviti sami ako imate osnovne vještine Photoshopa. Evo odličnog videa gdje se na primjeru majice pokazuje kako se slijed rada može prenijeti umjesto majice na bilo koji drugi predmet.
Predivno predstavite svoj rad - koristite makete
| 29.12.2015
Mockup je u suštini mockup proizvoda koji dizajneri koriste za jasnije demonstriranje kreiranog dizajna. Na kraju krajeva, prilika da se gotovi rad pogleda direktno na mediju za koji je kreiran bolja je nego vidjeti isti dizajn jednostavno na monitoru. Tako, zahvaljujući mock-up fajlovima, možete kupcu lijepo pokazati kako će u stvarnosti izgledati dizajn njegove vizit karte, web stranice, aplikacije itd.
Mockup šablone koriste i sami dizajneri kako bi samostalno ocijenili rezultat svog rada, posmatrajući rad iz drugog ugla. Danas smo za vas prikupili nekoliko stranica na kojima možete besplatno preuzeti makete.
1.Freebiesbug
Freebiesbug.com ima veliku kolekciju ne samo mockup datoteka, već i drugih resursa za web razvoj. Stranica se stalno ažurira. Ovdje ćete naći makete iPhonea, iPada, Apple Watch, makete pametnih telefona drugih proizvođača i još mnogo toga.
2. PSDMokupovi
Kao što možete pretpostaviti iz naziva, stranica je u potpunosti posvećena maketama. Ovdje ih ima puno, na bilo koju temu - od izgleda pametnih telefona i knjiga do izgleda audio kaseta i poklon vrećica. Ako trebate pronaći nešto konkretno, koristite pretragu web stranice.
3. PSDcovers
Pretvoriti 2D dizajn u 3D proizvod? Lako! 72 stranice različitih PSD izgleda - ova stranica će biti korisna dizajnerima ambalaže. Šolje, knjige, tegle - sve možete pronaći ovdje. Osim toga, postoje resursi za identitet i web dizajn.
Još jedna prednost PSDCovers usluge je to što ne postavljate samo mockup datoteku, u koju onda sami morate umetnuti željenu sliku dizajna. Učitavate akciju za program Adobe Photoshop, koji sam ugrađuje željenu sliku u 3D izgled. Shvatićete to samo čitajući uputstva.
4. Zbirka iz Prečua
Sjajna kolekcija od preko 1000 PSD modela razvrstanih po kategorijama. Odaberite željenu kategoriju ili jednostavno skrolujte prema dolje po stranici, a kada primijetite lijepu maketu, kliknite na dugme Preuzmi pored nje.
5.Pixeden
34 stranice visokokvalitetnih maketa na različite teme - od majica do časopisa. Većina mockup datoteka ovdje će biti korisna programerima korporativni identitet, međutim, mogu se naći i druge kategorije.
6. Mockupworld
Ovdje se također nalazi ogroman broj visokokvalitetnih i besplatnih mockup datoteka. Stranica ima kategorije izgleda kao što su Apple Watch, iPhone, iPad, MacBook, iMac, ambalaža, papir i knjige, moda i odjeća, znakovi i bilbordi.
