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

Drátové Modely vs Mockups


Začněte svůj návrh

Drátové modely vs Mockups

Při navrhování nové webové stránky nebo přidávání nové funkce do produktu je důležité vytvořit drátové modely i makety - ale jaký je rozdíl? Stručně řečeno, wireframe je minimalistický přístup k konceptu designu. Zaměřuje se na základní rozvržení a funkce, které bude mít nová stránka, ale ponechá veškerý blesk na maketu. Mockups jsou vyšší věrnost a zahrnují barvu, skutečný jazyk a pravdivé ikony. Drátový model rozhoduje o tom, jak bude maketa vypadat, a maketa by měla být přesná, statická reprezentace konečného produktu.


Drátové modely


Vytvořit Návrh  






Makety


Vytvořit Návrh  







3 Rozdíly mezi drátovými modely a makety

  1. Barva

    Prvním velkým rozdílem mezi drátovými modely a maketami je zobrazení barvy. Při wireframingu je nejlepší úmyslně být bezútěšným barevným schématem, nebo ještě lépe, aby byl celý černobílý. Ponechání barev z drátových modelů pomáhá vyhnout se rozptýlení při plánování a zaměřování se na obecné rozvržení stránky a design. Pro makety udělejte opak. Hrajte s různými barevnými schématy a najděte ten, který chcete použít s vaším konečným produktem. Mockup barvy by měly pop a lákat uživatele.

  2. Styl

    Dalším velkým rozdílem je obecný styl. Drátové modely mají tendenci být velmi orientované na mřížku, přičemž většina objektů je buď stejná nebo navzájem úměrná. I když je stále dobré dodržovat obecný přístup k síti při vytváření makety, je v pořádku uvolnit pravidla trochu. Věřte svým očím a tomu, co si myslíte, že vypadá lépe. Celkově by se drátové modely měly držet přísných pokynů, zatímco makety mohou mít větší shovívavost za to, co si designér myslí nejlépe.

  3. Jazyk

    Konečně, velký rozdíl mezi wireframes a mockups je použitý jazyk. Při wireframingu je nejlepší použít falešný jazyk nebo jazyk držáku místa jako Lorum Ipsum . Důvodem pro to je opět to, že vývojový tým produktu není rozptylován kopií webové stránky a místo toho se zaměřuje na obecný design. Pro makety zahrňte skutečnou kopii, kterou chcete zobrazit na stránce. Zahrnutím skutečné kopie v maketách dáte jak sobě, tak vývojovému týmu představu o tom, jak by se měl text skutečně vykreslit na finálním produktu a kolik místa zabírá.

Vytvořit Návrh  


Ceny

Pouze za měsíc na jednoho uživatele!

/Měsíc

účtovány každoročně

Viz Úplná Cenová Stránka



Nemůžu Nakreslit!

What if I can't draw?

  • Nebojte se, ani my nemůžeme.
  • Máme více než 1200 předem připravených scén a postaviček, které můžete použít!
  • Všechny naše scény a postavy jsou přizpůsobitelné a snadno upravitelné!

Nemám Čas!

What if I have No Time?

  • Zname to! Jsme příliš zaneprázdněni!
  • Vytváření s naší platformou je rychlé a snadné díky kreslení a kreslení.
  • Když se přihlásíte k účtu, můžete svou práci uložit a vrátit se a upravit ji kdykoli.

Líbí se mi Jíst Pastelky!

I Like to eat crayons!

  • Nebojte se, pastelky nejsou toxické!
  • Pokud jste našli tento vtip, aspoň víme, že čtete tento ...
  • Což znamená, že určitě budete chtít dva týdny zkušební verzi zdarma


Vytvořit Návrh  

Pomozte Sdílet Storyboard That!


Hledáte Více?

Podívejte se na zbytek našich obchodních článků a zdrojů!

Všechny obchodní zdroje Zdroje obchodní strategie | Marketingové zdroje Zdroje grafického designu Zdroje pro vývoj produktů Vzdělávání a personální zdroje Filmové zdroje Video Marketingové zdroje


Speciální edice


ObchodVývoj produktůPersonasMapy cest zákazníkaDrátové modelyInfografikaVideo MarketingFilmKomiksy

Spusťte Moje Zkušební Verze Zdarma
Start Tento Zkušební Verze Zdarma
https://sbt-test.azurewebsites.net/cs/create/wireframes-vs-mockups
© 2019 - Clever Prototypes, LLC - Všechna práva vyhrazena.
Prozkoumejte Naše Články a Příklady

Filmové zdroje

Filmové zdrojeVideo marketing

Ilustrované průvodce

PodnikáníVzdělávání
Vyzkoušejte Naše Další Webové Stránky!

Photos for Class - Vyhledejte škola-Safe, Creative Commons Fotografie! ( To dokonce cituje pro vás! )
Quick Rubric - Snadno vytvářet a sdílet skvěle vyhlížející Rubrics!
Preferujete jiný jazyk?

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