Wireframes vs Mockups
Prilikom izrade nove web-stranice ili dodavanja nove značajke proizvodu, važno je stvoriti i žičane okvire i makete - ali koja je razlika? Ukratko, wireframe je minimalistički pristup dizajnerskom konceptu. Usredotočuje se na raspored jezgre i značajke koje će imati nova stranica, ali ostavlja sav bljesak modelu. Makete su više vjernosti i uključuju boju, pravi jezik i prave ikone. Žičani okvir odlučuje kako će izgledati model, a model bi trebao biti točan, statičan prikaz konačnog proizvoda.
wireframes
skice
3 Razlike između Wireframes i Mockups
-
Boja
Prva velika razlika između grafičkih okvira i modela je prikaz boja. Kada se žičano uokviri, najbolje je namjerno biti turobno sa svojom shemom boja, ili još bolje da bude potpuno crno-bijelo. Ako ostavite boju izvan vaših žica, izbjegavajte smetnje pri planiranju i fokusiranju na opći izgled stranice i dizajn. Za makete, učinite suprotno. Igrajte se s različitim shemama boja i pronađite onaj koji želite koristiti s vašim konačnim proizvodom. Mockup boje treba pop-up i privući korisnika. -
Stil
Sljedeća velika razlika je opći stil. Wireframes imaju tendenciju da se vrlo grid-orijentirana, s većinom objekata ili su iste veličine ili proporcionalne jedna drugoj. Iako je još uvijek dobro slijediti opći pristup mreži prilikom izrade modela, u redu je malo popustiti pravila. Vjerujte svojim očima i onome što mislite da izgleda bolje. Sve u svemu, žičani okviri bi se trebali pridržavati strogih smjernica za stil, dok makete mogu imati više popustljivosti za ono što dizajner smatra najboljim. -
Jezik
Konačno, glavna razlika između wireframes i mockups je jezik koji se koristi. Prilikom žičanog uokvirenja najbolje je koristiti lažni jezik ili jezik nositelja mjesta kao što je Lorum Ipsum . Opet, razlog za to je da tim za razvoj proizvoda nije ometen kopijom web-stranice i umjesto toga se fokusira na opći dizajn. Za makete uključite pravu kopiju koju želite prikazati na stranici. Uključivanjem stvarne kopije u mockups vi i vama i razvojnom timu dajete predodžbu o tome kako bi se tekst trebao prikazati na konačnom proizvodu i koliko prostora zauzima.
Često Postavljana Pitanja o Žičanim Okvirima u Odnosu na Modele
Koja je glavna razlika između wireframea i mockup-a?
Wireframe je osnovni vizualni prikaz koji ocrtava strukturu i funkcionalnost projekta, dok je mockup detaljniji vizualni prikaz koji pokazuje kako će projekt izgledati i funkcionirati.
Kada trebam koristiti wireframe a ne mockup?
Koristite žičani okvir u ranim fazama procesa dizajna kako biste uspostavili osnovni izgled i strukturu projekta. Upotrijebite maketu kasnije u procesu kako biste poboljšali dizajn i dodali više specifičnih vizualnih elemenata.
Trebam li i wireframe i mockup?
Ovisi o složenosti projekta i potrebama tima. U nekim slučajevima, žičani okvir može biti dovoljan za prenošenje dizajnerskih ideja, dok u drugim može biti potreban model da se pokaže kako će konačni proizvod izgledati i funkcionirati.
Mogu li se wireframes i mockupovi koristiti i za web stranice i za aplikacije?
Da, žični okviri i makete mogu se koristiti i za web-mjesta i za aplikacije, kao i za druge vrste digitalnih proizvoda kao što su softverske aplikacije i digitalna sučelja.
© 2024 - Clever Prototypes, LLC - Sva prava pridržana.
StoryboardThat je zaštitni znak tvrtke Clever Prototypes , LLC i registriran u Uredu za patente i zaštitne znakove SAD-a
