Jak používat ikony na webu (a kde je najít zdarma)

Výstižné ikony vám udělají dvojí skvělou službu. Usnadní uživatelům orientaci na vašem webu a pomůžou vám vytvořit originální styl. Ukážeme vám, jak je používat, a kde najdete nejlepší zdroje ikon zdarma. (aktualizováno 9. 9. 2019)

1. Grafika oživí seznamy s odrážkami

Puntíky v seznamech najdete skoro všude. Zkuste se odlišit a použít v seznamech ikony, například šipky ⇨ nebo zaškrtávací znak ✔.

TIP: Důležité je, abyste používali ikony z jedné sady. Jinak vznikne dojem „každý pes, jiná ves“ a to nechcete.

2. Uživatelé získají lepší přehled

Když použijete na první pohled srozumitelné ikony, usnadníte návštěvníkům webu orientaci v obsahu stránky. Postavička označuje profil uživatele, pod ozubeným kolečkem hledáme nastavení, pod ikonou lupy vyhledáváme a vedle telefonu nebo obálky najdeme kontaktní údaje.

3. Vizuálně podpoříte své sdělení

Pomocí obrázků názorněji vysvětlíte a shrnete informace o produktu, službě či nákupním procesu. Vhodně zvolené ikony by měly být výstižné, aby na uživatel první pohled pochopil, o čem je řeč. Na webu ideálně zafungují ve spojení se stručným textem.

Zdroje ikon zdarma

Flaticon

Přes 2 miliony vektorových ikon v různých stylech, setříděných do tematických souborů, snadné vyhledávání, možnost editování.

Freepik

Ikony si tu můžete stáhnout ve formátu .png, .eps a .svg. Kromě vektorových ikon nabízí i vektorové ilustrace a fotky.

Icon Store

Najdete tu ikony lineární, prostorové i vícebarevné, tříděné do stylově jednotných souborů podle témat.

Vektorové obrázky

Výborný zdroj jednoduchých ilustrací v moderním stylu. Řadu z nich s výhodou využijete i jako ikony.

The Noun Project

Přes 2 miliony ikon zdarma, lineárních i plošných, sami si navolíte, v jaké barvě si chcete ikonu stáhnout.

Symboly pro sociální sítě

Několik sad ikon pro sociální sítě a různé aplikace, minimalistické, lineární, barevné i se stínem.

Doporučené čtení: Při tvorbě webu se vám budou hodit i další zdroje zdarma jako například kvalitní fotografie nebo vektorová grafika.