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
mockups
3 forskjeller mellom Wireframes og Mockups
-
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. -
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. -
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.
Ofte Stilte Spørsmål om Wireframes vs. Mockups
Hva er hovedforskjellen mellom en wireframe og en mockup?
En wireframe er en grunnleggende visuell representasjon som skisserer strukturen og funksjonaliteten til et prosjekt, mens en mockup er en mer detaljert visuell representasjon som viser hvordan prosjektet vil se ut og fungere.
Når bør jeg bruke en wireframe kontra en mockup?
Bruk en wireframe i de tidlige stadiene av designprosessen for å etablere den grunnleggende layouten og strukturen til et prosjekt. Bruk en mockup senere i prosessen for å avgrense designet og legge til mer spesifikke visuelle elementer.
Trenger jeg både en wireframe og en mockup?
Det avhenger av kompleksiteten til prosjektet og teamets behov. I noen tilfeller kan en wireframe være tilstrekkelig for å kommunisere designideer, mens i andre kan en mockup være nødvendig for å vise hvordan det endelige produktet vil se ut og fungere.
Kan wireframes og mockups brukes til både nettsteder og apper?
Ja, wireframes og mockups kan brukes til både nettsteder og apper, så vel som andre typer digitale produkter som programvareapplikasjoner og digitale grensesnitt.
© 2024 - Clever Prototypes, LLC - Alle rettigheter forbeholdt.
StoryboardThat er et varemerke for Clever Prototypes , LLC , og registrert i US Patent and Trademark Office
