Frågor om fjärrutbildning? Klicka här

https://sbt-test.azurewebsites.net/sv/skapa/wireframes-vs-prototyper

Wireframes vs Mockups

När du designar en ny webbsida eller lägger till en ny funktion för din produkt är det viktigt att skapa både trådramar och mockups - men vad är skillnaden? Kort sagt är en wireframe en lågtrohet, minimalistisk inställning till ett konceptkoncept. Det fokuserar på kärnlayouten och funktionerna som en ny sida kommer att ha, men lämnar all blixten till mockupen. Mockups är högre trovärdighet och inkluderar färg, riktigt språk och sanna ikoner. En wireframe bestämmer hur en mockup ska se ut, och en mockup bör vara en exakt, statisk representation av slutprodukten.


wireframes


Skapa en Design*

prototyper


Skapa en Design*


3 Skillnader mellan Wireframes och Mockups

  1. Färg

    Den första stora skillnaden mellan wireframes och mockups är färgens display. Vid trådframställning är det bäst att avsiktligt vara dyster med ditt färgschema, eller bättre, men håll det helt svart och vitt. Att lämna färg ur dina trådramar hjälper till att undvika distraktioner när man planerar och fokuserar på generell sidlayout och design. För mockups, gör motsatsen. Spela med olika färgscheman och hitta den som du vill använda med din slutprodukt. Mockup-färger ska pop och locka användaren.

  2. Stil

    Nästa stora skillnad är den allmänna stilen. Trådramar tenderar att vara mycket nätverksorienterade, med de flesta objekten lika stora eller proportionella med varandra. Även om det fortfarande är bra att följa det allmänna nätet när man skapar en mockup, är det okej att lossa reglerna lite. Lita på dina ögon och vad du tycker ser bättre ut. Sammantaget bör wireframes hålla sig till strikta riktlinjer, medan mockups kan ha mer smidighet för vad formgivaren tycker är den bästa passformen.

  3. Språk

    Slutligen är en stor skillnad mellan wireframes och mockups det språk som används. Vid wireframing är det bäst att använda falsk eller platshållare som Lorum Ipsum . Återigen är anledningen till att detta görs så att produktutvecklingslaget inte distraheras av webbsidans kopia och istället fokuserar på den allmänna designen. För mockups, ta med den riktiga kopia du vill se på sidan. Genom att inkludera verklig kopia i mockups ger du både dig själv och utvecklingsgruppen en uppfattning om hur texten verkligen ska göra på slutprodukten och hur mycket utrymme det tar upp.

Prissättning

Bara per månad per användare!

/månad

faktureras årligen

E-posta Mitt Citat
Köp nu!
*(Detta kommer att starta en 2 veckors gratis prov - inget kreditkort behövs)
Visa fler Wireframe-mallar!
Visa Alla Affärsresurser
https://sbt-test.azurewebsites.net/sv/skapa/wireframes-vs-prototyper
© 2020 - Clever Prototypes, LLC - Alla rättigheter förbehållna.
Över 13 miljoner storyboards skapade
Storyboard That Family