Makety jsou kreativní, často fotorealistické prezentace, které ukazují, jak může design vypadat nebo fungovat v reálném světě. Jinými slovy, implementace kterékoli z těchto 4 profesionálních technik makety poskytuje pohled do budoucnosti: návrh loga vytištěný na tašce, kterou nosí náhodní nakupující, aplikace rolovaná neviditelnou rukou nebo dokonce plně značková přední strana obchodu. Ať je to přesvědčivé, musíte vědět, jak dělat profesionální rozvržení. Zde vám řekneme, jak na to.

Přestože se skládají z obrázků, návrhová rozvržení jsou nejúčinnější, když vyprávějí příběh. Péče a detaily vložené do příběhu rozhodnou o tom, zda se divákům bude líbit, nebo jej uspí.

Existují dva prvky, díky kterým je technika rozvržení úspěšná: kreativní nastavení scény a realistické začlenění návrhu. Dříve jsme se zabývali předchozím tématem tipy, které se zaměřovaly na formulování konceptu rozvržení a výběr správných obrázků k vyprávění příběhu. V tomto článku stručně nastíníme technické aspekty vytváření makety vašeho návrhu pomocí 4 nejběžnějších metod makety.

Rozložení knihy. Požadavky na design knihy.

1. Vytvořte si vlastní rozvržení od začátku. Makety
-

Vlastní rozložení je rozložení, které je zcela přizpůsobeno konkrétnímu designu. Pokud chcete vytvořit jedinečné makety, doporučujeme tuto techniku ​​​​dosáhnout nejlepší výsledky. Vzhledem k tomu, že účelem makety je prezentace a v konečném důsledku přesvědčování (tedy prodej designového konceptu), je samozřejmé, že nejpřesvědčivější maketa je ta, která je navržena pro konkrétního klienta.

Návrh a rozvržení loga značky nápojů.

Návrh a rozvržení loga značky nápojů

 

Ale samozřejmě vytváření maket od nuly pro každý projekt není nejpraktičtější přístup. To vyžaduje hodně úsilí pro něco, co je v podstatě jednorázová prezentace aktivum. To je také užitečné pouze v případě, že je koncept rozvržení velmi originální – nemá smysl se s tím vším potýkat, pokud je výsledek k nerozeznání od šablony. Nakonec je na vás, abyste se rozhodli, zda jste pro projekt nebo klient natolik nadšení, že uděláte něco navíc a vytvoříte jedinečný model.

Návrh loga a prezentace rozvržení pro technologickou značku.

Návrh loga a prezentace rozvržení pro technologickou značku

Pro skutečně vlastní rozvržení budete potřebovat originální fotografie. To vám umožní vytvořit rozvržení scény, které je mnohem bližší vaší vizi designu, zatímco fotografie ze série jsou ze své podstaty určeny pro obecná nastavení a scény. Pokud máte vybavení, zkušenosti a čas, můžete si pořídit vlastní fotografie. V tomto případě byste si měli předem promyslet nebo načrtnout scénu, podobně jako byste mohli vytvořit scénář filmu.

Co je prodejní marže? a jak to vypočítat

Můžete si také najmout profesionálního fotografa, ale to je samozřejmě náklad, který nebude praktický pro každého designéra – to je pravděpodobnější v oblasti designové agentury spolupracující s firemní klientelu. Skvělou alternativou je použití fotografií, které patří klientovi: například designér Top Level goopanic aplikuje svůj branding Academia de Artes na skutečné fotografie školy a jejích studentů. I když tyhle fotky takové nejsou Vysoká kvalitaJako profesionální fotografie poskytnou klientovi autentičtější představu o tom, jak bude jejich design nakonec vypadat.

Jakmile budete mít své fotografie, budete muset použít software pro úpravu fotografií k začlenění vašeho návrhu do obrázku. Nejběžnějším softwarem pro tento účel je Adobe Photoshop, ale spolehlivými alternativami jsou Affinity Photo a Gimp. Tyto programy poskytují mnoho nástrojů a návodů k dosažení realistických výsledků a v zásadě se scvrkají na následující:

  • transformační nástroje, aby design odpovídal obrazu
  • režimy prolnutí pro začlenění textury z původní fotografie
  • vrstvy úprav pro práci s osvětlením, barvami a kontrastem

 

Chcete-li pracovat s vlastními animacemi, použijte animační software, jako je After Effects: například můžete použít masky vrstev k vytvoření rolovacích animací pro aplikace na fotografii telefonu.

Požadované nástroje

  • Fotografování a/nebo fotografické vybavení
  • Software pro úprava fotografie (Photoshop, Serif Photo, Gimp)
  • *Volitelný* Animační software (Adobe After Effects)

Výdaje

  • Střední až vysoká

Pros

  • Výsledkem jsou makety, které jsou konkrétnější a věrnější vizím návrháře.
  • Zdrojové obrázky; žádné vodoznaky ani potřeba kupovat licence

Zápory

2. Vytvořte opakovaně použitelné šablony rozvržení. Makety.
-

Vlastní šablony rozvržení jsou rozvržení, která návrháři vytvářejí sami, ale jsou dostatečně obecné, aby je bylo možné použít ve více projektech. Jak jsme poukázali v minulé části, vytváření vlastních maket pro každý projekt může být nepraktické a nákladné, ale tato metoda umožňuje návrhářům vytvářet makety, které jsou originální a opakovaně použitelné s nižšími náklady.

To je také způsob, jak může designér přidat svůj vlastní osobní značka nebo opakující se styl ve vašich prezentacích pro klienty.

Maketa návrhu aplikace zobrazující muže v kavárně pomocí iPhone. Makety

Maketa návrhu aplikace zobrazující muže v kavárně pomocí iPhone

 

Proces vytváření šablon maket je v podstatě stejný jako vytváření vlastních maket: stále musíte zakoupit fotografii a použít program pro úpravu fotografií, abyste začlenili design. Jedním z rozdílů je přístup k fotografování vašeho rozvržení: měl by být dostatečně vágní, aby fungoval pro více klientů – například namísto použití jakékoli identifikující scenérie se pozadí rozvržení špičkové návrhářky Darie V. zaměří na ilustrované akcenty, které lze změnit. s každým projektem.

Ilustrovaný návrh makety balení produktu. Makety

Ilustrovaný návrh makety balení produktu

Ilustrovaný návrh makety balení produktu. Makety

Ilustrovaný návrh makety balení produktu

To může pomoci seskupit klienty na základě společných témat, jako je průmysl (můžete mít jednu šablonu rozvržení pro všechny klienty vlastnící restaurace, jednu pro všechny maloobchodní klienty atd.). To usnadňuje výběr obrázků, které budou fungovat v běžných kontextech.

Generátory rozvržení knih: 5 ZDARMA nástrojů

U fyzických produktů někteří návrháři vytvářejí prázdná zobrazení produktu pomocí 3D softwaru, jako je Adobe Dimension, což má další výhodu v tom, že umožňuje vytváření otočných animovaných rozvržení.

Chcete-li vytvořit rozvržení šablony ve Photoshopu, vaším cílem je v zásadě nastavit dokument tak, aby bylo možné návrh snadno nahradit v budoucích projektech při zachování všech vašich manipulace. Photoshop k tomu nabízí dva užitečné nástroje:

Inteligentní objekty Photoshopu. Makety.

Inteligentní objekt je v podstatě kontejner, který ukládá obrázek v propojeném dokumentu, což vám umožňuje provádět drastické změny ve vaší větší kompozici, aniž by to ovlivnilo původní obrázek. Pokud nahradíte obrázek v inteligentním objektu, aktualizuje se v kompozici se všemi vašimi změnami, které jste na něj použili.

Takže s maketami stačí na začátku projektu převést vrstvu návrhu na inteligentní objekt (přejděte do Vrstva > Inteligentní objekty > Převést na inteligentní objekt). Poté můžete jednoduše vyměnit design uvnitř inteligentního objektu, až budete příště potřebovat rozvržení.

Akce Photoshopu. Makety.

Akce zaznamenávají změny, které provedete v dokumentu Photoshopu, takže tyto kroky můžete opakovat kliknutím na tlačítko, čímž se eliminují opakované úkoly. Takže pomocí makety můžete pomocí akce zaznamenat všechny transformace a efekty, které použijete na návrh, aby odpovídal fotografii, a použít stejné změny na jiný design v budoucnu pouhým kliknutím na tlačítko.

Požadované nástroje

  • Fotografování a/nebo fotografické vybavení
  • Software pro úpravu fotografií (Photoshop, Serif Photo, Gimp)
  • *Volitelný* software pro 3D modelování produktů

Výdaje

  • Mírný

Pros

  • Při opakovaném použití se vyplatí vytvořit vlastní rozvržení.
  • Zdrojové obrázky; žádné vodoznaky ani potřeba kupovat licence

Zápory

  • Vyžaduje pokročilejší znalosti softwaru
  • Pokud se výsledky dostatečně neliší od šablony třetí strany, může to být zbytečné úsilí.

3. Použijte webovou stránku generátoru maket.
-

Webová stránka generátoru maket je online služba, která používá obrázky a software AI k automatickému generování makety ze šablony třetí strany. Vše, co návrhář obvykle potřebuje, je nahrát svůj návrh a software se postará o všechny technické problémy.

Snímek obrazovky domovské stránky generátoru maket designu Placeit. Makety

Snímek obrazovky domovské stránky generátoru maket designu Placeit

Tato metoda je zdaleka nejlevnější a nejjednodušší řešení, ale má určité nevýhody. Výsledné rozvržení bude neoriginální a vzhledem k tomu, že mnoho designérů použilo stejnou službu, není neobvyklé, že se stejné obrázky rozvržení objevují na všech stránkách portfolia. Přitom to může být v nouzi užitečné, a pokud není klient poskytovatelem designérských maket, asi jim to vadit nebude.

Při výběru služby byste měli zvážit následující: cenu, kvalitu a relevanci. Pokud jde o cenu, mnoho generátorů maket je k použití zdarma, i když byste se měli mít na pozoru před skrytými nepříjemnostmi, jako je přidávání vodoznaků nebo omezený výběr šablon. Jinak se cena většinou odvíjí modely předplatnéhoa většina služeb, které jsem zkontroloval, se pohybuje v rozmezí 10 až 20 USD za měsíc.

Vypracování standardních rozvržení firemního designu. Makety

Vypracování standardních rozvržení firemního designu

Kvalita může záviset na osobním vkusu, ale měli byste strávit nějaký čas studiem rozvržení, které používají ostatní designéři a konkurenti, abyste získali pocit, co je chytré a co je obecné. Můžete také použít služby jako Trustpilot k vyhledání uživatelských recenzí, které vám kromě propagačních materiálů řeknou, jak dobře služba funguje a jaké jsou skutečné výsledky.

Snímek obrazovky domovské stránky generátoru maket designu Artboard Studio. Makety

Snímek obrazovky domovské stránky generátoru maket designu Artboard Studio

Snímek obrazovky domovské stránky generátoru maket designu Smartmockups

Snímek obrazovky domovské stránky generátoru maket designu Smartmockups

A konečně, některé z těchto stránek se specializují na určité typy rozvržení a budete si muset vybrat takové, které bude relevantní pro vaše projekty, zejména pokud si kupujete předplatné. Specializují se například Artboard Studio a Mockup Mark tisk a rozvržení oblečení. Služby jako AppMockUp a Mockuuups Studio se specializují na makety digitálního designu. Mezitím Smartmockups, renderforest a Placeit nabízejí společné šablony maket pro tisk i digitální tisk.

Požadované nástroje

  • Spolehlivé připojení k internetu
  • *Volitelné* Členství v rozvržení webu

Výdaje

  • Od volného k nízkému

Pros

  • Rychle a bez námahy; nejsou vyžadovány žádné softwarové znalosti
  • Kvalita se někdy může blížit vlastnímu rozvržení

Zápory

  • Vytváří společný vzhled s obrázky, které mnoho návrhů používá online.
  • Model předplatného je užitečný pouze v případě, že je potřeba více rozvržení.

4. K vytvoření rozvržení použijte softwarový plugin.
-

Mockup pluginy jsou integrace třetích stran, které se připojují k návrhovému softwaru a vytvářejí makety. Tyto aplikace v podstatě umožňují návrhářům navrhovat a vytvářet rozvržení v rámci jediného programu s další výhodou, že návrhář může používat nástroje programu k provádění změn rozvržení po jeho vytvoření.

Snímek obrazovky domovské stránky pluginu Mokup Frames

Snímek obrazovky domovské stránky pluginu Mokup Frames

Je to to nejlepší z obou světů: levná, nenáročná a přizpůsobitelná šablona. Díky tomu je tato metoda obecně určena pro digitální design a většina pluginů je zaměřena na software pro prototypování aplikací, jako je např skica , Obr и Adobe XD .

Snímek obrazovky domovské stránky pluginu Angle design layout

Snímek obrazovky domovské stránky pluginu Angle design layout

Existuje několik populárních služeb, které poskytují zásuvné moduly ke stažení, včetně Úhel , Rotato и Mokup rámy . Protože je tento software ke stažení, obvykle vyžaduje jednorázovou platbu. Tato cena je obvykle vyšší než u většiny stránek s generátorem maket, ale z dlouhodobého hlediska je nižší, protože neplatíte poplatek za předplatné.

Chcete-li stáhnout a nainstalovat plugin do svého softwaru, budete muset postupovat podle pokynů pro konkrétní web. Odtud budete mít možnost použít návrh z vašeho softwaru na rozvržení. Proces je podobný jako při použití webové stránky s generátorem maket: plugin automaticky vytvoří vaši maketu a k jejímu vylepšení použijete nástroje pro přizpůsobení.

Požadované nástroje

  • Designový software (Sketch, Figma, Adobe XD)
  • Licence a plugin ke stažení

Výdaje

  • nízký

Pros

  • Rychle a bez námahy; Vyžaduje malé znalosti softwaru
  • Makety jsou vytvářeny v návrhovém softwaru jako součást procesu návrhu.

Zápory

  • Vytváří společný vzhled s obrázky, které mnoho návrhů používá online.
  • Výsledky se příliš neliší od online generátorů maket

Je čas vytvořit jedinečné makety!
-

Návrhové makety jsou neuvěřitelně výkonné prezentační nástroje, které nejen prodávají návrhový nápad, ale také poskytují divákovi okno do budoucnosti, kde tento návrh již existuje. Když se to udělá dobře, klient bude téměř nucen tuto budoucnost proměnit ve skutečnost.

Jak je uvedeno v tomto článku, existuje mnoho metod pro vytváření maket a každá z nich má svůj vlastní výhody a nevýhody. Ale bez ohledu na to, jak vytvoříte rozvržení, výsledky budou nakonec záviset na návrháři a jeho odhodlání realisticky vykreslit rozvržení, které vyskočí z obrazovky.

 АЗБУКА

Jak úspěšně řídit projekty v online podnikání