• Designverktøy

Icons8: Plattformen som løste problemet mitt med ikonkaos

  • Felix Rose-Collins
  • 4 min read

Intro

For tre uker siden demonstrerte jeg dette fintech-appgrensesnittet for kundens produktteam. Den designansvarlige, en erfaren kvinne, stopper presentasjonen min og sier: "Disse finansielle ikonene føles inkonsekvente. Er de fra forskjellige kilder?"

Uff da. Hun traff spikeren på hodet. Jeg hadde betalingsikoner fra ett bibliotek, diagramelementer fra et annet nettsted og valutasymboler fra et helt annet sted. Hver for seg så de greie ut, men sammen? Totalt visuelt rot. Forskjellige strekvekter, noen avrundede og noen kantede, skaper en helt uoverensstemmende estetikk, noe som er pinlig.

Den kommentaren plaget meg. Jeg brukte helgen på å lete etter bedre alternativer, og det var da jeg oppdaget Icons8. Til å begynne med virket det som nok en ikonmarkedsplass som slengte rundt seg med store tall - "1,42 millioner ressurser" og slikt. Men å prøve det? Det var noe helt annet.

Hvordan de løste problemet med konsistens

Solved the Consistency

De fleste ikonsider kategoriserer ting tilfeldig. "Finansikoner", "Forretningsikoner", hva som helst. Icons8 gjorde noe smart - de skapte disse komplette visuelle økosystemene: 45 forskjellige familier, hver med tusenvis av ikoner som virkelig hører sammen.

Jeg har nettopp ferdigstilt denne bankplattformen for en kredittforening. Jeg trengte alt - transaksjonstyper, kontoadministrasjon, investeringssporing, lånesøknader, sikkerhetsfunksjoner. Jeg valgte deres "Fluent Color"-stil, og alt passet perfekt sammen. En konsekvent visuell personlighet hele veien, med matchende linjevekter, enhetlig hjørnebehandling og et sammenhengende estetisk språk. Vanligvis drar denne ikonjakten ut i ukevis. Men her? Ettermiddagens arbeid.

Den tekniske utførelsen fanget også min oppmerksomhet. SVG-koden deres er lesbar. Ikke noe rart rot, ingen tilfeldige navneskjemaer. Når jeg trenger animasjoner eller banejusteringer, er det rent og logisk. Det sparer meg for massevis av opprydningstid.

Formatutvalg som hjelper

De tilbyr PNG, SVG, PDF, EPS, PSD, AI - alle formatene du trenger. Det er nyttig siden jeg stadig veksler mellom nettutvikling (som krever SVG), trykte materialer (EPS), raske mockups (PNG) og mobilapper (med flere oppløsninger). Det betyr vanligvis at jeg er innom forskjellige nettsteder hele tiden. Her er alt konsolidert.

Møt Ranktracker

Alt-i-ett-plattformen for effektiv søkemotoroptimalisering

Bak enhver vellykket bedrift ligger en sterk SEO-kampanje. Men med utallige optimaliseringsverktøy og teknikker der ute å velge mellom, kan det være vanskelig å vite hvor du skal begynne. Vel, frykt ikke mer, for jeg har akkurat det som kan hjelpe deg. Vi presenterer Ranktracker alt-i-ett-plattformen for effektiv SEO.

Vi har endelig åpnet registreringen til Ranktracker helt gratis!

Opprett en gratis konto

Eller logg inn med påloggingsinformasjonen din

De får også plattformspesifikasjoner. iOS har spesifikke visuelle krav, Android følger andre konvensjoner, og desktop-applikasjoner krever sin egen behandling. Samme ikonkonsept, men tilpasset hver plattform. Smart tilnærming.

API som ikke faller fra hverandre

Tekniske ting - REST API-et deres er pålitelig. Jeg har implementert det i et dusin prosjekter nå, og det har aldri sviktet uventet. Dynamisk ikonbytte basert på brukerpreferanser fungerer problemfritt uten å sinke prosessen.

Dokumentasjonen er nyttig. Ekte fungerende kodeeksempler, ikke de vanlige ødelagte eksemplene som de fleste API-er gir deg. Dekker ikoner, illustrasjoner, bilder og musikk gjennom ett integrasjonspunkt. Forenkler utviklingen betraktelig.

Plugin som leverer

Det er Figma-plugin-modulen deres som briljerer. Mer enn en million ressurser rett i arbeidsområdet ditt. Du slipper å bytte fane, sjonglere med filer eller lete etter "hvor er det ikonet".

Jeg har nylig jobbet med et økonomisk dashbord, og jeg trengte uttrykksfulle økonomiske elementer, for eksempel penge-emoji-ikoner og andre pengesymboler. Alt opprettholder en konsekvent økonomisk design på tvers av alle økonomiske komponenter. Det gjør at hele opplevelsen av pengestyring føles sammenhengende i stedet for lappet sammen.

Produktivitetsøkningen er reell. Før brukte jeg tjue forskjellige ikonkilder som bokmerker, og mistet stadig fokus. Nå som alt er integrert, er jeg allerede i gang med å designe.

AI-funksjoner som fungerer

De har lagt til AI-verktøy, inkludert Smart Upscaler, Background Remover og Face Swapper. Det høres ut som markedsføringssnakk, men de er virkelig praktiske. Bakgrunnsfjerner slår ofte Photoshops resultater. Rene kanter, naturlig separasjon.

Smart Upscaler hjalp nylig da kunden leverte gamle banklogoer som så pikselerte ut i de nødvendige dimensjonene. Jeg kjørte dem gjennom Icons8s prosessor - skarpe resultater i alle målestokker. Det gikk også raskt.

Bildesøket er nøyaktig - last opp bilder og få forslag til matchende ikoner. Last opp finansielle dokumenter og få øyeblikkelig tilgang til relevant forretningsikonografi - et enkelt, men effektivt konsept.

Hvem får virkelig verdi

Designteam i bedrifter

Store selskaper har størst nytte av dette, fordi det blir dyrt å opprettholde visuell konsistens på tvers av produkter når ikonene er spredt over alt. Icons8s systematiske tilnærming reduserer vedlikeholdskostnadene betydelig. Tekniske team setter pris på ren kode og logisk navngivning; det sparer mye tid på store implementeringer.

Innstillinger for utdanning

Gratisnivå med attribusjon fungerer utmerket for studenter. De kan bygge prosjekter med profesjonelt utseende uten budsjettbegrensninger. Stilbibliotekene demonstrerer også prinsipper for konsistens på en effektiv måte.

Oppstartsteam

Når du har begrensede ressurser, er dette bedre enn å ansette ikonspesialister. Tidsbesparelsene alene rettferdiggjør abonnementskostnadene.

De problematiske tingene

Prising av virkeligheten

$ 13 månedlig startpunkt. Ikke uhørt, men det blir dyrt for frilansere eller studenter som nettopp har kommet i gang. Gratisnivået dekker noen brukstilfeller, men seriøse prosjekter krever vanligvis betalt tilgang.

Problemer med kundestøtte

Kundeservicen er relativt svak. Faktureringsproblemer vedvarer i en evighet, og det tar uforholdsmessig lang tid å få svar. Dette kan være frustrerende hvis du trenger pålitelig leverandørstøtte.

Mangler ved illustrasjonene

Ikonene er omfattende, men illustrasjonene er sparsomme i de fleste stiler. Hvis du har behov for omfattende, tilpasset illustrasjonsarbeid, må du sannsynligvis også konsultere andre kilder.

Teknisk ytelse

Fungerer på tvers av nett-, Mac-, Windows- og Linux-plattformer. Frakoblet modus er viktig når internettforbindelsen er ustabil. Ytelsen er god selv når du søker mye, og systemet blir ikke overbelastet.

Møt Ranktracker

Alt-i-ett-plattformen for effektiv søkemotoroptimalisering

Bak enhver vellykket bedrift ligger en sterk SEO-kampanje. Men med utallige optimaliseringsverktøy og teknikker der ute å velge mellom, kan det være vanskelig å vite hvor du skal begynne. Vel, frykt ikke mer, for jeg har akkurat det som kan hjelpe deg. Vi presenterer Ranktracker alt-i-ett-plattformen for effektiv SEO.

Vi har endelig åpnet registreringen til Ranktracker helt gratis!

Opprett en gratis konto

Eller logg inn med påloggingsinformasjonen din

SVG-kvaliteten er gjennomgående god. Minimalt behov for opprydding sammenlignet med andre kilder. Navngivningen er logisk, noe som gjør det enklere å implementere.

Slik bruker du dette riktig

Designteam

Best verdi når visuell konsistens er avgjørende på tvers av store implementeringer. Team som bygger designsystemer eller opprettholder merkevarekoherens på tvers av flere berøringspunkter, ser umiddelbare forbedringer.

Den første investeringen i oppsett lønner seg i form av redusert vedlikehold og raskere iterasjoner.

Utviklingsteam

Rene kodestandarder, forutsigbar struktur og et pålitelig API. Disse har direkte innvirkning på utviklingshastigheten og appens ytelse.

Applikasjoner for utdanning

Perfekt for å lære bort systematiske designprinsipper og samtidig gi studentene ressurser av profesjonell kvalitet.

Min bunnlinje

Icons8 har gått fra å være nok et ikonbibliotek til å bli en essensiell infrastruktur for design. Problemer med kundestøtte og pris kan være en hindring for noen, men kjerneproduktet løser reelle arbeidsflytproblemer.

Møt Ranktracker

Alt-i-ett-plattformen for effektiv søkemotoroptimalisering

Bak enhver vellykket bedrift ligger en sterk SEO-kampanje. Men med utallige optimaliseringsverktøy og teknikker der ute å velge mellom, kan det være vanskelig å vite hvor du skal begynne. Vel, frykt ikke mer, for jeg har akkurat det som kan hjelpe deg. Vi presenterer Ranktracker alt-i-ett-plattformen for effektiv SEO.

Vi har endelig åpnet registreringen til Ranktracker helt gratis!

Opprett en gratis konto

Eller logg inn med påloggingsinformasjonen din

Den primære styrken ligger i den systematiske konsistensen, supplert med solid teknisk utførelse. Hvis du er opptatt av effektivitet og kvalitet i designarbeidsflyten, er dette et produkt som skalerer fint på tvers av ulike prosjektbehov.

Tradisjonell ikonjakt på tilfeldige nettsteder føles nå gammeldags. Denne systematiske tilnærmingen er mer effektiv når det gjelder å opprettholde konsekvent designkvalitet.

Plattformen har sine svakheter - hva har ikke det? - Men den har løst min største hodepine i arbeidsflyten: å finne ikoner som ser ut som om de hører sammen. For en som jevnlig designer finansielle grensesnitt, er det utrolig verdifullt.

Jeg har brukt det i flere måneder nå, og jeg kan ikke tenke meg å gå tilbake til den spredte tilnærmingen. Noen ganger finner du et verktøy som passer perfekt til måten du jobber på - dette er et av dem for meg.

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.

Begynn å bruke Ranktracker... Gratis!

Finn ut hva som hindrer nettstedet ditt i å bli rangert.

Opprett en gratis konto

Eller logg inn med påloggingsinformasjonen din

Different views of Ranktracker app