• Designværktøjer

Icons8: Platformen, der løste mit problem med ikonkaos

  • Felix Rose-Collins
  • 4 min read

Intro

For tre uger siden demonstrerede jeg denne fintech-app-grænseflade for kundens produktteam. Designchefen, en erfaren kvinde, sætter min præsentation på pause og siger: "Disse finansielle ikoner føles inkonsekvente. Er de fra forskellige kilder?"

Uf. Hun ramte hovedet på sømmet. Jeg havde betalingsikoner fra ét bibliotek, diagramelementer fra et andet site og valutasymboler fra et helt andet sted. De så fine ud hver for sig, men sammen? Totalt visuelt rod. Forskellige stregvægte, nogle afrundede og nogle kantede, skaber en fuldstændig uoverensstemmende æstetik, hvilket er pinligt.

Den kommentar generede mig. Jeg brugte min weekend på at undersøge bedre muligheder, og det var der, jeg opdagede Icons8. I første omgang virkede det som endnu en markedsplads for ikoner, der kaster om sig med store tal - "1,42 millioner aktiver" og den slags. Men at prøve det? Det var noget helt andet.

Hvordan de løste problemet med konsistens

Solved the Consistency

De fleste ikonsider kategoriserer ting tilfældigt. "Finansikoner", "forretningsikoner", hvad som helst. Icons8 gjorde noget smart - de skabte disse komplette visuelle økosystemer: 45 forskellige familier, hver med tusindvis af ikoner, som virkelig hører sammen.

Jeg har lige færdiggjort denne bankplatform til en kreditforening. Der var brug for alt - transaktionstyper, kontostyring, investeringssporing, låneansøgninger, sikkerhedsfunktioner. Jeg valgte deres "Fluent Color"-stil, og alt passede perfekt sammen. En konsekvent visuel personlighed hele vejen igennem med matchende linjevægte, ensartede hjørnebehandlinger og et sammenhængende æstetisk sprog. Normalt trækker denne ikonjagt ud i ugevis. Men her? Eftermiddagens arbejde.

Den tekniske udførelse fangede også min opmærksomhed. Deres SVG-kode er læsbar. Intet underligt indlejret rod, ingen tilfældige navngivningsskemaer. Når jeg har brug for animationer eller stijusteringer, er det rent og logisk. Det sparer mig for masser af oprydningstid.

Formatudvalg, der hjælper

De leverer PNG, SVG, PDF, EPS, PSD, AI - alle de formater, du har brug for. Nyttigt, da jeg konstant skifter mellem webudvikling (der kræver SVG'er), trykte materialer (EPS), hurtige mockups (PNG) og mobilapps (med flere opløsninger). Det betyder normalt, at jeg konstant er inde på forskellige sider. Her er det hele konsolideret.

Mød Ranktracker

Alt-i-en-platformen til effektiv SEO

Bag enhver succesfuld virksomhed ligger en stærk SEO-kampagne. Men med utallige optimeringsværktøjer og -teknikker at vælge imellem kan det være svært at vide, hvor man skal starte. Nå, frygt ikke mere, for jeg har lige det, der kan hjælpe dig. Jeg præsenterer Ranktracker alt-i-en platformen til effektiv SEO

Vi har endelig åbnet for gratis registrering til Ranktracker!

Opret en gratis konto

Eller logge ind med dine legitimationsoplysninger

De får også platformsspecifikationer. iOS har specifikke visuelle krav, Android følger forskellige konventioner, og desktop-applikationer kræver deres behandling. Samme ikonkoncept, men tilpasset til hver enkelt platform. Smart tilgang.

API, der ikke falder fra hinanden

Tekniske ting - deres REST API er pålidelig. Jeg har implementeret det i et dusin projekter nu, og det har aldrig fejlet uventet. Dynamisk ikonskift baseret på brugerpræferencer fungerer gnidningsløst uden at bremse processen.

Dokumentationen er nyttig. Virkeligt fungerende kodeeksempler, ikke de sædvanlige ødelagte prøver, som de fleste API'er giver dig. Dækker ikoner, illustrationer, fotos og musik gennem ét integrationspunkt. Forenkler udviklingen betydeligt.

Plugin, der leverer varen

Deres Figma-plugin er der, hvor det skinner. Mere end en million aktiver direkte i dit arbejdsområde. Ikke flere faneskift, ikke mere filjonglering, ikke flere "hvor er det ikon"-søgninger.

Jeg har arbejdet på et finansielt dashboard for nylig, og jeg havde brug for udtryksfulde økonomiske elementer, f.eks. penge-emoji-ikoner og andre monetære symboler. Alt opretholder et konsekvent økonomisk design på tværs af alle økonomiske komponenter. Det får hele oplevelsen af pengestyring til at føles sammenhængende i stedet for lappet sammen.

Produktivitetsforøgelsen er reel. Jeg plejede at bogmærke tyve forskellige ikonkilder og mistede konstant fokus. Nu hvor alt er integreret, er jeg allerede i gang med at designe.

AI-funktioner, der virker

De har tilføjet AI-værktøjer, herunder Smart Upscaler, Background Remover og Face Swapper. Det lyder som marketingfluff, men de er virkelig praktiske. Baggrundsfjerner slår ofte Photoshops resultater. Rene kanter, naturlig adskillelse.

Smart Upscaler hjalp for nylig, da kunden leverede gamle banklogoer, der så pixelerede ud i de nødvendige dimensioner. Jeg kørte dem gennem Icons8's processor - skarpe resultater i enhver skala. Det gik også hurtigt.

Billedsøgning er præcis - upload fotos og få forslag til matchende ikoner. Upload finansielle dokumenter og få øjeblikkelig adgang til relevant forretningsikonografi - et enkelt, men effektivt koncept.

Hvem får reel værdi

Designteams i virksomheder

Store virksomheder får mest ud af det, fordi det bliver dyrt at opretholde visuel konsistens på tværs af produkter, når ikonerne er spredt ud over det hele. Icons8's systematiske tilgang reducerer vedligeholdelsesomkostningerne betydeligt. Tekniske teams sætter pris på ren kode og logisk navngivning; det sparer en betydelig mængde tid på store implementeringer.

Indstillinger for uddannelse

Gratis niveau med tilskrivning fungerer godt for studerende. De kan bygge professionelt udseende projekter uden budgetbegrænsninger. Stilbiblioteker demonstrerer også principper for konsistens på en effektiv måde.

Opstartshold

Når du har begrænsede ressourcer, er dette bedre end at ansætte ikonspecialister. Alene tidsbesparelserne retfærdiggør abonnementsomkostningerne.

De problematiske ting

Prissætning af virkeligheden

Månedligt udgangspunkt på $13. Ikke uhørt, men det løber op for freelancere eller studerende, der lige er kommet i gang. Det gratis niveau dækker nogle brugssituationer, men seriøse projekter kræver normalt betalt adgang.

Problemer med support

Kundeservicen er relativt svag. Faktureringsproblemer varer ved i en evighed, og det tager uforholdsmæssigt lang tid at få svar. Hvis du har brug for pålidelig leverandørsupport, kan det være frustrerende.

Mangler ved illustrationer

Ikonerne er omfattende, men illustrationerne er sparsomme i de fleste stilarter. Hvis du har brug for omfattende brugerdefinerede illustrationer, skal du sandsynligvis også konsultere andre kilder.

Teknisk ydeevne

Fungerer på tværs af web-, Mac-, Windows- og Linux-platforme. Offline-tilstand er vigtig, når internetforbindelsen er ustabil. Ydeevnen forbliver solid, selv når du søger meget, og den lægger ikke beslag på dit system.

Mød Ranktracker

Alt-i-en-platformen til effektiv SEO

Bag enhver succesfuld virksomhed ligger en stærk SEO-kampagne. Men med utallige optimeringsværktøjer og -teknikker at vælge imellem kan det være svært at vide, hvor man skal starte. Nå, frygt ikke mere, for jeg har lige det, der kan hjælpe dig. Jeg præsenterer Ranktracker alt-i-en platformen til effektiv SEO

Vi har endelig åbnet for gratis registrering til Ranktracker!

Opret en gratis konto

Eller logge ind med dine legitimationsoplysninger

SVG-kvaliteten er gennemgående god. Minimalt behov for oprydning sammenlignet med andre kilder. Navngivning giver logisk mening, hvilket hjælper med implementeringen.

Sådan bruger du dette rigtigt

Designteams

Den bedste værdi, når visuel konsistens er afgørende på tværs af store implementeringer. Teams, der opbygger designsystemer eller opretholder sammenhæng i brandet på tværs af flere kontaktpunkter, ser øjeblikkelige forbedringer.

Den indledende investering i opsætning betaler sig gennem reduceret vedligeholdelse og hurtigere iterationer.

Udviklingsteams

Rene kodestandarder, forudsigelig struktur og pålidelig API. Det har direkte indflydelse på udviklingshastigheden og appens ydeevne.

Uddannelsesapplikationer

Fantastisk til at undervise i systematiske designprincipper og samtidig give de studerende ressourcer af professionel kvalitet.

Min bundlinje

Icons8 gik fra at være endnu et ikonbibliotek til at blive en vigtig designinfrastruktur. Supportproblemer og prisfastsættelse kan være en hindring for nogle, men kerneproduktet løser ægte workflow-problemer.

Mød Ranktracker

Alt-i-en-platformen til effektiv SEO

Bag enhver succesfuld virksomhed ligger en stærk SEO-kampagne. Men med utallige optimeringsværktøjer og -teknikker at vælge imellem kan det være svært at vide, hvor man skal starte. Nå, frygt ikke mere, for jeg har lige det, der kan hjælpe dig. Jeg præsenterer Ranktracker alt-i-en platformen til effektiv SEO

Vi har endelig åbnet for gratis registrering til Ranktracker!

Opret en gratis konto

Eller logge ind med dine legitimationsoplysninger

Den primære styrke ligger i systematisk konsistens, suppleret med solid teknisk udførelse. Hvis man går op i effektivitet og kvalitet i designworkflows, skalerer dette fint på tværs af forskellige projektbehov.

Traditionel ikonjagt på tværs af tilfældige sites føles nu forældet. Denne systematiske tilgang er mere effektiv til at opretholde en ensartet designkvalitet.

Platformen har fejl og mangler - hvad har ikke det? - Men den har løst min største hovedpine i arbejdsgangen: at finde ikoner, der ser ud, som om de hører sammen. For en person, der regelmæssigt designer finansielle grænseflader, er det utroligt værdifuldt.

Jeg har brugt det i flere måneder nu; jeg kan ikke forestille mig at gå tilbage til den spredte tilgang. Nogle gange finder man et værktøj, der passer til den måde, man arbejder på - det her er et af dem for mig.

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.

Begynd at bruge Ranktracker... Gratis!

Find ud af, hvad der forhindrer dit websted i at blive placeret på ranglisten.

Opret en gratis konto

Eller logge ind med dine legitimationsoplysninger

Different views of Ranktracker app