Icons8: Platforma, ki je rešila moj problem kaosa ikon

Uvod

Pred tremi tedni sem ekipi za izdelke stranke predstavil ta vmesnik aplikacije fintech. Vodja oblikovanja, izkušena ženska, je prekinila mojo predstavitev in rekla: "Te finančne ikone se zdijo nedosledne. Ali so iz različnih virov?"

Uf. Zadela je žebljico na glavico. Imel sem plačilne ikone iz ene knjižnice, elemente grafikonov z drugega spletnega mesta in simbole valut od koderkoli. Vsaka posebej je bila videti spodobno, skupaj pa? Popolna vizualna zmešnjava. Različne teže črt, nekatere zaobljene, druge oglate, ustvarjajo popolnoma neusklajeno estetiko, kar je nerodno.

Ta pripomba me je vznemirila. Vikend sem preživel v iskanju boljših možnosti in takrat sem odkril ikone Icons8. Sprva se je zdelo, da gre za še eno tržnico ikon, ki se kiti z velikimi številkami - "1,42 milijona sredstev" in podobno. Toda če sem jo preizkusil? Drugačna igra.

Kako so rešili vprašanje doslednosti

Večina spletnih mest z ikonami stvari razvršča naključno. "Finančne ikone", "Poslovne ikone", karkoli. Icons8 je naredil nekaj pametnega - ustvaril je te popolne vizualne ekosisteme: 45 različnih družin, vsaka s tisočimi ikonami, ki resnično sodijo skupaj.

Pravkar sem dokončal to bančno platformo za kreditno zadrugo. Potreboval sem vse - vrste transakcij, upravljanje računov, sledenje naložbam, vloge za posojila, varnostne funkcije. Uporabil sem njihov slog "Fluent Color" in vse se je odlično ujemalo. Celotna vizualna osebnost z ujemajočimi se utežmi črt, enotno obdelavo vogalov in skladnim estetskim jezikom. Običajno se lov na ikone vleče več tednov. Tukaj? Popoldansko delo.

Mojo pozornost je pritegnila tudi tehnična izvedba. Njihova koda SVG je berljiva. Ni čudne gnezdene zmešnjave, ni naključnih shem poimenovanja. Ko potrebujem animacije ali prilagoditve poti, je čista in logična. Prihrani mi veliko časa za čiščenje.

Območje formata, ki pomaga

Na voljo so formati PNG, SVG, PDF, EPS, PSD, AI - vsi formati, ki jih potrebujete. Koristno, saj nenehno preklapljam med razvojem spletnih strani (ki zahtevajo SVG), tiskanimi gradivi (EPS), hitrimi maketami (PNG) in mobilnimi aplikacijami (z več ločljivostmi). Običajno to pomeni, da nenehno uporabljam različna spletna mesta. Tu je vse skupaj združeno.

Dobijo tudi posebnosti platform. iOS ima posebne vizualne zahteve, Android sledi drugačnim konvencijam, namizne aplikacije pa zahtevajo svojo obravnavo. Isti koncept ikon, vendar ustrezno prilagojen za vsako platformo posebej. Pameten pristop.

API, ki ne razpade

Tehnične stvari - njihov API REST je zanesljiv. Do zdaj sem ga implementiral že v ducat projektov in še nikoli ni nepričakovano odpovedal. Dinamično preklapljanje ikon na podlagi uporabniških nastavitev deluje gladko, ne da bi upočasnilo postopek.

Dokumentacija je uporabna. Primeri prave delujoče kode, ne pa običajni pokvarjeni vzorci, ki jih ponuja večina API-jev. Pokriva ikone, ilustracije, fotografije in glasbo prek ene integracijske točke. Bistveno poenostavlja razvoj.

Vtičnik, ki prinaša rezultate

Njihov vtičnik Figma je tisto, kjer ta vtičnik blesti. Več kot milijon sredstev neposredno v vašem delovnem prostoru. Nič več preklapljanja med zavihki, žongliranja z datotekami in iskanja "kje je ta ikona".

Pred kratkim sem delal na finančni nadzorni plošči in sem potreboval izrazite ekonomske elemente, kot so ikone denarnih emotikonov in drugi denarni simboli. Vse ohranja dosledno finančno zasnovo v vseh ekonomskih elementih. Zaradi tega je celotna izkušnja upravljanja z denarjem skladna in ne prepletena.

Povečanje produktivnosti je resnično. Včasih sem si v zaznamke dodajal dvajset različnih virov ikon in nenehno izgubljal pozornost. Zdaj, ko je vse integrirano, že oblikujem.

Funkcije umetne inteligence, ki delujejo

Dodana so bila orodja umetne inteligence, vključno z orodji Smart Upscaler, Background Remover in Face Swapper. Sliši se kot marketinška puhlica, vendar so resnično praktična. Odstranjevanje ozadja pogosto premaga rezultate Photoshopa. Čisti robovi, naravno ločevanje.

Smart Upscaler je pred kratkim pomagal, ko je stranka predložila stare bančne logotipe, ki so bili pri potrebnih dimenzijah videti pikslirani. Posredoval sem jih v procesorju Icons8 - ostri rezultati v vsakem merilu. Hitro se je tudi izvedlo.

Iskanje slik je natančno - naložite fotografije in dobite ustrezne predloge ikon. Naložite finančne dokumente in takoj dostopajte do ustrezne poslovne ikonografije - preprost, a učinkovit koncept.

Kdo dobi pravo vrednost

Ekipe za oblikovanje v podjetjih

Največ koristi imajo velika podjetja, saj je vzdrževanje vizualne skladnosti med izdelki drago, če so ikone razpršene povsod. Sistematični pristop Icons8 znatno zmanjša stroške vzdrževanja. Tehnične ekipe cenijo čisto kodo in logično poimenovanje; to prihrani veliko časa pri velikih izvedbah.

Izobraževalne ustanove

Brezplačna stopnja s priznavanjem avtorstva se odlično obnese za študente. Brez proračunskih omejitev lahko ustvarijo profesionalno videti projekte. Knjižnice slogov prav tako učinkovito prikazujejo načela doslednosti.

Zagonske ekipe

Kadar imate omejene vire, je ta možnost boljša od najemanja strokovnjakov za ikone. Že sam prihranek časa upraviči stroške naročnine.

Problematične stvari

Cenovna realnost

13 dolarjev mesečno izhodišče. Ni nezaslišano, vendar se poveča za samostojne podjetnike ali študente, ki šele začenjajo. Brezplačni nivo pokriva nekatere primere uporabe, vendar je za resne projekte običajno potreben plačljiv dostop.

Težave s podporo

Storitve za stranke so razmeroma šibke. Težave z zaračunavanjem trajajo celo večnost, pridobivanje odgovorov pa traja neprimerno dlje. Če potrebujete zanesljivo podporo prodajalca, je to lahko frustrirajoče.

Pomanjkljivosti ilustracije

Ikone so izčrpne, vendar so ilustracije v večini slogov redke. Če potrebujete obsežno delo z ilustracijami po meri, se boste verjetno morali posvetovati tudi z drugimi viri.

Tehnična zmogljivost

Deluje na spletnih platformah, platformah Mac, Windows in Linux. Način brez povezave je bistvenega pomena, kadar je internetna povezava nestabilna. Delovanje ostane solidno tudi pri intenzivnem iskanju in ne obremenjuje sistema.

Kakovost SVG je vedno dobra. V primerjavi z drugimi viri je potrebno minimalno čiščenje. Poimenovanje je logično smiselno, kar pomaga pri izvajanju.

Kako uporabljati to pravico

Oblikovalske ekipe

Najboljša vrednost, kadar je vizualna skladnost ključnega pomena pri obsežnih izvedbah. Ekipe, ki gradijo oblikovalske sisteme ali vzdržujejo skladnost blagovne znamke na več stičnih točkah, vidijo takojšnje izboljšave.

Začetna naložba v postavitev se povrne z manjšim vzdrževanjem in hitrejšimi iteracijami.

Razvojne ekipe

Čisti standardi kode, predvidljiva struktura in zanesljiv API. To neposredno vpliva na hitrost razvoja in zmogljivost aplikacije.

Izobraževalne aplikacije

Odlično za poučevanje načel sistematičnega oblikovanja, hkrati pa študentom zagotavlja vire profesionalne kakovosti.

Moj zaključek

Icons8 je iz še ene knjižnice ikon postal bistvena oblikovalska infrastruktura. Težave s podporo in ceno so lahko za nekatere prelomnice, vendar osnovni izdelek rešuje resnične težave pri delovnem procesu.

Glavna prednost je v sistematični doslednosti, ki jo dopolnjuje trdna tehnična izvedba. Če vam je pomembna učinkovitost in kakovost v delovnih tokovih oblikovanja, se ta lepo razširi na različne projektne potrebe.

Tradicionalno lovljenje ikon na naključnih spletnih mestih se zdaj zdi zastarelo. Ta sistematični pristop je učinkovitejši pri ohranjanju dosledne kakovosti oblikovanja.

Platforma ima pomanjkljivosti - kaj pa jih nima? - Vendar je odpravila moj največji glavobol v delovnem procesu: iskanje ikon, za katere je videti, da spadajo skupaj. Za nekoga, ki redno oblikuje finančne vmesnike, je to izjemno dragoceno.

Uporabljam jo že več mesecev; ne morem si predstavljati, da bi se vrnil k razpršenemu pristopu. Včasih najdeš orodje, ki se ujema s tvojim načinom dela - zame je to eno od takih.