Web Design Tahák

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

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 Dribbble

Pinterest

Další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 Pinterest

Behance

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 Behance

Awwwards

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 Awwwards

GoodUI

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 GoodUI

Zdroje

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 Fonts

Obrá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.

Unsplash Pixabay Freepik Free Images unDraw

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.

Ico Moon The Noun Project Flaticon Material Icons

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 Ipsum

Unsplash

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 Unsplash

Blush

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 Blush

Illustrations

Další skvělý plugin, který můžeme využít při hledání ilustrací je Illustrations. Také zde najdete velké množství ilustrací.

Nainstalovat Illustrations

Humaaans 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 Figma

Iconify

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 Iconify

Figmotion

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