https://www.storyboardthat.com/no/opprett/tråd-vs-mockups

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.

Priser

Bare per måned per bruker!

/måned

fakturert årlig

Send Epostet Mitt
Kjøp nå!
*(Dette vil starte en 2 ukers gratis prøveversjon - ingen kredittkort nødvendig)
Se flere wireframe maler!
Vis Alle Forretningsressurser
https://www.storyboardthat.com/no/opprett/tråd-vs-mockups
© 2020 - Clever Prototypes, LLC - Alle rettigheter reservert.
Over 14 millioner storyboards opprettet
Storyboard That Family