https://www.storyboardthat.com/hr/stvoriti/wireframes-vs-skice

Wireframes vs Mockups


Započnite dizajn

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


Stvorite Dizajn  






skice


Stvorite Dizajn  







3 Razlike između Wireframes i Mockups

  1. 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.

  2. 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.

  3. 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.

Stvorite Dizajn  


Cijena

Samo mjesečno po korisniku!

/mjesec

naplaćuje se godišnje

Pogledajte Stranicu Cijene Cijene



Ne Mogu Crtati!

What if I can't draw?

  • Ne brinite, niti mi.
  • Imamo preko 1200 predefiniranih prizora i znakova za korištenje!
  • Sve scene i likovi su prilagodljivi i lako se uređuju!

Nemam Vremena!

What if I have No Time?

  • Mi to znamo! I mi smo super zauzet!
  • Stvaranje s našom platformom je brzo i jednostavno s našim drag and drop umjetnička djela.
  • Kada se prijavite za račun, možete spremiti svoj rad i vratiti ga i urediti u bilo kojem trenutku.

Volim Jesti Bojice!

I Like to eat crayons!

  • Ne brinite, bojice nisu otrovne!
  • Ako ste pronašli ovu šalu, bar znamo da čitate ovo ...
  • Što znači da svakako želite dvotjedno besplatno probno razdoblje


Stvorite Dizajn  

Pomoć Storyboard That!


Tražite Više?

Pogledajte ostale članke i resurse tvrtke!

Svi poslovni resursi | Resursi poslovne strategije | Marketing resursi | Izvori grafičkog dizajna | Resursi za razvoj proizvoda | Izobrazba i ljudski resursi | Resursi za film | Video marketing resursi


Posebna izdanja


PosaoRazvoj proizvodaOsobneKarte za putnike kupacaŽičane mrežeInfografikaVideo marketingFilmStrip

Pokreni Moju Besplatnu Probnu Verziju
Pokreni Moju Besplatnu Probnu Verziju
https://www.storyboardthat.com/hr/stvoriti/wireframes-vs-skice
© 2019 - Clever Prototypes, LLC - Sva prava pridržana.
Istražite Naše Članke i Primjere

Isprobajte Naše Druge web Stranice!

Photos for Class - Traži školske sigurne, Creative Commons fotografije! ( Čak citira i za vas! )
Quick Rubric - Quick Rubric i dijeliti Velika potražnja rubrika!
Želite li drugi jezik?

•   (English) Wireframes vs. Mockups   •   (Español) Wireframes vs Maquetas   •   (Français) Wireframes vs. Mockups   •   (Deutsch) Wireframes vs. Mockups   •   (Italiana) Wireframe vs. Mockup   •   (Nederlands) Wireframes Versus Mockups   •   (Português) Wireframes vs. Mockups   •   (עברית) Wireframes לעומת Mockups   •   (العَرَبِيَّة) Wireframes مقابل نماذج بالحجم الطبيعي   •   (हिन्दी) वायरफ्रेम बनाम मॉकअप   •   (ру́сский язы́к) Каркасы Против Макетов   •   (Dansk) Wireframes vs Mockups   •   (Svenska) Wireframes vs Mockups   •   (Suomi) Wireframes vs. Mockups   •   (Norsk) Wireframes vs Mockups   •   (Türkçe) Wireframe'ler ve Maketler   •   (Polski) Modele Szkieletowe a Makiety   •   (Româna) Wireframe vs. Mockups   •   (Ceština) Drátové Modely vs Mockups   •   (Slovenský) Drôtové Modely vs Mockups   •   (Magyar) Wireframes vs. Mockups   •   (Hrvatski) Wireframes vs Mockups   •   (български) Wireframes Срещу Mockups   •   (Lietuvos) Wireframes vs Mockups   •   (Slovenščina) Wireframes vs Mockups   •   (Latvijas) Wireframes vs Mockups   •   (eesti) Wireframes vs Mockups