Ikona designu v roce 2020: Klíčové trendy
Ikony mohou být jedním z nejdůležitějších - a podceňovaných - příkladů designu ve vašem portfoliu. Zde je ukázka designu ikon s některými inspirativními příklady.
Ikonové prvky jsou zobrazeny téměř všude, ale někdy jsou produkovány jako dodatečná myšlenka. To by neměl být tento případ. Skvělý design ikon může být výrazný a přidat projektu jemnost a vkus.
Pojďme se podívat, co je nového a co je v designu ikon v roce 2020!
Prozkoumejte prvky Envato
1. Ikony čar s barevnými tvary
Ikony čar jsou vždy oblíbenou volbou díky všestrannému stylu, který vypadá dobře s téměř jakýmkoli jiným designovým prvkem. Tento trend přidává jen trochu více vizuální zájem s pop barev, často ve formě kruhu nebo čtverce, za ikonu čáry.
Barevný tvar může zaplnit část designu ikon čáry, ale častěji než ne, pouze se vznáší na pozadí. Tento nepatrný vizuální zájem může spojit sadu ikon, zdůraznit barvu značky nebo jen osvěžit starší stránku ikon čar.
Ošidnou součástí designu ikon je umístění a velikost prvku barevného tvaru. Pokud je barva příliš velká nebo příliš jasná, může se od ikony odnést. Pokud je tvar příliš malý, riskujete, že bude vypadat jako chyba.
I když není žádná dokonalá velikost, většina ikon používajících tento trend udržuje barevný tvar přibližně na jednu čtvrtinu plné velikosti ikony.
2. Tvary abstraktní ikony
Nejste si jisti, jaká ikona představuje váš obsah? Odpovědí může být tvar abstraktní ikony.
Více návrhářů vytváří abstraktní styl ikon pro použití na webových stránkách. Pěkná věc tohoto stylu - a obecně trendu - je, že abstraktní styly vytvářejí pocit rozmarů a zázraků, které odpovídají některým z větších celkových trendů v designu.
Klíčem k práci s abstraktními tvary je, abyste se ujistili, že něco nekopírujete omylem a že ikony jsou skutečně abstraktní. (Nesnažte se vytvářet ikony, které jsou podobné vašemu logu, například by mohly vypadat jako chyby.) U něčeho, co se skutečně shoduje, použijte pro palety ikon a značkových materiálů stejnou paletu barev.
3. Primární barvy
Primární barevné palety jsou odvážné, světlé a poutavé volby pro malé konstrukční prvky.
Tento trend designu ikon využívá červené, modré, zelené a žluté (spolu s fialovou a oranžovou) k vytvoření základní sady barevných pravidel. To, co dělá tento styl práce, je zaměření na barvu, aby upoutalo pozornost na malé prvky na obrazovce. Primární barvy také vyčnívají ze všech „hmotných“ světel, které v pozdních dobách ovládaly palety.
Změkčte design přechody (nebo faux-ombre přechody, jako je například výše uvedený příklad), aby paleta barev vypadala příliš elementárně. Při práci s primárními barvami nepřecházejte přes palubu. Mohou to být ohromující dotyk. Zvažte ztlumenou primární paletu nebo monochromatické schéma.
4. Ikony s ikonami na pozadí
Některé trendové ikony mají vlastní ikony. Vážně!
Pro komplikovanější použití ikon - nebereme zde malé favicony - ikony lze skládat a vrstvit, aby vytvořily více uměleckého prvku.
Tento trend často používá barvy a stínování k rozlišení mezi hlavní fokální ikonou a ikonami na pozadí. Primární ikona je často plná nebo plná. Ikony na pozadí mají téměř vždy styl čáry a mohou mít světlé barevné palety.
Tento efekt můžete vytvořit s mnoha sadami premade ikon mícháním a porovnáváním ikon různými způsoby. Vytvořte hloubku a vizuální zájem pomocí ikon podobného tématu a držte se jen hrstky prvků, abyste zabránili příliš zaneprázdnění scény. Nebojte se používat a znovu používat prvky a používat stejné ikony (střídavá čára a vyplněné) v pozadí a popředí.
5. Dvoubarevné ikony
Dalším trendem designu ikon, který vychází z populárních stylů ikon čar, je vytvoření dvoubarevných prvků.
Dvoubarevné ikony mohou stavět na vaší existující paletě barev nebo značkových barvách nebo kombinovat téměř jakýkoli jiný barevný pár. Při navrhování pomocí trendu ikony hledejte barevné páry, které vyniknou od pozadí, na kterém je chcete použít.
Pokud jde o design, vyberte pro většinu ikon primární barvu. Pomocí sekundární barvy zvýrazněte prvek ikony. (Přemýšlejte o použití primární barvy pro 70% až 80% designu a sekundární barvy pro zbytek.)
To vytváří akcent v designu ikon, který pomůže vtáhnout oko do designového prvku a snad i okolní obsah.
6. Ikona „Shorthand“
Pokud procházíte jakýkoli obchod s aplikacemi, uvidíte spoustu společných značek - obálky pro poštovní aplikace, kontroly produktivity aplikací, zámky pro aplikace zabezpečení.
Tato ikona zkratka poskytuje rychlou vizuální zprávu, která uživatelům řekne, co aplikace dělá. Stejná zkratka platí téměř všeobecně pro všechny ikony designu. Zatímco designéři experimentují s ikonami ve svém vlastním stylu, existuje sklon používat ikony pro konkrétní význam.
A to je dobrá věc. Ikona by měla být snadno viditelná a srozumitelná na první pohled. Ikona by měla uživatelům pomoci zjistit, co mají dělat a jak by měli s návrhem komunikovat. Tato běžná ikona zkratka je pěkný vývoj, jak to udělat.
7. Jasná barva
Jasná volba barev byla ve všech aspektech designu velká. U ikon se to neliší. Jasná barva je lákavý způsob, jak přitáhnout oko na ikonu.
Pokud jde o trend designu ikon, barva se používá několika různými způsoby:
- Jako pozadí s ikonou stylu bílé nebo černé čáry
- Pro prvky plné barevné ikony s realističtějším vzhledem
- Pro prvky ikon s více plochým, přechodovým nebo super jasným designem
Mezi oblíbené barevné varianty v jasné rodině patří žlutá, modrá, zelená a fialová. Tyto barvy mají tendenci být na světlé straně a vytváření barevné palety se třemi až pěti odstíny pro sadu ikon je populární.
Nejste si jisti, kde začít? Paleta materiálu představuje barvy, které jsou velkou součástí trendu designu barevné ikony.
8. Ikony v logu
Poznamenejte si, kolik loga obsahuje ikony. Jakmile o tom začnete přemýšlet, nebude těžké vidět všechny malé ikony v designu loga.
Co je příjemné na ikoně v logu, je to, že funguje se značkou, a po určitou dobu a vlastní kapitál značky může být osamocený. Přemýšlejte o výše uvedeném příkladu, Spotify. Přestože poskytovatel hudby nebyl tak dlouho (v rámci značek), kruh se třemi řádky je vysoce identifikovatelný.
Ikona funguje barevně a bez - klíč silné ikony - a může stát samostatně nebo s nápisy. Díky této univerzálnosti je snadné pochopit, proč jsou ikony v designu loga oblíbeným prvkem.
9. Kruhy
Kruhy jsou jedním z nejvíce harmonických tvarů. A co se týče designu ikon, jsou spíše populární. Od ikon, které jsou obsaženy uvnitř koule po kruhy v objektech, může vytvoření návrhové značky pomocí kruhů vytvořit pro uživatele ten správný pocit.
(Chcete vědět více o kruhech v designu? Máme to tady.)
Část vlivu kruhu v designu ikon se může připojit zpět k některým pokynům stanoveným společností Google s materiálovým designem. Všechna tato kruhová tlačítka jsou ideální pro klepání na mobilní telefony. A stejná filozofie platí i pro návrh ikon. (Jen si pomyslete, jak často je ikona dotykovým nebo klikatelným prvkem.)
Část, která může být o tomto ikonovém trendu trochu trik, je zabírat kruhy na všech místech, kde se používají jiné tvary. Ikony aplikací bývají čtvercové; profily sociálních médií jsou kruhové (a čtvercové).
Při vytváření kulaté ikony se ujistěte, že obsah návrhu ikony je snadno srozumitelný při malých velikostech, protože jej musíte často zmenšovat, aby se vešel na jiná místa.
10. Návrh stylu čáry
Ikony stylů čar se zdají být trendem, který nikdy nezestárne.
Důvodem je to, že tento styl ikon může fungovat prakticky kdekoli na jakémkoli typu pozadí. Mnoho populárních balíčků ikon, které lze stáhnout, z důvodu této všestrannosti často zahrnuje styl čáry.
Je snadné to vidět ve výše uvedeném příkladu. Každá ikona je snadno viditelná a srozumitelná prakticky v jakékoli velikosti.
11. Jednoduché prvky a reprezentace
Stejně jako u většiny ostatních trendů designu v roce 2020 je jednoduchost součástí designu ikon. Jednoduché tvary a geografie spolu vytvářejí téměř přes zjednodušující reprezentace ikon.
Výsledkem je velmi rafinovaný design, díky kterému uživatelé vypadají.
V příkladu použití ikon potravin výše používá každá ikona společný závit kruhu v ikoně. Může to být celkový tvar samotné ikony nebo část designu ikony. Tento tvar spojuje každou ikonu v projektu navzájem.
12. Ikony s přechody
Trend barvy přechodu, který se stal jedním z dominantních témat roku 2019, je faktorem také v designu ikon. Toto barevné schéma je populární od jednoduchých přechodů v úsecích (jako je například výše uvedený příklad) až po barevné zbarvení do úplného přechodu po bílé ikony na pozadí přechodu.
To může být to, co je tak přitažlivé na použití přechodů v ikonách (a celkově) - existuje tolik různých způsobů, jak tento trend použít. Můžete přidat přechod a stále nemáte projekt, který vypadá jako něco jiného.
13. Zaměření na jednoduché zbarvení
Ikonoví návrháři zaujímají opačný přístup s barvou a drží se pro tyto malé konstrukční prvky na jednoduchých, omezenějších a základních paletách barev.
Použití omezené palety je skvělý nápad. S tak malým designem může příliš mnoho barev nebo detailů rychle přemoci prostor a způsobit namáhání očí.
Nechcete, aby uživatelé museli přemýšlet o tom, co je ikona nebo co barva znamená. Omezení množství detailů - včetně komplikovaného zbarvení - může usnadnit vidění a pochopení každé jednotlivé ikony. To je nejdůležitější u ikon, které budou použity v nejmenších velikostech.
14. Všechno Styl aplikace
Jedním z důvodů, proč ikony rostly v popularitě, je to, že je již navrhujeme pro téměř všechno. Od ikon aplikací po ikony aplikací pro ikony faviconů nebo stolních počítačů je tento styl prakticky všude.
Ikony ve stylu aplikací mají zřetelný vlastní styl. To zahrnuje:
- Čtvercový tvar
- Zaoblené hrany
- Barevné pozadí (obvykle jedna barva)
- Jednoduchý tvar uvnitř ikony
- Spousta kontrastu mezi ikonou a barvou pozadí
- Žádný text ani nápisy
15. Silné, rovnoměrné tahy
Populární jsou nejen ikony ve stylu čáry, ale obzvláště oblíbené jsou ikony se silnými tahy.
Tyto ikony, které jsou často navrženy pro jednobarevné aplikace, se často používají v bílé nebo černé barvě na pozadí barevných nebo fotografických pozadí.
Ikony se silnými rovnoměrnými tahy se nejčastěji používají samostatně, například ikona vozíku nebo ikona kontaktu. Ve sbírce ikon se často nepoužívají.
16. Ploché ikony zůstávají populární
Zatímco většina tvrdého zaměření na plochý design se vypařila, ikona je stále docela plochá (nebo alespoň téměř plochá).
To je pravděpodobně způsobeno velmi jednoduchou povahou plochého designu a myšlenkou, že tento vzhled lze poměrně snadno integrovat s řadou dalších stylů.
I když se podíváte na některé příklady a trendy designu ikon, které jsou zde uvedeny, uvidíte, že mnoho z nich je ploché. (Například ikony stylu čáry jsou téměř vždy ploché.)
17. Ikony Emoji
Emojis se téměř stal jejich vlastním jazykem - vizuálnější formou komunikace, která je stále více přijímána.
Ikony design také nabývá emotivní atmosféry. Tyto ikony jsou identifikovatelné z důvodu zaměření na tvar hlavy osoby nebo tvora. (Ikony emodži inspirované Star Wars jsou skvělým příkladem toho, jak se bavit s designem ikon.)
Tento styl ikony by mohl skvěle fungovat pro kontaktní stránku nebo pro reprezentaci osob nebo osob v designu.
Jak navrhnout lepší ikonu
Vytvoření dobré ikony nebo sady ikon je více než jen skákání na některé z nejnovějších trendů v designu ikon. Vzhledem k malé velikosti ikon je pozornost na detail a přesnost důležitou součástí procesu navrhování.
Jednoduchá pravidla stále platí pro návrh ikon v roce 2019. Spárujte tyto pokyny s některými výše uvedenými trendovými nápady a vytvořte něco, co budete milovat:
- Začněte mřížkou
- Stavět s geometrií
- Vytvořte jedinečný tvar
- Dejte ikonám dostatek prostoru
- Držte se barev vaší značky
- Používejte konzistentní divoty
- Design pro nejmenší velikost, kterou potřebujete
- Nezdobuj
Pokyny pro návrh ikon
Dobrým způsobem, jak udržet krok s tím, co je „in“, je pohled na grafické standardy a průvodce stylem. Pokaždé, když Apple nebo Google změní svůj přístup, tak to udělá každý. Částečně proto, že musí a částečně proto, že nový styl často odráží časy a trendy v designu ikon.
Pokyny naleznete zde:
- Ikony aplikací Apple
- Ikony aplikací pro Android
- Ikony produktu Design materiálu
- Ikony systému designu materiálu
Závěr
Ikony jsou užitečným nástrojem pro návrh. Od použití jako ikony aplikací přes webové stránky nebo favikony až po divoty, které lze použít v logu nebo v celém projekčním projektu, je ikona značkou, která zde zůstane.
Přistupujte k ikonovému designu stejným způsobem, jako byste téměř jakýkoli jiný projekt, ale opravdu přemýšlejte o jednoduchosti a velikosti. Ikony jsou vytvořeny tak, aby se na ně rychle dívalo a jsou často malé. To může mít velký vliv na design.
