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

Wireframes vs Mockups


Starten Sie Ihr Design

Wireframes vs Mockups

Beim Entwerfen einer neuen Webseite oder Hinzufügen einer neuen Funktion zu Ihrem Produkt ist es wichtig, sowohl Wireframes als auch Mockups zu erstellen - aber was ist der Unterschied? Kurz gesagt, ein Drahtgitter ist ein minimalistischer Ansatz mit geringer Wiedergabetreue für ein Designkonzept. Es konzentriert sich auf das Kernlayout und bietet eine neue Seite, überlässt jedoch den gesamten Flash dem Mockup. Mockups sind originalgetreuer und enthalten Farben, echte Sprache und echte Symbole. Ein Drahtmodell bestimmt, wie ein Modell aussehen soll, und ein Modell sollte eine genaue, statische Darstellung des Endprodukts sein.


Wireframes


Erstellen Sie ein Design  






Modelle


Erstellen Sie ein Design  







3 Unterschiede zwischen Wireframes und Mockups

  1. Farbe

    Der erste große Unterschied zwischen Drahtgittern und Mockups ist die Farbdarstellung. Wenn Sie mit Drahtgitter arbeiten, ist es am besten, absichtlich mit Ihrem Farbschema nicht einverstanden zu sein, oder besser, es ganz in Schwarzweiß zu halten. Wenn Sie die Farbe in Ihren Drahtgittern lassen, vermeiden Sie Ablenkungen, wenn Sie sich auf das allgemeine Seitenlayout und -design konzentrieren. Tun Sie für Modelle das Gegenteil. Spielen Sie mit verschiedenen Farbschemata und finden Sie dasjenige, das Sie für Ihr Endprodukt verwenden möchten. Modellfarben sollten auftauchen und den Benutzer verführen.

  2. Stil

    Der nächste große Unterschied ist der allgemeine Stil. Drahtgitter sind in der Regel sehr gitterorientiert, wobei die meisten Objekte entweder gleich groß oder proportional zueinander sind. Während es immer noch gut ist, beim Erstellen eines Modells den allgemeinen Rasteransatz zu befolgen, ist es in Ordnung, die Regeln ein wenig zu lockern. Vertraue deinen Augen und was du denkst sieht besser aus. Insgesamt sollten wireframes strenge Stilrichtlinien einhalten, während Mockups mehr Nachsicht für das haben können, was der Designer für die beste Passform hält.

  3. Sprache

    Ein wesentlicher Unterschied zwischen Wireframes und Mockups ist die verwendete Sprache. Beim Wireframing ist es am besten, eine gefälschte oder Platzhaltersprache wie Lorum Ipsum zu verwenden . Der Grund dafür ist wiederum, dass das Produktentwicklungsteam nicht von der Kopie der Webseite abgelenkt wird und sich stattdessen auf das allgemeine Design konzentriert. Fügen Sie für Modelle die echte Kopie hinzu, die auf der Seite angezeigt werden soll. Indem Sie echte Kopien in Mockups einbinden, geben Sie sich selbst und dem Entwicklerteam eine Vorstellung davon, wie der Text auf dem Endprodukt tatsächlich gerendert werden soll und wie viel Platz es in Anspruch nimmt.

Erstellen Sie ein Design  


Preisgestaltung

Nur pro Monat pro Benutzer!

/Monat

jährlich abgerechnet

Siehe Vollständige Preisliste



Ich Kann Nicht Zeichnen!

What if I can't draw?

  • Mach dir keine Sorgen, wir auch nicht.
  • Wir haben über 1200 vorgefertigte Szenen und Charaktere für Sie!
  • Alle unsere Szenen und Charaktere sind anpassbar und einfach zu bearbeiten!

Ich Habe Keine Zeit!

What if I have No Time?

  • Wir wissen es! Wir sind auch super beschäftigt!
  • Mit unserer Drag & Drop-Grafik können Sie schnell und einfach mit unserer Plattform erstellen.
  • Wenn Sie sich für ein Konto anmelden, können Sie Ihre Arbeit speichern und jederzeit wieder bearbeiten.

Ich Esse Gerne Buntstifte!

I Like to eat crayons!

  • Mach dir keine Sorgen, Buntstifte sind ungiftig!
  • Wenn Sie diesen Witz gefunden haben, wissen wir zumindest, dass Sie das lesen ...
  • Was bedeutet, dass Sie auf jeden Fall eine zweiwöchige kostenlose Testversion wollen


Erstellen Sie ein Design  

Hilfe Storyboard That!


Suchen Sie Mehr?

Schauen Sie sich den Rest unserer Business-Artikel und Ressourcen!

Alle Geschäftsressourcen | Ressourcen für Geschäftsstrategien | Marketing-Ressourcen | Ressourcen für Grafikdesign | Ressourcen für die Produktentwicklung | Schulungs- und Personalressourcen | Filmressourcen | Video-Marketing-Ressourcen


Sondereditionen


BusinessProduktentwicklungPersonasCustomer Journey MapsWireframesInfografikenVideomarketingFilmComics

Starten Sie Meine Kostenlose Testversion
Starten Sie Meine Kostenlose Testversion
https://sbt-test.azurewebsites.net/de/create/wireframes-vs-mockups
© 2019 - Clever Prototypes, LLC - Alle Rechte vorbehalten.
Entdecken Sie Unsere Artikel und Beispiele

Geschäftsressourcen

Alle GeschäftsartikelGeschäftsvorlagen

Filmressourcen

FilmressourcenVideomarketing

Illustrierte Anleitungen

BusinessBildung
Versuchen Sie Unsere Anderen Websites!

Photos for Class - Suche nach School-Safe, Creative Commons Fotos! ( Es selbst zitiert für Sie! )
Quick Rubric - Leicht machen und teilen Great Looking Rubrics!
Bevorzugen Sie eine andere Sprache?

•   (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 31.2545