https://sbt-test.azurewebsites.net/da/oprette/wireframes-vs-mockups

Wireframes vs Mockups

Når du designer en ny webside eller tilføjer en ny funktion til dit produkt, er det vigtigt at oprette både wireframes og mockups - men hvad er forskellen? Kort sagt er en wireframe en lavt troværdighed, minimalistisk tilgang til et designkoncept. Det fokuserer på kernelayoutet og funktionerne en ny side vil have, men efterlader al flash til mockup. Mockups er højere troværdighed og omfatter farve, ægte sprog og ægte ikoner. En wireframe bestemmer, hvordan en mockup vil se ud, og en mockup bør være en nøjagtig, statisk repræsentation af slutproduktet.


wireframes


Lav et Design*

mockups


Lav et Design*


3 Forskelle mellem Wireframes og Mockups

  1. Farve

    Den første store forskel mellem wireframes og mockups er farveskærmen. Ved wireframing er det bedst at forsætligt være dyster med dit farveskema, eller bedre, men hold det helt sort og hvidt. At forlade farve ud af dine wireframes hjælper med at undgå distraktioner, når du planlægger og fokuserer på generelle sidelayout og design. For mockups, gør det modsatte. Spil med forskellige farveskemaer og find den, du vil bruge med dit endelige produkt. Mockup-farver skal pope og lokke brugeren.

  2. Stil

    Den næste store forskel er den generelle stil. Wireframes har en tendens til at være meget netorienteret, idet de fleste genstande er af samme størrelse eller proportional med hinanden. Mens det stadig er godt at følge den generelle grid tilgang, når du opretter en mockup, er det okay at løsne reglerne lidt. Stol på dine øjne, og hvad du synes ser bedre ud. Generelt skal wireframes holde sig til strenge stil retningslinjer, mens mockups kan have mere smidighed for hvad designeren mener er den bedste pasform.

  3. Sprog

    Endelig er en stor forskel mellem wireframes og mockups det anvendte sprog. Ved wireframing er det bedst at bruge falsk eller stedholdere som Lorum Ipsum . Igen er grunden til at gøre dette sådan, at produktudviklingsholdet ikke er distraheret af websidens kopi og i stedet fokuserer på det generelle design. For mockups skal du inkludere den rigtige kopi, du vil se på siden. Ved at inkludere ægte kopi i mockups giver du både dig selv og udviklingsholdet en ide om, hvordan teksten rent faktisk skal gøre på slutproduktet og hvor meget plads det tager op.

Prisfastsættelse

Bare pr. Måned pr. Bruger!

/måned

faktureres årligt

Email mit Citat
Køb nu!
*(Dette vil starte en 2 ugers gratis prøveperiode - ingen kreditkort nødvendig)
Se flere wireframe-skabeloner!
Se Alle Forretningsressourcer
https://sbt-test.azurewebsites.net/da/oprette/wireframes-vs-mockups
© 2020 - Clever Prototypes, LLC - Alle rettigheder forbeholdes.
Over 14 millioner storyboards oprettet
Storyboard That Family