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

Wireframes vs Mockups


Start dit design

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.

Lav et Design  


Prisfastsættelse

Bare pr. Måned pr. Bruger!

/måned

faktureres årligt

Se Fuld Pris Side



Jeg kan Ikke Tegne!

What if I can't draw?

  • Bare rolig, vi kan heller ikke.
  • Vi har over 1200 præfabrikerede scener og tegn til brug for dig!
  • Alle vores scener og tegn er tilpasselige og nemme at redigere!

Jeg har Ingen Tid!

What if I have No Time?

  • Vi ved det! Vi er også meget optaget!
  • Oprettelse med vores platform er hurtig og nem med vores træk og slip illustrationer.
  • Når du tilmelder dig en konto, kan du gemme dit arbejde og komme tilbage og redigere det til enhver tid.

Jeg kan Godt Lide at Spise Farveblyanter!

I Like to eat crayons!

  • Bare rolig, farveblyanter er ikke giftige!
  • Hvis du har fundet denne joke, ved vi i det mindste du læser dette ...
  • Hvilket betyder at du vil helt sikkert have en gratis prøveperiode på to uger


Lav et Design  

Hjælp Del Storyboard That!


Leder du Efter Mere?

Tjek resten af ​​vores Business Artikler og Ressourcer!

Alle forretningsmæssige ressourcer | Business Strategy Resources | Marketing Resources | Grafiske designressourcer | Produktudvikling Ressourcer | Uddannelse og HR-ressourcer | Filmressourcer | Video Marketing Resources


Særlige udgaver


ForretningProduktudviklingPersonasKunden Maps JourneyWireframesinfografikVideo MarketingFilmComics

Start My Gratis Prøveversion
Start My Gratis Prøveversion
https://sbt-test.azurewebsites.net/da/oprette/wireframes-vs-mockups
© 2019 - Clever Prototypes, LLC - Alle rettigheder forbeholdes.
Udforsk Vores Artikler og Eksempler

Filmressourcer

FilmressourcerVideo Marketing

Illustrerede vejledninger

ErhvervUddannelse
Prøv Vores Andre Hjemmesider!

Photos for Class - Søg efter skole-Safe, Creative Commons Billeder! (Det Selv Cites for dig!)
Quick Rubric - Nemt Lav and Share stor leder rubrikker!
Foretrækker et andet sprog?

•   (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.8867