Makety sú kreatívne, často fotorealistické prezentácie, ktoré ukazujú, ako môže dizajn vyzerať alebo fungovať v reálnom svete. Inými slovami, implementácia ktorejkoľvek z týchto 4 profesionálnych techník makety poskytuje pohľad do budúcnosti: návrh loga vytlačený na taške, ktorú nosia náhodní nakupujúci, aplikácia posúvaná neviditeľnou rukou alebo dokonca plne značkový priečelie obchodu. Nech je to presvedčivé, musíte vedieť robiť profesionálne rozloženia. Tu vám povieme, ako na to.

Hoci sa skladajú z obrázkov, dizajnové rozloženia sú najúčinnejšie, keď rozprávajú príbeh. Starostlivosť a detaily vložené do príbehu rozhodnú o tom, či sa divákom bude páčiť, alebo ho uspí.

Existujú dva prvky, vďaka ktorým je technika rozloženia úspešná: kreatívne nastavenie scény a realistické začlenenie dizajnu. Predtým sme sa venovali predchádzajúcej téme s tipmi, ktoré sa zameriavali na formulovanie konceptu rozloženia a výber správnych obrázkov na rozprávanie príbehu. V tomto článku stručne načrtneme technické aspekty vytvárania makety vášho návrhu pomocou 4 najbežnejších metód makety.

Rozloženie knihy. Požiadavky na dizajn knihy.

1. Vytvorte si vlastné rozloženie od začiatku. Makety
-

Vlastné rozloženie je rozloženie, ktoré je úplne prispôsobené konkrétnemu dizajnu. Ak chcete vytvoriť jedinečné makety, odporúčame túto techniku ​​​​dosiahnuť najlepšie výsledky. Vzhľadom na to, že účelom makety je prezentácia a v konečnom dôsledku presviedčanie (t. j. predaj dizajnového konceptu), je samozrejmé, že najpresvedčivejšia maketa je tá, ktorá je navrhnutá pre konkrétneho klienta.

Dizajn a rozloženie loga značky nápojov.

Dizajn a rozloženie loga značky nápojov

 

Ale samozrejme, vytváranie makiet od nuly pre každý projekt nie je najpraktickejší prístup. To si vyžaduje veľa úsilia pre niečo, čo je v podstate jednorazová prezentácia aktíva. To je tiež užitočné len vtedy, ak je koncept rozloženia veľmi originálny – nemá zmysel sa motať so všetkými týmito problémami, ak je výsledok na nerozoznanie od šablóny. V konečnom dôsledku je len na vás, aby ste sa rozhodli, či ste dostatočne zapálení pre projekt alebo klienta, aby ste urobili niečo navyše a vytvorili jedinečnú maketu.

Návrh loga a prezentácia rozloženia pre technologickú značku.

Návrh loga a prezentácia rozloženia pre technologickú značku

Pre skutočne vlastné rozloženie budete potrebovať originálne fotografie. To vám umožní vytvoriť rozloženie scény, ktoré je oveľa bližšie k vašej vízii dizajnu, zatiaľ čo fotografie z fotografií sú svojou povahou navrhnuté pre všeobecné nastavenia a scény. Ak máte vybavenie, skúsenosti a čas, môžete si urobiť vlastné fotografie. V takom prípade by ste si mali vopred premyslieť alebo načrtnúť scénu, podobne ako by ste mohli vytvoriť storyboard vo filme.

Čo je predajná marža? a ako to vypočítať

Môžete si najať aj profesionálneho fotografa, ale to je, samozrejme, náklad, ktorý nebude praktický pre každého dizajnéra – je to pravdepodobnejšie v oblasti dizajnérskej agentúry, s ktorou firemných klientov. Skvelou alternatívou je použitie fotografií, ktoré patria klientovi: napríklad dizajnér Top Level goopanic aplikuje svoju značku Academia de Artes na skutočné fotografie školy a jej študentov. Aj keď tieto fotky také nie sú Vysoká kvalitaAko profesionálne fotografie poskytnú klientovi autentickejšiu predstavu o tom, ako bude ich dizajn nakoniec vyzerať.

Akonáhle budete mať svoje fotografie, budete musieť použiť softvér na úpravu fotografií na začlenenie vášho návrhu do obrázka. Najbežnejším softvérom na tento účel je Adobe Photoshop, ale spoľahlivými alternatívami sú Affinity Photo a Gimp. Tieto programy poskytujú mnoho nástrojov a sprievodcov na dosiahnutie realistických výsledkov a v podstate sa obmedzujú na nasledovné:

  • transformačné nástroje, aby dizajn zodpovedal obrázku
  • režimy prelínania na začlenenie textúry z pôvodnej fotografie
  • nastavovacie vrstvy pre prácu s osvetlením, farbami a kontrastom

 

Ak chcete pracovať s vlastnými animáciami, použite animačný softvér, ako je After Effects: môžete napríklad použiť masky vrstiev na vytvorenie rolovacích animácií pre aplikácie na fotografii telefónu.

Požadované nástroje

  • Fotografovanie a/alebo fotografické vybavenie
  • Softvér pre úprava fotografií (Photoshop, Serif Photo, Gimp)
  • *Voliteľný* Animačný softvér (Adobe After Effects)

výdavky

  • Stredná až vysoká

Pros

  • Výsledkom sú makety, ktoré sú konkrétnejšie a vernejšie vízii dizajnéra.
  • Zdrojové obrázky; žiadne vodoznaky ani potreba kupovať licencie

Zápory

2. Vytvorte opakovane použiteľné šablóny rozloženia. Makety.
-

Vlastné šablóny rozloženia sú rozloženia, ktoré dizajnéri vytvárajú sami, ale sú dostatočne všeobecné na to, aby sa dali použiť vo viacerých projektoch. Ako sme zdôraznili v poslednej časti, vytváranie vlastných makiet pre každý projekt môže byť nepraktické a drahé, ale táto metóda umožňuje dizajnérovi vytvárať modely, ktoré sú originálne a opakovane použiteľné za nižšiu cenu.

Toto je tiež spôsob, ako môže dizajnér pridať svoj vlastný osobná značka alebo opakujúci sa štýl vo vašich prezentáciách pre klientov.

Maketa dizajnu aplikácie zobrazujúca muža v kaviarni pomocou iPhone. Makety

Maketa dizajnu aplikácie zobrazujúca muža v kaviarni pomocou iPhone

 

Proces vytvárania šablón makiet je v podstate rovnaký ako vytváranie vlastných makiet: stále si musíte kúpiť fotografiu a použiť program na úpravu fotografií na začlenenie dizajnu. Jedným z rozdielov je prístup k fotografovaniu vášho rozloženia: mal by byť dostatočne vágny, aby fungoval pre viacerých klientov – napríklad namiesto použitia akejkoľvek identifikujúcej scenérie sa pozadie rozloženia špičkovej dizajnérky Darie V. zameriava na ilustrované akcenty, ktoré možno zmeniť. s každým projektom.

Ilustrovaný dizajn makety balenia produktu. Makety

Ilustrovaný dizajn makety balenia produktu

Ilustrovaný dizajn makety balenia produktu. Makety

Ilustrovaný dizajn makety balenia produktu

To môže pomôcť zoskupiť klientov na základe spoločných tém, ako je napríklad odvetvie (môžete mať jednu šablónu rozloženia pre všetkých klientov, ktorí vlastnia reštaurácie, jednu pre všetkých maloobchodných klientov atď.). To uľahčuje výber obrázkov, ktoré budú fungovať v bežných kontextoch.

Generátory rozloženia kníh: 5 bezplatných nástrojov

V prípade fyzických produktov niektorí dizajnéri vytvárajú prázdne zobrazenia produktu pomocou 3D softvéru, ako je Adobe Dimension, čo má ďalšiu výhodu v tom, že umožňuje vytváranie otočných animovaných rozložení.

Ak chcete vytvoriť rozloženie šablóny vo Photoshope, vaším cieľom je v podstate nastaviť dokument tak, aby bolo možné dizajn ľahko nahradiť v budúcich projektoch pri zachovaní všetkých vašich manipulácia. Photoshop na to poskytuje dva užitočné nástroje:

Inteligentné objekty Photoshopu. Makety.

Inteligentný objekt je v podstate kontajner, ktorý ukladá obrázok v prepojenom dokumente, čo vám umožňuje robiť v ňom drastické zmeny v rámci vašej väčšej kompozície bez ovplyvnenia pôvodného obrázka. Ak nahradíte obrázok v inteligentnom objekte, aktualizuje sa v kompozícii so všetkými vašimi zmenami, ktoré ste naň použili.

Takže, s maketami, všetko, čo musíte urobiť, je previesť vrstvu návrhu na inteligentný objekt na začiatku projektu (prejdite do Vrstva > Inteligentné objekty > Previesť na inteligentný objekt). Potom môžete jednoducho vymeniť dizajn vo vnútri inteligentného objektu, keď budete nabudúce potrebovať rozloženie.

Photoshop akcie. Makety.

Akcie zaznamenávajú zmeny, ktoré vykonáte v dokumente Photoshopu, takže tieto kroky môžete zopakovať kliknutím na tlačidlo, čím sa eliminujú opakujúce sa úlohy. Takže pomocou makety môžete pomocou akcie zaznamenať všetky transformácie a efekty, ktoré použijete na dizajn, aby sa zhodoval s fotografiou, a použiť tie isté zmeny na iný dizajn v budúcnosti jednoduchým kliknutím na tlačidlo.

Požadované nástroje

  • Fotografovanie a/alebo fotografické vybavenie
  • Softvér na úpravu fotografií (Photoshop, Serif Photo, Gimp)
  • *Voliteľný* softvér na 3D modelovanie produktov

výdavky

  • Mierny

Pros

  • Opakované použitie stojí za námahu vytvárať vlastné rozloženia.
  • Zdrojové obrázky; žiadne vodoznaky ani potreba kupovať licencie

Zápory

  • Vyžaduje pokročilejšie znalosti softvéru
  • Môže to byť zbytočné úsilie, ak sa výsledky dostatočne nelíšia od šablóny tretej strany.

3. Použite webovú stránku generátora maket.
-

Webová stránka generátora maket je online služba, ktorá používa obrázky a softvér AI na automatické generovanie makety zo šablóny tretej strany. Typicky všetko, čo dizajnér musí urobiť, je nahrať svoj dizajn a softvér sa postará o všetky technické problémy.

Snímka obrazovky domovskej stránky generátora modelov dizajnu Placeit. Makety

Snímka obrazovky domovskej stránky generátora modelov dizajnu Placeit

Táto metóda je zďaleka najlacnejšie a najjednoduchšie riešenie, ale má určité nevýhody. Výsledné rozloženie bude neoriginálne a vzhľadom na to, že mnoho dizajnérov využilo rovnakú službu, nie je nezvyčajné vidieť rovnaké obrázky rozloženia, ktoré sa objavujú s nevoľnosťou na všetkých stránkach portfólia. Zároveň to môže byť v núdzi užitočné a pokiaľ klient nie je poskytovateľ dizajnérskych mockupov, asi im to nebude vadiť.

Pri výbere služby by ste mali zvážiť: cenu, kvalitu a relevantnosť. Pokiaľ ide o cenu, mnohé generátory maket sa dajú použiť zadarmo, aj keď by ste si mali dávať pozor na skryté nepríjemnosti, ako je pridávanie vodoznakov alebo obmedzený výber šablón. V opačnom prípade sa cena zvyčajne odvíja od modely predplatnéhoa väčšina služieb, ktoré som skontroloval, sa pohybuje v rozmedzí 10 až 20 USD za mesiac.

Vypracovanie štandardných korporátnych dizajnových rozložení. Makety

Vypracovanie štandardných korporátnych dizajnových rozložení

Kvalita môže závisieť od osobného vkusu, ale mali by ste stráviť nejaký čas štúdiom rozložení, ktoré používajú iní dizajnéri a konkurenti, aby ste pochopili, čo je šikovné a čo je všeobecné. Môžete tiež použiť služby ako Trustpilot na nájdenie používateľských recenzií, ktoré vám okrem propagačného materiálu povedia, ako dobre služba funguje a aké sú skutočné výsledky.

Snímka obrazovky domovskej stránky generátora návrhov dizajnu Artboard Studio. Makety

Snímka obrazovky domovskej stránky generátora návrhov dizajnu Artboard Studio

Snímka obrazovky domovskej stránky generátora modelov dizajnu Smartmockups

Snímka obrazovky domovskej stránky generátora modelov dizajnu Smartmockups

Nakoniec, niektoré z týchto stránok sa špecializujú na určité typy rozložení a budete si musieť vybrať také, ktoré bude relevantné pre vaše projekty, najmä ak si kupujete predplatné. Špecializujú sa napríklad Artboard Studio a Mockup Mark tlač a rozloženie oblečenie. Služby ako AppMockUp a Mockuuups Studio sa špecializujú na makety digitálneho dizajnu. Medzitým Smartmockups, renderforest a Placeit ponúkajú spoločné makety šablón pre tlač aj digitálne.

Požadované nástroje

  • Spoľahlivé internetové pripojenie
  • *Voliteľné* Členstvo v rozložení stránky

výdavky

  • Od voľnej po nízku

Pros

  • Rýchlo a bez námahy; nie sú potrebné žiadne znalosti softvéru
  • Kvalita sa niekedy môže blížiť vlastnému rozloženiu

Zápory

  • Vytvára spoločný vzhľad s obrázkami, ktoré mnohé návrhy používajú online.
  • Model predplatného je užitočný iba vtedy, ak sú potrebné viaceré rozloženia.

4. Na vytvorenie rozloženia použite softvérový doplnok.
-

Mockup pluginy sú integrácie tretích strán, ktoré sa pripájajú k návrhovému softvéru na vytváranie makiet. Tieto aplikácie v podstate umožňujú dizajnérom navrhovať a vytvárať rozloženia v rámci jedného programu s ďalšou výhodou, že dizajnér môže použiť nástroje programu na vykonanie zmien rozloženia po jeho vytvorení.

Snímka obrazovky domovskej stránky doplnku dizajnu Mokup Frames

Snímka obrazovky domovskej stránky doplnku dizajnu Mokup Frames

Je to to najlepšie z oboch svetov: lacná, nenáročná a prispôsobiteľná šablóna. Vďaka tomu je táto metóda všeobecne určená pre digitálny dizajn a väčšina doplnkov je zameraná na softvér na prototypovanie aplikácií, ako napr Skica , Obr и Adobe XD .

Snímka obrazovky domovskej stránky doplnku Angle design layout

Snímka obrazovky domovskej stránky doplnku Angle design layout

Existuje niekoľko populárnych služieb, ktoré poskytujú doplnky na stiahnutie, vrátane Uhol , Rotato и Mokupové rámy . Keďže tento softvér je možné stiahnuť, zvyčajne vyžaduje jednorazovú platbu. Táto cena je zvyčajne vyššia ako na väčšine stránok s generátormi modelov, ale z dlhodobého hľadiska je nižšia, pretože neplatíte predplatné.

Na stiahnutie a inštaláciu doplnku do softvéru budete musieť postupovať podľa pokynov pre konkrétne stránky. Odtiaľ budete mať možnosť použiť dizajn z vášho softvéru na rozloženie. Proces je podobný ako pri použití webovej stránky s generátorom maket: doplnok automaticky vytvorí vašu maketu a na jej úpravu použijete nástroje na prispôsobenie.

Požadované nástroje

  • Dizajnový softvér (Sketch, Figma, Adobe XD)
  • Licencia a plugin na stiahnutie

výdavky

  • nízky

Pros

  • Rýchlo a bez námahy; Vyžaduje sa malá znalosť softvéru
  • Makety sa vytvárajú v dizajnovom softvéri ako súčasť procesu navrhovania.

Zápory

  • Vytvára spoločný vzhľad s obrázkami, ktoré mnohé návrhy používajú online.
  • Výsledky sa príliš nelíšia od online generátorov maket

Je čas vytvoriť jedinečné makety!
-

Dizajnové makety sú neuveriteľne výkonné prezentačné nástroje, ktoré nielen predávajú nápad na dizajn, ale tiež poskytujú divákovi okno do budúcnosti, kde už tento dizajn existuje. Keď sa to urobí dobre, klient bude takmer nútený túto budúcnosť premeniť na skutočnosť.

Ako je uvedené v tomto článku, existuje veľa metód na vytváranie makiet a každá z nich má svoje vlastné výhody a nevýhody. Ale bez ohľadu na to, ako vytvoríte svoje rozloženia, výsledky budú v konečnom dôsledku závisieť od dizajnéra a jeho odhodlania realisticky vykresliť rozloženie, ktoré vyskočí z obrazovky.

 АЗБУКА

Ako úspešne riadiť projekty v online biznise