Inspirace a zdroje
V této části najdete odkazy na různé webové stránky, kde můžete při vytváření designu webových stránek čerpat inspiraci nebo třeba získávat ikony a obrázky. Také jsem zde vypsal pár užitečných pluginů pro nástroj Figma, které byste mohli využít, pokud jej pro vytváření web designu používáte.
Inspirace
Při tvorbě designu webových stránek je podle mě důležité mít nějaké zdroje, ze kterých můžeme čerpat inspiraci. Zde jsem jich pár vypsal.
Dribbble
Pravděpodobně nejlepším místem pro hledání inspirace a zároveň k předvedení vlastní práce v oblasti designu je Dribbble. Najdete tam toho opravdu hodně a z široké škály oborů.
Navštívit DribbbleDalším dobrým místem pro hledání inspirace je Pinterest. Stejně jako na Dribbblu zde najdete velké množství inspirace z široké škály oborů a to nejen těch grafických. Pinterest slouží jako takový vizuální vyhledávač k hledání nápadů a inspirace v podstatě na jakékoliv téma.
Navštívit PinterestBehance
Skvělým místem pro čerpání inspirace z oblasti designu je také Behance. Hodně lidí tento nástroj používá pro tvorbu svého portfolia. Můžete tam najít různé zajímavé projekty.
Navštívit BehanceAwwwards
Dalším užitečným místem pro hledání inspirace je Awwwards. Můžete tam najít a prozkoumat různé zajímavé webové stránky.
Navštívit AwwwardsGoodUI
Pokud při vytváření web designu přemýšlíme nad tím, jak něco navrhnout tak, aby to bylo pro uživatele co nejlepší, tak nám s tím může pomoct GoodUI. Najdete tam spoustu porovnání mezi různými návrhovými vzory se kterými například experimentovali společnosti jako je Amazon, Netfilx, Airbnb, Google a další.
Navštívit GoodUIZdroje
Při vytváření designu webových stránek používáme různé obrázky, ikony a fonty. Nemusíme si je vytvářet sami. Ne každý umí například vytvořit pěkně vypadající ikony a navíc to zabere spoustu času. Existuje mnoho webových stránek, kde si je můžeme zdarma stáhnout a jen je použít. Přidal jsem tu pár odkazů na stránky, které by se vám při hledání ikon, obrázků a fontů mohli hodit.
Fonty
Když vytváříme webové stránky, tak vždy používáme nějaký font. Pro vyhledávání fontů je pravděpodobně nejlepší Google Fonts.
Google FontsObrázky
Pokud pro své webové stránky nemáme vlastní obrázky, tak si můžeme nějaké zkusit najít na internetu. Existuje spousta zdrojů kde obrázky hledat. Mým nejoblíbenějším je Unsplash.
Ikony
Pokud pro naše webové stránky potřebujeme ikony, tak si je nemusíme vytvářet sami. Existuje velké množství zdrojů, kde si je můžeme stáhnout a jen použít.
Pluginy pro Figmu
Na závěr jsem se tu rozhodl vypsat pár užitečných pluginů pro nástroj Figma. Pokud Figmu používáte nebo se ji chystáte začít používat, tak by vám tyto pluginy mohli v některých případech hodně pomoct.
Lorem Ipsum
Pomocí pluginu Lorem Ipsum můžeme generovat náhodný text. Můžeme jej třeba použít když ještě nevíme co by se na našich webových stránkách mělo nacházet za text.
Nainstalovat Lorem IpsumUnsplash
Jak již sám název napovídá, Unsplash je plugin, který můžeme použít pro vyhledávání obrázků namísto toho abychom je hledali ve webové aplikaci Unsplash v internetovém prohlížeči.
Nainstalovat UnsplashBlush
Pokud hledáme pro naše webové stránky ilustrace, tak nám s tím může pomoct plugin Blush. Obsahuje spoustu ilustrací, které můžeme použít.
Nainstalovat BlushIllustrations
Další skvělý plugin, který můžeme využít při hledání ilustrací je Illustrations. Také zde najdete velké množství ilustrací.
Nainstalovat IllustrationsHumaaans for Figma
Poslední plugin pro ilustrace, který bych tu chtěl zmínit je Humaaans. Tento plugin obsahuje ilustrace lidí, jejich oblečení a tak dále.
Nainstalovat Humaaans for FigmaIconify
Pokud hledáme ikony, tak nám s tím může pomoct plugin Iconify. Obsahuje spoustu ikon z různých zdrojů, které můžeme použít.
Nainstalovat IconifyFigmotion
Pokud při vytváření našich webových stránek chceme zároveň vytvářet také animace, tak můžeme použít plugin Figmotion. Nemusíme díky tomu pro animace používat nějaký jiný nástroj než Figma.
Nainstalovat Figmotion