https://www.storyboardthat.com/sv/skapa/wireframes-vs-prototyper

Wireframes vs Mockups


Starta din design

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.

Skapa en Design  


Prissättning

Bara per månad per användare!

/månad

faktureras årligen

Se Fullständig Prissättningssida



Jag kan Inte Rita!

What if I can't draw?

  • Oroa dig inte, vi kan inte heller.
  • Vi har över 1200 färdiga scener och tecken för dig att använda!
  • Alla våra scener och tecken är anpassningsbara och lätta att redigera!

Jag har Ingen Tid!

What if I have No Time?

  • Vi vet det! Vi är också mycket upptagna!
  • Att skapa med vår plattform är snabbt och enkelt med vårt dra och släppa konstverk.
  • När du registrerar dig för ett konto kan du spara ditt jobb och komma tillbaka och redigera det när som helst.

Jag Gillar att äta Kritor!

I Like to eat crayons!

  • Oroa dig inte, kritor är giftfria!
  • Om du har hittat det här skämt, vet vi åtminstone att du läser detta ...
  • Vilket innebär att du definitivt vill ha en två veckors gratis provperiod


Skapa en Design  

Hjälp Share Storyboard That!


Letar du Efter Mer?

Kolla in resten av våra Business artiklarna och resurser!

Alla affärsresurser | Business Strategy Resources | Marknadsföring Resurser | Grafiska designresurser | Produktutvecklingsresurser | Utbildning och HR-resurser | Filmresurser | Video Marketing Resources


Specialutgåvor


BusinessProduktutvecklingPersonerKundtjänstkortWireframesInfographicsVideo MarketingFilmSerier

Starta My Free Trial
Starta My Free Trial
https://www.storyboardthat.com/sv/skapa/wireframes-vs-prototyper
© 2019 - Clever Prototypes, LLC - Alla rättigheter förbehållna.
Utforska Våra Artiklar och Exempel

Affärsresurser

Alla affärsartiklarAffärsmallar

Illustrerade guider

FöretagUtbildning
Kolla in vår Andra Webbplatser!

Photos for Class - Sök efter School-Safe, Creative Commons foton! (Det citerar Även för dig!)
Quick Rubric - lätt man gör och Share snygg rubriker!
Föredrar ett annat språk?

•   (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