https://sbt-test.azurewebsites.net/no/opprett/tråd-vs-mockups

Wireframes vs Mockups


Start designen din

Wireframes vs Mockups

Når du designer en ny nettside eller legger til en ny funksjon i produktet ditt, er det viktig å lage både wireframes og mockups - men hva er forskjellen? Kort sagt, en wireframe er en lavt troverdighet, minimalistisk tilnærming til et designkonsept. Det fokuserer på kjerneoppsettet, og funksjoner som en ny side vil ha, men etterlater all blits til mockup. Mockups er høyere troskap og inkluderer farge, ekte språk og ekte ikoner. En wireframe bestemmer hvordan en mockup vil se ut, og en mockup bør være en nøyaktig, statisk fremstilling av sluttproduktet.


tråd


Lag et Design  






mockups


Lag et Design  







3 forskjeller mellom Wireframes og Mockups

  1. Farge

    Den første store forskjellen mellom wireframes og mockups er displayet av farge. Når det gjelder wireframing, er det best å bevisst være dyster med fargevalg, eller bedre, men vær så snill å holde den helt svart og hvit. Å forlate farge ut av wireframes hjelper deg med å unngå distrahert når du planlegger og fokuserer på generell sidelayout og design. For mockups, gjør motsatt. Spill med forskjellige fargevalg og finn den du vil bruke med ditt endelige produkt. Mockup-farger burde poppe og lokke brukeren.

  2. Stil

    Den neste store forskjellen er den generelle stilen. Wireframes har en tendens til å være veldig grid-orientert, med de fleste gjenstander som enten i samme størrelse eller proporsjonal med hverandre. Mens det fortsatt er godt å følge den generelle grid-tilnærmingen når du lager en mockup, er det greit å løsne reglene litt. Stol på øynene dine og hva du synes ser bedre ut. Samlet sett bør wireframes holde seg til strenge stilretningslinjer, mens mockups kan ha mer brukervennlighet for hva designeren mener er best egnet.

  3. Språk

    Endelig er en stor forskjell mellom wireframes og mockups det språket som brukes. Når wireframing er, er det best å bruke falsk eller stedholder språk som Lorum Ipsum . Igjen er årsaken til å gjøre dette, slik at produktutviklingslaget ikke blir distrahert av nettsiden kopi og i stedet fokuserer på det generelle design. For mockups, ta med den ekte kopien du vil se på siden. Ved å inkludere ekte kopi i mockups gir du både deg selv og utviklingslaget en ide om hvordan teksten faktisk skal gjengis på sluttproduktet og hvor mye plass det tar opp.

Lag et Design  


Priser

Bare per måned per bruker!

/måned

fakturert årlig

Se Full Pris Side



Jeg kan Ikke Tegne!

What if I can't draw?

  • Ikke bekymre deg, vi kan heller ikke.
  • Vi har over 1200 pre-made scener og tegn for deg å bruke!
  • Alle våre scener og tegn er tilpassbare og enkle å redigere!

Jeg har Ikke Tid!

What if I have No Time?

  • Vi vet det! Vi er også veldig opptatte!
  • Å lage med vår plattform er rask og enkel med vår dra og slipp kunstverk.
  • Når du registrerer deg for en konto, kan du lagre arbeidet ditt og komme tilbake og redigere det når som helst.

Jeg Liker å Spise Fargestifter!

I Like to eat crayons!

  • Ikke bekymre deg, fargestifter er ikke giftige!
  • Hvis du har funnet denne spøk, vet vi i hvert fall at du leser dette ...
  • Som betyr at du vil definitivt ha en to ukers gratis prøveversjon


Lag et Design  

Hjelp Del Storyboard That!


Leter du Etter Mer?

Sjekk ut resten av våre Business artikler og ressurser!

Alle forretningsressurser | Forretningsstrategiske ressurser | Markedsføringsressurser | Grafisk designressurser | Ressurser for produktutvikling | Trening og HR-ressurser | Filmressurser | Video Marketing Resources


Spesialutgaver


ForretningerProduktutviklingPersonasKundefartskortWireframesInfographicsVideo MarketingFilmTegneserier

Begynn My Free Trial
Begynn My Free Trial
https://sbt-test.azurewebsites.net/no/opprett/tråd-vs-mockups
© 2019 - Clever Prototypes, LLC - Alle rettigheter reservert.
Utforsk Våre Artikler og Eksempler

Forretningsressurser

Alle forretningsartiklerForretningsmaler

Illustrerte guider

VirksomhetUtdanning
Prøv Våre Andre Nettsteder!

Photos for Class - Søk etter skole-Safe, Creative Commons bilder! (Det Selv Sitater for deg!)
Quick Rubric - Lett Lag og Del flotte rubrikkene!
Foretrekker et annet 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

Page Render - Time 31.2601