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.
