https://sbt-test.azurewebsites.net/nl/create/wireframes-vs-mockups

Wireframes vs Mockups

Bij het ontwerpen van een nieuwe webpagina of het toevoegen van een nieuwe functie aan uw product, is het belangrijk om zowel wireframes als mockups te maken, maar wat is het verschil? Kortom, een wireframe is een low-fidelity, minimalistische benadering van een ontwerpconcept. Het concentreert zich op de kernlay-out en eigenschappen die een nieuwe pagina zal hebben, maar laat alle flits aan de mockup. Mockups zijn hogere getrouwheid en omvatten kleur, echte taal en echte pictogrammen. Een wireframe bepaalt hoe een mockup eruit zal zien en een mockup moet een nauwkeurige, statische weergave van het uiteindelijke product zijn.


wireframes


Maak een Ontwerp*

mockups


Maak een Ontwerp*


3 verschillen tussen wireframes en mockups

  1. Kleur

    Het eerste grote verschil tussen wireframes en mockups is de weergave van kleur. Bij wireframing is het het beste om opzettelijk zwart te kleuren, of beter nog helemaal zwart en wit te houden. Als u de kleur uit uw wireframes laat verdwijnen, voorkomt u afleidingen bij het plannen en scherpstellen op de algemene paginalay-out en het ontwerp. Voor mockups, doe het tegenovergestelde. Speel met verschillende kleurenschema's en vind degene die u wilt gebruiken met uw eindproduct. Modelkleuren moeten de gebruiker poppen en verleiden.

  2. Stijl

    Het volgende grote verschil is de algemene stijl. Wireframes hebben de neiging heel raster gericht te zijn, waarbij de meeste objecten even groot of proportioneel ten opzichte van elkaar zijn. Hoewel het nog steeds goed is om de algemene rasterbenadering te volgen bij het maken van een mockup, is het goed om de regels een beetje te versoepelen. Vertrouw op je ogen en wat je denkt ziet er beter uit. Over het algemeen zouden wireframes moeten voldoen aan strikte stijlrichtlijnen, terwijl mockups meer clementie kunnen hebben voor wat de ontwerper denkt dat het best past.

  3. Taal

    Ten slotte is een groot verschil tussen wireframes en mockups de gebruikte taal. Bij wireframing is het het beste om nep- of plaatshouders te gebruiken zoals Lorum Ipsum . Nogmaals, de reden hiervoor is dat het productontwikkelteam niet afgeleid wordt door de kopie op de webpagina en in plaats daarvan focust op het algemene ontwerp. Voor mockups neemt u de echte kopie op die u op de pagina wilt weergeven. Door een exemplaar in proefmodellen op te nemen, geeft u zowel uzelf als het ontwikkelteam een idee van hoe de tekst daadwerkelijk op het uiteindelijke product moet worden weergegeven en hoeveel ruimte het in beslag neemt.

Pricing

Slechts per maand per gebruiker!

/maand

jaarlijks gefactureerd

E-mail Mijn Offerte
Koop nu!
*(Hiermee start u een gratis proefperiode van 2 weken - geen creditcard nodig)
Bekijk meer Wireframe-sjablonen!
Bekijk Alle Zakelijke Bronnen
https://sbt-test.azurewebsites.net/nl/create/wireframes-vs-mockups
© 2020 - Clever Prototypes, LLC - Alle rechten voorbehouden.
Meer dan 14 miljoen storyboards gemaakt
Storyboard That Family