Suggerimenti su come scegliere le icone giuste per il tuo sito web

Quando progettiamo un sito web, passiamo spesso un bel po 'di tempo considerando quali risorse visive utilizzare. Foto e illustrazioni, ad esempio, possono avere un grande impatto su un design. Tuttavia, quelle non sono le uniche risorse su cui dovremmo concentrarci.

Una risorsa che può essere facilmente trascurata sono le icone. Ci sono un sacco di librerie generiche che girano e sono abbastanza facili da usare, ma c'è qualcosa da dire per usare una soluzione più personalizzata. Infatti, le icone giuste rendono un'esperienza utente più dettagliata e completa.

Quindi, come decidi quali icone utilizzare? Diamo un'occhiata ad alcuni suggerimenti e best practice per fare la scelta giusta. Includeremo alcuni esempi straordinari a cui è possibile accedere con un abbonamento a Envato Elements, che ospita oltre 5.500 insiemi di icone, oltre a centinaia di migliaia di risorse di design di alto livello.

1. Utilizzare le icone rilevanti per il soggetto

Spesso utilizziamo icone che non si adattano perfettamente all'argomento del nostro sito web. Per fortuna, non dobbiamo accontentarci. Utilizzare le icone che sono rilevanti per un settore o un concetto è un modo migliore per andare. Ciò fornisce un aspetto più rifinito aggiungendo contesto agli utenti.

Icone linea medica

Il campo medico è un grande esempio. Medical Line Icons include cinquanta icone completamente modificabili che sono disponibili in una varietà di formati. Ogni immagine illustra un concetto specifico del settore in modo semplice e diretto.

Set di icone più specifici del settore:

Icone della linea di sviluppoSet di icone di educazione 2 - serie piatta40 icone di cibo e cucina

2. Rifletti il ​​tuo marchio e il tuo stile

Le icone dovrebbero aggiungere, non togliere, il tuo stile. Cerca immagini che si adattino al tono generale e ai messaggi del tuo sito. Ciò significa che un sito con un tocco aziendale più abbottonato dovrebbe optare per icone che promuovono un aspetto professionale. Allo stesso modo, un sito web più casual non vorrà diventare troppo serio quando si tratta di immagini.

30 Avatar freschi e moderni

30 Fresh & Modern Avatars potrebbe essere perfetto per blog o startup che vogliono riflettere un'atmosfera divertente. Scegli tra una collezione di personaggi interessanti e modificali per adattarli alla tua personalità.

Set di icone avatar più rilassato:

Diversità Vol. 3Set di icone vettoriali persone12 illustrazioni femminili di vettore di occupazione piana

3. Pensa al numero di icone di cui avrai bisogno

Una delle sfide nell'utilizzo di icone personalizzate è che alcuni set potrebbero non essere molto profondi. Non ci potrebbero essere opzioni per soddisfare ogni esigenza. Pertanto, ti consigliamo di considerare il numero potenziale di icone che prevedi di utilizzare. Avere una buona idea prima del tempo ti salverà il problema di cambiare direzione o tentare di combinare diversi set.

Icone moderne piatte

Se hai bisogno di una libreria più profonda di icone, dai un'occhiata a Modern Flat Icons. Il set contiene 200 icone che sono categorizzate per soggetto. Sono una buona scelta per i siti Web che prevedono di utilizzare un numero maggiore di immagini che coprono una vasta gamma di settori.

Set di icone più estesi:

180 icone di linea immobiliare200 icone vettoriali disegnati a manoMarketing 200

4. Considera dimensioni e modificabilità

Quando si tratta di dimensioni, non tutte le icone si misurano. Molti set sono disponibili in formati vettoriali scalabili a qualsiasi dimensione e facili da modificare. Ma troverai anche raccolte che sono relegate a risoluzioni inferiori e non possono essere ottimizzate. Questo dovrebbe essere un fattore importante quando si esplorano le potenziali opzioni.

26 gelato colorato vettoriale

Ad esempio, con 26 coloratissimi gelati vettoriali, troverai un set di icone che offre capacità di ridimensionamento illimitate. Dal momento che è disponibile in entrambi i formati vettoriali (Ai, EPS) e raster (PNG), queste icone si adattano perfettamente a qualsiasi dimensione. Inoltre, puoi apportare tutte le modifiche necessarie per adattarti meglio al tuo stile.

Set di icone completamente scalabili e altamente dettagliati:

50 vettore e distintivo disegnati a mano dell'annataHobby - set di elementi di infografica design piattoLittle Critters Monster Extended Pack

5. Cerca l'inaspettato

Proviamo un rapido esperimento. Chiudi gli occhi e pensa a cosa un'icona dovrebbero Assomiglia a. Tutti abbiamo la nostra immagine specifica nelle nostre teste. Ma l'aspetto eccitante delle icone personalizzate è che non sono taglia unica. A volte, possono assumere forme inaspettate che aiutano a spingere in avanti i nostri progetti. Potrebbero non funzionare per ogni caso d'uso, ma questi anticonformisti potrebbero essere proprio ciò di cui hai bisogno.

Grande set di icone social media

Questo set di icone manoscritte per social media è tutto fuorché standard. Entrando in entrambi gli stili di schizzo e di contorno, queste bellezze artigianali ti aiuteranno a distinguerti. Potrebbero anche cambiare idea su cosa possa essere un'icona.

Set di icone più inaspettati:

Carta da parati senza giunte dei reticoli astrattiGagliardetti vintage / Set di icone retrò | Parte 2Adesivi AMORE

Piccoli dettagli che fanno la differenza

Anche se possono essere piccoli di statura, le icone hanno il potenziale per fare grandi cose per il tuo sito web. La chiave sta nella scelta di quelli giusti per le vostre esigenze specifiche.

Cerca le icone che corrispondono al soggetto e allo stile. Quindi, considera la profondità di una raccolta di cui avrai bisogno e se desideri eseguire ridimensionamenti o modifiche. Infine, non aver paura di usare immagini che rompono i confini delle icone tradizionali.

Tieni a mente questi fattori e usa icone che ti aiuteranno a portare il tuo sito web al livello successivo.

 Più icona Bontà su Tuts+