76 odkazů, které vám pomohou zefektivnit a zrychlit váš návrh

Pojďme si promluvit o nástrojích, které mají designéři Pragmatica po ruce při vývoji koncepce designu. Obzvláště důležité, pokud v projektu není žádný obsah. Tato kolekce vám pomůže rozšířit vaše grafické možnosti, ušetřit zdroje a čas.

Pokud se vrátíte zpět o osm let zpět a podíváte se odtamtud, nedobrovolně se vrhne slza. Sada byla tehdy hubená: Shutterstock, dvě písma Google a Helvetica. Bylo možné fotografovat nebo hledat 3D designéra, ale to jsou zdroje, které projekt často neměl.

Navíc klient jednoduše nemohl souhlasit s obtížným konceptem. Studia tedy šla do mínusu a vytvářela drahé obrázky čistě pro portfolio.

Naštěstí jsou tyto dny pozadu a nyní existuje mnohem více nástrojů, které pomáhají šetřit čas a zdroje. O tom je náš článek.

Konstruktory a programy 3D

O trendu 3D se psalo v každé před novoroční kolekci za posledních pět let, k masivnímu vzletu však nikdy nedošlo. Je zřejmé, že prahová hodnota pro vstup do modelování je vyšší než v jiných grafických editorech, což vyžaduje znalosti i hardwarové schopnosti. Ale za poslední rok se designéři, šablony a programy rozrostly v přístupnosti a kvalitě – nyní potřebujete minimálně hardware a speciální znalosti, alespoň pro začátek.

• Adobe Dimension je program, který je součástí sady Creative Cloud a usnadňuje práci s 3D. Můžete vložit obrázky na objekty, upravit světlo, velikost a polohu fotoaparátu. 3D objekty a světla si můžete zakoupit také na Adobe Stock. Formát OBJ je podporován.

• Online konstruktor Vectary. Prakticky jej nepoužíváme, ale tento software má výhodu – je zcela založen na prohlížeči a existuje možnost týmové práce. Zdarma plán pro 25 projektů a týmová práce za 12 $ měsíčně.
• Spline je nástroj pro vytváření 3D, který lze odtud exportovat do kódu. Skvělý nápad, ale implementace je stále hrubá.
• superscene je sada, která obsahuje 140 objektů, 14 znaků a další prvky, je zde zdroj Blenderu a soubor pro Figmu. Za přístup k celé sadě budete muset zaplatit 60 $.
• Výběr 3D sad na UI8, včetně abstraktních postav, postav a dalších, od 8 do 80 $.
• ToyFaces 3D – sada 3D avatarů.
• Volumetrická ramena na Getillustraion.
• V komunitě Figma existují také sady, například jednoduché geometrické tvary, které jsou k dispozici zdarma.

Typografie

Písmo je jedním z hlavních, ne-li klíčovým prvkem vizuální komunikace v grafickém designu a na webových stránkách. Pokud se podíváte na práci za poslední rok, uvidíte, že se typografie stala v popředí. Proběhlo mnoho experimentů s mřížkami, různými typy písma, typografickými znaky.

V této kolekci není moc volného, ​​musíte platit za písma – a to je v pořádku. Společnosti zabývající se písmem, zejména ty, které pracují s azbukou, za nás dělají hodně práce, což každého dostane za relativně málo peněz.

• TypeToday jsou tvůrci slavných cyrilských písem, jako jsou Graphik, Druk nebo Kažimír … Například ten druhý začíná na 2 800 rublů za styl.
• TypeType – TT Commons nebo TT Norms jsou vyvážená a neutrální písma, která dobře fungují pro digitální projekty. Cena norem TT je od 39 $.
• Paratype – dobře je znáte z Circe nebo Futura PT. Na webu také prodávají písma od různých autorů, například Proxima Nova nebo Gilroy.
• fontfabric – jejich prací je písmo INTRO nebo BEBAS.
• Fonty mají otevřenou licenci na Google Fonts.
• Pangram Pangram Slévárna, padák a Grillitype – cyrilská verze je vzácná, ale někdy ji najdete.

Myfonts jsou dobré pro vyhledávání, ModernCyrillic a Futurefonts pro inspiraci. Pokud máte pochybnosti o nákupu a ušetříte svůj rozpočet, můžete si písmo pronajmout pomocí Fontstand.

Oznámení na vc.ru Zakažte reklamy Design Design lidského chování Jmenuji se Mike Lisyansky. Designu UX se věnuji od roku 2001 (19 let). Zahájeno ve studiu Lebedev (2000-2003 …

Ikony

Na jedné straně existují tisíce sad ikon, na straně druhé – nedošlo k žádnému zásadnímu posunu. Existuje příliš mnoho monotónních, nudných a lineárních ikon bez výraznosti a charakteru. Pokud znáte dobré sady – navrhněte v komentářích.

Měli byste se však naučit kreslit ikony sami a mít minimální grafické dovednosti. Jde o to, že jsou velmi závislé na stylu, rozložení a všech komponentách vizuální části.

• „Spectrum tvary“ – sada 3000 geometrických tvarů od návrháře Timofeye Lebeděva.
• Více než 159 000 ikon na ikonách8 obsahuje objemné a zajímavé emodži.
• Flaticon je veteránem designu ikon, což je nejlepší způsob, jak rychle najít něco zásadního.
• Ikony v komunitě Figma, jsou to například módní ikony Glass.
• Sady na UI8, Creative Market a dalších agregátorech od různých autorů.

Grafické techniky

Pomocí editoru můžete vytvořit mnohem více od začátku, ale doporučujeme vám je mít po ruce, jsou nejběžnější v roce 2020 a lze je snadno reprodukovat. Samozřejmě stále existují možnosti práce se stíny a rozmazáním, které Figma má, ale budeme předpokládat, že jsou známé z definice.

• Youworkforthem je web s velkou sbírkou různých grafik: 3D, ikon, fotografií a dalších. Nejčastěji jej však používáme k hledání textur a efektů. Například efekt rozbitého skla za 20 $ nebo efekt skeneru za 30 $.

• Meshgradient pro vytváření složitých přechodů z několika barev, je zde galerie, export je zdarma.

• Přechodový efekt pro vytvoření 3D čáry z přechodů v Illustratoru. Krátká lekce se základním principem, podrobná lekce 30 minut.

• Gradientní mapa, efekt, díky kterému je obrázek dvoubarevný, výuková ukázka se správným časovým kódem.

• Jednominutový výukový program pro vytváření 3D typografie v kruhu.
• Pixelbuddha – zde jsou zajímavé textury i efekty. Například efekt polotónů za 18 $.

Makety

V praxi použití maket prakticky zmizí, ve studiu je používáme pouze v některých případech – k předvedení konkrétního média, nebo pokud jsou součástí vizuálního konceptu. Zdá se, že dny těžkopádných a těžkých vykreslování skončily, řešení lze dobře představit i bez nich.

• LS graphics – makety pro branding a prezentaci webů, pokud jsou animované, průměrná cena 30 $
• Don Design – všechny pozice stojí stejně za 1,99 $. Pro opravdové znalce existují řešení, například VAZ 2109

• Yellow images je velmi rozsáhlá sbírka s nejkonkrétnějšími maketami, je zde dokonce láhev na dětskou výživu nebo šátek. Cena za PSD 14,49 $.
• Agregace maket od různých autorů je k dispozici na Ui8. Do služby CreativeMarket se můžete vždy ponořit hlouběji, ale najít něco dobrého bude trvat dlouho.

Fotky

Nemáme žádné zprávy, odkazy zůstávají přibližně stejné z roku na rok. Pokud máte něco nového – navrhněte v komentářích. Kvůli integritě sbírky však necháme naše odkazy.

• unsplash – sbírka fotografií s licencí pro otevřené použití, mnoho vysoce kvalitních fotografií.
• Icons8 – nezávislá sbírka, můžete okamžitě vytvářet koláže ve formátu png, což není neobvyklé v dílech designérů v Behance.
• 500px – můžete vyjednávat s autorem a nakupovat od něj osobně, ale cena je od 100 $.
• U žlutých obrázků si můžete objednat png s průhledným pozadím, to je je také možné otočit obrázek v úhlu, který potřebujete.
• K dispozici je také Adobe Stock a Burst.

Neuronové sítě

Za poslední rok nedošlo k žádnému průlomu. Existují dvě nebo tři relativně užitečné služby, ale ve zbytku hmoty vytvářejí neuronové sítě různé odpadky, které nám v koncepci designu nijak nepomohou.

• Odstraňovač pozadí – aby nedocházelo k této rutinní práci. Návrhář pracující v roce 2010 ve mně znovu pláče, když všechny vlasy na fotografii musely být stříhány ručně a do google byly ukládány pouze objekty png. 3 obrázky zdarma.
• Služba pro generování fotografií lidí.

Možná budete potřebovat službu pro retušování a změnu fotografií z nvidia.

Animace

Nyní je je těžké si představit kompletní prezentaci digitálního designu bez animací, efektů nebo interakcí. Vstupní prahová hodnota pro programy i základní lekce je několik hodin a výhody je těžké přeceňovat.

• Princip je dokonalá klasika pro Mac. Vše, co v něm lze provést, se snadno přenese do rozvržení.
• Framer je velmi podobný výše uvedenému příkladu, ale s týmovou prací a zcela online.
• Inteligentní animace je primitivnější animační funkce než ta výše, ale přímo ve Figmě a zdarma.
• Existují zajímavé zdroje pro After Effects, například kinetická typografie: sparta cinetic, typografie cinetic.

• Má smysl se učit a mít po ruce snadno reprodukovatelné efekty, které jsou vytvářeny pomocí vestavěných doplňků After Effetcs, jako jsou CC Sphere nebo CC Mr. Mercury.

Ilustrace

Ilustrační návrháři a šablony za poslední dva roky narostly mílovými kroky. Výběr je velmi velký: od trojrozměrného a trojrozměrného po animovaný a lineární.

< span class = "ui_preloader__dot">

• +5 000 ilustrací na webu getillustrations.com – animovaných i izometrických. Cena je jiná, ale většinou nepřesahuje 70 $. Například zjednodušené ilustrace v hodnotě 29 $.
• Builder Icons8, aktuálně 34 stylů. Malý png až do 534 px lze nahrát zdarma, zbytek od 19 $ za měsíc.
• Další konstruktor blush.design. Můžete začít zdarma, plán se všemi funkcemi je 15 $ za měsíc.
• LS.graphics – více než 15 sad ilustrací, téměř v každé sadě jsou bezplatné verze. Průměrná cena je 30 $.
• Agregátory různých autorů na UI8 nebo Storytale.
• Na vc.ru již byly sbírky s ilustracemi, tato zdarma, další v náš Instagram.

To je vše, pokud jsme zapomněli na něco důležitého nebo nového – napište do komentářů. A po tomto článku si můžete přečíst náš předchozí článek „7 bodů růstu designového studia“ nebo se přihlásit k odběru našeho kanálu v Telegramu.