• Strumenti di progettazione

Icons8: la piattaforma che ha risolto il mio problema di caos delle icone

  • Felix Rose-Collins
  • 5 min read

Introduzione

Tre settimane fa ho presentato l'interfaccia di un'applicazione fintech al team di prodotto del cliente. La responsabile del design, una donna esperta, mette in pausa la mia presentazione e dice: "Queste icone finanziarie sembrano incoerenti. Vengono da fonti diverse?".

Oof. Aveva colto nel segno. Le icone dei pagamenti provengono da una libreria, gli elementi dei grafici da un altro sito e i simboli delle valute da qualsiasi altro posto. Ciascuna sembrava decente singolarmente, ma insieme? Un totale disordine visivo. I diversi pesi dei tratti, alcuni arrotondati e altri spigolosi, creano un'estetica del tutto inadeguata, il che è imbarazzante.

Questo commento mi ha infastidito. Ho trascorso il fine settimana alla ricerca di opzioni migliori e così ho scoperto Icons8. All'inizio mi sembrava un altro mercato di icone che tirava fuori grandi numeri: "1,42 milioni di risorse" e cose del genere. Ma provarlo? Un gioco diverso.

Come hanno risolto il problema della coerenza

Solved the Consistency

La maggior parte dei siti di icone classifica le cose in modo casuale. "Icone di finanza", "Icone di business", o altro. Icons8 ha fatto qualcosa di intelligente: ha creato questi ecosistemi visivi completi: 45 famiglie diverse, ognuna con migliaia di icone che appartengono realmente all'una o all'altra.

Ho appena completato una piattaforma bancaria per una cooperativa di credito. C'era bisogno di tutto: tipi di transazioni, gestione dei conti, monitoraggio degli investimenti, richieste di prestiti, funzioni di sicurezza. Ho scelto il loro stile "Fluent Color" e tutto si è armonizzato perfettamente. Una personalità visiva coerente in tutto, con pesi di linea corrispondenti, trattamenti degli angoli unificati e un linguaggio estetico coeso. Di solito questa caccia alle icone si trascina per settimane. Qui? Il lavoro del pomeriggio.

Anche l'esecuzione tecnica ha attirato la mia attenzione. Il loro codice SVG è leggibile. Non ci sono strane incombenze annidate, né schemi di denominazione casuali. Quando ho bisogno di animazioni o modifiche al percorso, è pulito e logico. Mi fa risparmiare tonnellate di tempo per la pulizia.

Gamma di formati che aiuta

Forniscono PNG, SVG, PDF, EPS, PSD, AI: ogni formato necessario. Utile perché passo continuamente dallo sviluppo web (che richiede SVG) ai materiali di stampa (EPS), ai mockup veloci (PNG) e alle app per dispositivi mobili (con diverse risoluzioni). Di solito significa visitare continuamente siti diversi. Qui è tutto consolidato.

Incontrare Ranktracker

La piattaforma all-in-one per un SEO efficace

Dietro ogni azienda di successo c'è una forte campagna SEO. Ma con innumerevoli strumenti e tecniche di ottimizzazione tra cui scegliere, può essere difficile sapere da dove iniziare. Ebbene, non temete più, perché ho quello che fa per voi. Vi presento la piattaforma Ranktracker all-in-one per una SEO efficace.

Abbiamo finalmente aperto la registrazione a Ranktracker in modo assolutamente gratuito!

Creare un account gratuito

Oppure accedi con le tue credenziali

Anche le piattaforme sono specifiche: iOS ha requisiti visivi specifici, Android segue convenzioni diverse e le applicazioni desktop richiedono il loro trattamento. Lo stesso concetto di icona, ma adattato adeguatamente a ciascuna piattaforma. Un approccio intelligente.

API che non cade a pezzi

Aspetti tecnici: la loro API REST è affidabile. L'ho implementata in una dozzina di progetti e non si è mai guastata inaspettatamente. La commutazione dinamica delle icone in base alle preferenze dell'utente funziona senza problemi, senza rallentare il processo.

La documentazione è utile. Esempi di codice reali e funzionanti, non i soliti esempi fallati che la maggior parte delle API fornisce. Copre icone, illustrazioni, foto e musica attraverso un unico punto di integrazione. Semplifica notevolmente lo sviluppo.

Un plugin che offre risultati

Il plugin Figma è il punto di forza. Oltre un milione di risorse direttamente nel vostro spazio di lavoro. Non è più necessario passare da una scheda all'altra, non è più necessario destreggiarsi tra i file, non è più necessario cercare "dov'è quell'icona".

Recentemente ho lavorato a un cruscotto finanziario e avevo bisogno di elementi economici espressivi, come le icone emoji dei soldi e altri simboli monetari. Tutto ciò mantiene un design finanziario coerente in tutti i componenti economici. L'intera esperienza di gestione del denaro sembra coesa, invece di essere rattoppata.

L'aumento della produttività è reale. Prima dovevo inserire nei segnalibri venti fonti di icone diverse, perdendo costantemente la concentrazione. Ora che tutto è integrato, sto già progettando.

Funzionalità AI che funzionano

Sono stati aggiunti strumenti di intelligenza artificiale, tra cui Smart Upscaler, Background Remover e Face Swapper. Sembrano solo chiacchiere di marketing, ma sono davvero pratici. La rimozione dello sfondo spesso batte i risultati di Photoshop. Bordi puliti, separazione naturale.

Smart Upscaler è stato utile di recente quando il cliente ha fornito vecchi loghi bancari che sembravano pixelati alle dimensioni richieste. Li abbiamo fatti passare attraverso il processore di Icons8: risultati nitidi a qualsiasi scala. Anche i tempi di realizzazione sono stati rapidi.

La ricerca delle immagini è accurata: caricate le foto e ottenete suggerimenti per le icone corrispondenti. Caricate i documenti finanziari e accedete immediatamente all'iconografia aziendale pertinente: un concetto semplice ma efficace.

Chi ottiene un valore reale

Team di progettazione aziendale

Le grandi aziende ne traggono i maggiori vantaggi, perché mantenere la coerenza visiva tra i prodotti diventa costoso quando le icone sono sparse ovunque. L'approccio sistematico di Icons8 riduce significativamente i costi di manutenzione. I team tecnici apprezzano la pulizia del codice e la logica dei nomi, che consentono di risparmiare una notevole quantità di tempo nelle grandi implementazioni.

Impostazioni educative

Il livello gratuito con attribuzione è ottimo per gli studenti. Possono creare progetti dall'aspetto professionale senza vincoli di budget. Le librerie di stile dimostrano efficacemente i principi di coerenza.

Squadre di startup

Quando le risorse sono limitate, è meglio che assumere specialisti di icone. Il risparmio di tempo giustifica da solo il costo dell'abbonamento.

Gli aspetti problematici

Realtà dei prezzi

13 dollari al mese di partenza. Non è un prezzo esorbitante, ma è un prezzo elevato per i freelance o gli studenti che iniziano a lavorare. Il livello gratuito copre alcuni casi d'uso, ma i progetti seri di solito richiedono un accesso a pagamento.

Problemi di supporto

Il servizio clienti è relativamente debole. I problemi di fatturazione persistono per un'eternità e le risposte richiedono un tempo spropositato. Se avete bisogno di un supporto affidabile da parte del fornitore, questo potrebbe essere frustrante.

Carenze nell'illustrazione

Le icone sono complete, ma le illustrazioni sono scarse nella maggior parte degli stili. Se avete bisogno di un lavoro di illustrazione personalizzato, è probabile che dobbiate consultare anche altre fonti.

Prestazioni tecniche

Funziona su piattaforme web, Mac, Windows e Linux. La modalità offline è essenziale quando la connessione a Internet è instabile. Le prestazioni rimangono solide anche in caso di ricerca intensa e non impantanano il sistema.

Incontrare Ranktracker

La piattaforma all-in-one per un SEO efficace

Dietro ogni azienda di successo c'è una forte campagna SEO. Ma con innumerevoli strumenti e tecniche di ottimizzazione tra cui scegliere, può essere difficile sapere da dove iniziare. Ebbene, non temete più, perché ho quello che fa per voi. Vi presento la piattaforma Ranktracker all-in-one per una SEO efficace.

Abbiamo finalmente aperto la registrazione a Ranktracker in modo assolutamente gratuito!

Creare un account gratuito

Oppure accedi con le tue credenziali

La qualità SVG è sempre buona. Richiede una pulizia minima rispetto ad altre fonti. I nomi hanno un senso logico, il che facilita l'implementazione.

Come usarlo

Team di progettazione

Il valore migliore quando la coerenza visiva è fondamentale per le grandi implementazioni. I team che costruiscono sistemi di design o mantengono la coerenza del marchio su più punti di contatto vedono miglioramenti immediati.

L'investimento iniziale per la configurazione si ripaga con una manutenzione ridotta e iterazioni più rapide.

Team di sviluppo

Standard di codice puliti, struttura prevedibile e API affidabili. Questi elementi hanno un impatto diretto sulla velocità di sviluppo e sulle prestazioni dell'applicazione.

Applicazioni didattiche

Ideale per insegnare i principi di progettazione sistematica e fornire agli studenti risorse di qualità professionale.

Il mio bilancio

Icons8 è passata dall'essere solo un'altra libreria di icone a diventare un'infrastruttura di design essenziale. I problemi di supporto e il prezzo potrebbero essere un ostacolo per alcuni, ma il prodotto di base risolve problemi reali di flusso di lavoro.

Incontrare Ranktracker

La piattaforma all-in-one per un SEO efficace

Dietro ogni azienda di successo c'è una forte campagna SEO. Ma con innumerevoli strumenti e tecniche di ottimizzazione tra cui scegliere, può essere difficile sapere da dove iniziare. Ebbene, non temete più, perché ho quello che fa per voi. Vi presento la piattaforma Ranktracker all-in-one per una SEO efficace.

Abbiamo finalmente aperto la registrazione a Ranktracker in modo assolutamente gratuito!

Creare un account gratuito

Oppure accedi con le tue credenziali

Il punto di forza principale è la coerenza sistematica, completata da una solida esecuzione tecnica. Se si ha a cuore l'efficienza e la qualità dei flussi di lavoro di progettazione, questo prodotto si adatta perfettamente alle diverse esigenze dei progetti.

La tradizionale ricerca di icone su siti casuali sembra ormai antiquata. Questo approccio sistematico è più efficace per mantenere una qualità di design coerente.

La piattaforma ha dei difetti - cosa non ne ha? - Ma ha risolto il mio più grande grattacapo nel flusso di lavoro: trovare icone che sembrino stare bene insieme. Per una persona che progetta regolarmente interfacce finanziarie, questo è incredibilmente prezioso.

Lo uso ormai da mesi; non riesco a immaginare di tornare all'approccio dispersivo. A volte si trova uno strumento che si adatta al proprio modo di lavorare: per me è uno di quelli.

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

Iniziate a usare Ranktracker... gratuitamente!

Scoprite cosa ostacola il posizionamento del vostro sito web.

Creare un account gratuito

Oppure accedi con le tue credenziali

Different views of Ranktracker app