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. Ikony 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 ✔.

globus.cz

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.

airbank.cz

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.

idodo.cz
Ukázka využití ikon na webu DOMENA.cz
domena.cz

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.

Ikony 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.

domácí mydlářka nadšená do jógy a čísel

2 komentářů On Jak používat ikony na webu (a kde je najít zdarma)

Napište komentář:

Vaše e-mailová adresa nebude zveřejněna.

nine − 3 =