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

Wireframes vs Mockups


Start je ontwerp

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.

Maak een Ontwerp  


Pricing

Slechts per maand per gebruiker!

/maand

jaarlijks gefactureerd

Zie Volledige Prijspagina



Ik kan Niet Tekenen!

What if I can't draw?

  • Maak je geen zorgen, dat kunnen we ook niet.
  • We hebben meer dan 1200 vooraf gemaakte scènes en personages die u kunt gebruiken!
  • Al onze scènes en personages zijn aanpasbaar en gemakkelijk te bewerken!

Ik heb Geen Tijd!

What if I have No Time?

  • We weten het! We zijn ook super bezig!
  • Maken met ons platform gaat snel en eenvoudig met onze drag & drop-illustraties.
  • Wanneer u zich aanmeldt voor een account, kunt u uw werk opslaan en op elk gewenst moment terugkomen om het te bewerken.

Ik eet Graag Kleurpotloden!

I Like to eat crayons!

  • Maak je geen zorgen, kleurpotloden zijn niet giftig!
  • Als je deze grap hebt gevonden, weten we tenminste dat je dit leest ...
  • Dat betekent dat je zeker een gratis proefperiode van twee weken wilt


Maak een Ontwerp  

Hulp Share Storyboard That!


Op Zoek Naar Meer?

Controleer de rest van onze Business artikelen en middelen!

Alle bedrijfsmiddelen | Bronnen voor bedrijfsstrategieën Marketingbronnen | Grafische ontwerpbronnen | Middelen voor productontwikkeling | Trainings- en HR-bronnen | Filmbronnen | Middelen voor video-marketing


Speciale edities


ZakelijkProductontwikkelingPersona'sKaarten met klantreizenWireframesInfographicsVideomarketingFilmStrips

Start My Free Trial
Start My Free Trial
https://sbt-test.azurewebsites.net/nl/create/wireframes-vs-mockups
© 2019 - Clever Prototypes, LLC - Alle rechten voorbehouden.
Ontdek Onze Artikelen en Voorbeelden

Hulpbronnen voor leerkrachten

LesplannenWerkbladsjablonenPoster-sjablonenStoryboard-sjablonen

Filmbronnen

FilmbronnenVideomarketing

Geïllustreerde gidsen

ZakelijkOnderwijs
Probeer ook Onze Andere Sites!

Photos for Class - Zoeken naar School-Safe, Creative Commons Foto's! (Het Cites Zelfs voor u!)
Quick Rubric - gemakkelijk Zorg and Share goed uitziende Rubrieken!
Liever een andere taal?

•   (English) Wireframes vs. Mockups   •   (Español) Wireframes vs Maquetas   •   (Français) Wireframes vs. Mockups   •   (Deutsch) Wireframes vs. Mockups   •   (Italiana) Wireframe vs. Mockup   •   (Nederlands) Wireframes Versus Mockups   •   (Português) Wireframes vs. Mockups   •   (עברית) Wireframes לעומת Mockups   •   (العَرَبِيَّة) Wireframes مقابل نماذج بالحجم الطبيعي   •   (हिन्दी) वायरफ्रेम बनाम मॉकअप   •   (ру́сский язы́к) Каркасы Против Макетов   •   (Dansk) Wireframes vs Mockups   •   (Svenska) Wireframes vs Mockups   •   (Suomi) Wireframes vs. Mockups   •   (Norsk) Wireframes vs Mockups   •   (Türkçe) Wireframe'ler ve Maketler   •   (Polski) Modele Szkieletowe a Makiety   •   (Româna) Wireframe vs. Mockups   •   (Ceština) Drátové Modely vs Mockups   •   (Slovenský) Drôtové Modely vs Mockups   •   (Magyar) Wireframes vs. Mockups   •   (Hrvatski) Wireframes vs Mockups   •   (български) Wireframes Срещу Mockups   •   (Lietuvos) Wireframes vs Mockups   •   (Slovenščina) Wireframes vs Mockups   •   (Latvijas) Wireframes vs Mockups   •   (eesti) Wireframes vs Mockups

Page Render - Time 46.8845