Icons8: Alusta, joka korjasi kuvakekaaos-ongelmani

Intro

Kolme viikkoa sitten esittelin tätä finanssiteknologian sovelluksen käyttöliittymää asiakkaan tuotetiimille. Suunnittelupäällikkö, kokenut nainen, keskeytti esitykseni ja sanoi: "Nämä rahoituskuvakkeet tuntuvat epäjohdonmukaisilta. Ovatko ne eri lähteistä?"

Oof. Hän osui naulan kantaan. Minulla oli maksukuvakkeita yhdestä kirjastosta, kaavioelementtejä toiselta sivustolta ja valuuttasymboleita jostain muualta. Jokainen näytti kelvolliselta erikseen, mutta yhdessä? Täydellinen visuaalinen sotku. Erilaiset lyöntipainot, jotkut pyöristetyt ja jotkut kulmikkaat, luovat täysin epäsopivan esteettisen kokonaisuuden, mikä on noloa.

Tuo kommentti häiritsi minua. Vietin viikonloppuni etsien parempia vaihtoehtoja, ja silloin löysin Icons8:n. Aluksi se vaikutti jälleen yhdeltä kuvakkeiden markkinointipaikalta, joka heittelee isoja lukuja - "1,42 miljoonaa omaisuutta" ja muuta sellaista. Mutta kokeilin sitä? Eri peli.

Miten he ratkaisivat johdonmukaisuusongelman

Useimmat ikonisivustot luokittelevat tavaraa satunnaisesti. "Talouskuvakkeet", "liiketoimintakuvakkeet", mitä tahansa. Icons8 teki jotain fiksua - se loi täydelliset visuaaliset ekosysteemit: 45 erilaista perhettä, joissa jokaisessa on tuhansia kuvakkeita, jotka kuuluvat aidosti yhteen.

Olen juuri saanut valmiiksi tämän pankkialustan luotto-osuuskunnalle. Tarvittiin kaikki - tapahtumatyypit, tilien hallinta, sijoitusten seuranta, lainahakemukset, turvaominaisuudet. Käytin heidän "Fluent Color" -tyyliään, ja kaikki sopi täydellisesti yhteen. Yhtenäinen visuaalinen persoonallisuus kaikkialla, yhteensopivat viivanpainot, yhtenäiset kulmakäsittelyt ja yhtenäinen esteettinen kieli. Yleensä tämä kuvakkeiden metsästys kestää viikkoja. Tässä? Iltapäivän työ.

Myös tekninen toteutus kiinnitti huomioni. Heidän SVG-koodinsa on luettavissa. Ei outoa sekasotkua, ei satunnaisia nimeämissuunnitelmia. Kun tarvitsen animaatioita tai polkujen muokkausta, se on puhdasta ja loogista. Säästän paljon siivousaikaa.

Formaattialue, joka auttaa

Tarjolla on PNG-, SVG-, PDF-, EPS-, PSD- ja AI-muodot - kaikki tarvitsemasi formaatit. Hyödyllistä, koska vaihdan jatkuvasti web-kehityksen (joka vaatii SVG:tä), painotuotteiden (EPS), pikamockupien (PNG) ja mobiilisovellusten (joissa on useita resoluutioita) välillä. Tämä tarkoittaa yleensä sitä, että käyn jatkuvasti eri sivustoilla. Täällä kaikki on konsolidoitu.

He saavat myös alustakohtaisia erityispiirteitä. iOS:llä on erityiset visuaaliset vaatimukset, Android noudattaa erilaisia konventioita, ja työpöytäsovellukset vaativat oman käsittelynsä. Sama ikonikonikonsepti, mutta mukautettuna asianmukaisesti kullekin alustalle. Fiksu lähestymistapa.

API, joka ei hajoa

Tekniset asiat - heidän REST API:nsa on luotettava. Olen toteuttanut sen nyt varmaan kymmenissä projekteissa, eikä se ole koskaan yllättäen pettänyt. Dynaaminen kuvakkeiden vaihtaminen käyttäjän mieltymysten perusteella toimii sujuvasti hidastamatta prosessia.

Dokumentaatio on hyödyllinen. Todellisia toimivia koodiesimerkkejä, ei tavanomaisia rikkinäisiä esimerkkejä, joita useimmat API:t antavat. Kattaa kuvakkeet, kuvitukset, valokuvat ja musiikin yhden integrointipisteen kautta. Yksinkertaistaa kehitystä huomattavasti.

Liitännäinen, joka tuottaa

Heidän Figma-lisäosassaan tämä loistaa. Yli miljoona assetia suoraan työtilassasi. Ei enää välilehtien vaihtamista, tiedostojen jongleerausta eikä "missä se kuvake on" -hakuja.

Olen viime aikoina työstänyt taloudellista kojelautaa, ja tarvitsin ilmeikkäitä taloudellisia elementtejä, kuten rahan emoji-kuvakkeita ja muita rahasymboleja. Kaikki säilyttää johdonmukaisen taloudellisen muotoilun kaikissa talouskomponenteissa. Se saa koko rahanhallintakokemuksen tuntumaan yhtenäiseltä eikä paikoitellulta.

Tuottavuuden lisäys on todellinen. Ennen käytin kirjanmerkkejä pariinkymmeneen eri kuvakelähteeseen ja menetin jatkuvasti keskittymisen. Nyt kun kaikki on integroitu, olen jo suunnittelemassa.

Toimivat tekoälyominaisuudet

He lisäsivät tekoälytyökaluja, kuten Smart Upscaler, Background Remover ja Face Swapper. Kuulostaa markkinointipuheelta, mutta ne ovat aidosti käytännöllisiä. Background Remover päihittää usein Photoshopin tulokset. Puhtaat reunat, luonnollinen erottelu.

Smart Upscaler auttoi hiljattain, kun asiakas toimitti vanhoja pankkilogoja, jotka näyttivät pikselöityneiltä tarvittavissa mitoissa. Ajoin ne Icons8:n prosessorin läpi - terävät tulokset kaikissa mittakaavoissa. Nopea läpimenoaika myös.

Kuvahaku on tarkka - lataa valokuvia ja saat vastaavia kuvakkeita koskevia ehdotuksia. Lataa rahoitusasiakirjoja ja saat välittömästi käyttöön asianmukaiset yrityskuvakkeet - yksinkertainen mutta tehokas konsepti.

Kuka saa todellista arvoa

Yritysten suunnittelutiimit

Suuryritykset hyötyvät eniten, sillä visuaalisen yhdenmukaisuuden ylläpitäminen eri tuotteissa tulee kalliiksi, kun kuvakkeet ovat hajallaan kaikkialla. Icons8:n järjestelmällinen lähestymistapa vähentää ylläpitokustannuksia merkittävästi. Tekniset tiimit arvostavat puhdasta koodia ja loogista nimeämistä; se säästää merkittävästi aikaa suurissa toteutuksissa.

Koulutusympäristöt

Ilmaistaso attribuution kanssa toimii erinomaisesti opiskelijoille. He voivat rakentaa ammattimaisen näköisiä projekteja ilman budjettirajoitteita. Tyylikirjastot osoittavat myös yhdenmukaisuuden periaatteet tehokkaasti.

Startup-tiimit

Kun resurssit ovat rajalliset, tämä voittaa kuvakeasiantuntijoiden palkkaamisen. Pelkkä ajansäästö oikeuttaa tilauskustannukset.

Ongelmalliset asiat

Hinnoittelun todellisuus

13 dollarin kuukausittainen lähtöpiste. Ei törkeä hinta, mutta lisää kustannuksia freelancereille tai aloitteleville opiskelijoille. Ilmainen taso kattaa joitakin käyttötapauksia, mutta vakavat projektit edellyttävät yleensä maksullista käyttöä.

Tukikysymykset

Asiakaspalvelu on suhteellisen heikkoa. Laskutusongelmat jatkuvat ikuisuuden, ja vastausten saaminen kestää kohtuuttoman kauan. Jos tarvitset luotettavaa myyjän tukea, tämä voi olla turhauttavaa.

Kuvituksen puutteet

Kuvakkeet ovat kattavia, mutta kuvitus on useimmissa tyyleissä niukkaa. Jos tarvitset laajoja mukautettuja kuvitustöitä, sinun on todennäköisesti turvauduttava myös muihin lähteisiin.

Tekninen suorituskyky

Toimii web-, Mac-, Windows- ja Linux-alustoilla. Offline-tila on välttämätön, kun internetyhteys on epävakaa. Suorituskyky pysyy vakaana myös raskaiden hakujen aikana, eikä se rasita järjestelmääsi.

SVG-laatu on jatkuvasti hyvä. Tarvitaan vain vähän siivousta verrattuna muihin lähteisiin. Nimeäminen on loogista, mikä helpottaa käyttöönottoa.

Miten tätä käytetään oikein

Suunnitteluryhmät

Paras arvo, kun visuaalinen yhdenmukaisuus on ratkaisevan tärkeää laajoissa toteutuksissa. Tiimit, jotka rakentavat suunnittelujärjestelmiä tai ylläpitävät brändin johdonmukaisuutta useissa eri kosketuspisteissä, näkevät välittömiä parannuksia.

Alkuinvestointi maksaa itsensä takaisin vähentyneen ylläpidon ja nopeampien iteraatioiden ansiosta.

Kehitystiimit

Puhtaat koodistandardit, ennustettava rakenne ja luotettava API. Nämä vaikuttavat suoraan kehitysnopeuteen ja sovelluksen suorituskykyyn.

Koulutussovellukset

Soveltuu erinomaisesti systemaattisten suunnitteluperiaatteiden opettamiseen ja tarjoaa samalla opiskelijoille ammattilaistasoisia resursseja.

Oma lopputulos

Icons8 muuttui tavallisesta kuvakekirjastosta olennaiseksi suunnittelun infrastruktuuriksi. Tukiongelmat ja hinnoittelu saattavat olla joidenkin mielestä ratkaisevia tekijöitä, mutta ydintuote ratkaisee todellisia työnkulkuongelmia.

Ensisijainen vahvuus on järjestelmällinen johdonmukaisuus, jota täydentää vankka tekninen toteutus. Jos suunnittelun työnkulkujen tehokkuus ja laatu ovat sinulle tärkeitä, tämä tuote skaalautuu hienosti eri projektitarpeisiin.

Perinteinen kuvakkeiden metsästys satunnaisilla sivustoilla tuntuu nyt vanhentuneelta. Tämä systemaattinen lähestymistapa on tehokkaampi suunnittelun tasaisen laadun ylläpitämisessä.

Alustassa on puutteita - missä ei olisi? - Mutta se ratkaisi suurimman päänvaivani työnkulussa: löytää kuvakkeita, jotka näyttävät kuuluvan yhteen. Se on uskomattoman arvokasta henkilölle, joka suunnittelee säännöllisesti rahoitusalan käyttöliittymiä.

Olen käyttänyt sitä nyt kuukausia, enkä voi kuvitellakaan palaavani takaisin hajanaiseen lähestymistapaan. Joskus löydät työkalun, joka sopii yhteen työtapasi kanssa - tämä on yksi niistä minulle.