Yahoo taliolümpia ikoonide kujundamine

Yahoo ürituse PyeongChang 2018 taliolümpiamängude ikoonide taga

Võib-olla olete jälginud mõnda taliolümpiamänge, mis PyeongChangis toimuvad. Mul oli võimalus teha koostööd Yahooga, et luua nende oma ikooni versioon, mida nad praegu oma platvormil kasutavad, ja mul on hea meel, et saan oma protsessi natuke jagada.

Oh, muide, PyeongChangil on oma vinge ikoonikomplekt - Yahoo otsustas siiski luua oma komplekti, kuna neil on vaja, et ikoon toimiks väikestena (ma räägin siin 20 pikslist).

Tutvuge spordialadega

Kasvasin ilma igasuguse lumeta, kogu oma elu pole mul talvespordist aimugi. Las ma olen hetkeks rumal, ma isegi ei teadnud, et talispordialad olemas on, ma mõtlen .. kes oleks oodanud, et saate sellise tegevusega nii palju lund teha, eks?

Igatahes…

Esimene tähelepanek, mille tegin, oli põhjalik uurimistöö, kus vaatasin palju salvestatud 2014. aasta taliolümpiamänge, et saada iga spordiala jaoks konteksti. See projekt ei hõlma ainult inimfiguure, vaid ikoonid peavad olema piisavalt lihtsad, nii et see töötab väikeste mõõtmetega ja peab saama iga spordiala esindamiseks õige poosi.

Ehitage põhiline

Kui mul on spordist piisavalt arusaamist, hakkan analüüsima iga spordiala kõige ekstreemsemaid poose - eesmärgiga jäädvustada ühised poosid, mis on meie aju jaoks piisavalt lihtsad, et luua poseerimise vahel spordiala.

Yahoo-l on olemas suurepärane kujundussüsteem inimese figuuri ikooni jaoks, mida ma kasutan ja kohandan natuke, et luua suunisena proportsioon ja lihtsustatud anatoomia.

Pose hõivamine

Protsessist aimu saamiseks võtame näitena lumelauaga sõitmise. Tavaliselt algab see viitega ja ma joonin hunniku ikoone väga lõdvalt ja võtan kasutusele parimad võimalused.

Sõltub spordist, üldiselt on meie aju jaoks parim / meeldejääv pilt see, kui sportlane teeb ekstreemse / elegantse käigu.

Sel hetkel osales klient palju aruteluprotsessis, andes tagasisidet ja kinnitades minu mõtlemist, miks need on parim kandidaat lõpliku ikooni jaoks.

Kiirnipid:

  • Ärge töötage silos, hoidke arutelu käimas ja saate sageli tagasisidet.
  • Alustage vähese täpsusega ja pange oma uurimisaeg kokku.

Stiili arendamine

Pärast postide naelutamist rõhutas Ryan (disainidirektor) ikoonide vajadust lahendada nii kasulikkust kui ka stiili eristav tunnus. Me kujundasime seda stiili koos ja see on suurepärase koostöö tulemus!

Esimene süvis on liiga ühetooniline ja mitte vedel. Pärast paari iteratsiooni mainis Ryan voolavuse, mille saavutame koonusjalal (mis on fantastiline).

Lõpuks kasutasime koonusjalad ja vedelad kujundid, et veelgi paremini liikumist anda. Kasutame ka tühikut, et toimingust rohkem selgust saada. Iluuisutamise ikoonil (ülal) näete, kuidas stiil hakkab kujunema. Kasutame igal võimalusel samu põhimõtteid kõigi ikoonide korral.

Digitaliseerimine

Pärast visandi valmimist ja Yahoo meeskonna visandiga rahule jäämist hüppan illustraatori juurde ja hakkan neid digiteerima. Kasutage tüpograafia digitaliseerimisel peaaegu sama tehnikat ja veenduge, et kõik punktid on õiges pikslite paigutuses.

Mõnikord on digitaliseerimisprotsessis lihtsam kohandada väikesi detaile, nagu näiteks koonusjalaga.

vasakult paremale: visand iPadil, vektoriseeritud täitmine, vektorite kontroll ruudustiku paigutamisel

Lõpptulemus

Selle ikoonikomplekti koos töötamiseks kulus meil 2 nädalat. Seda ikoonikomplekti kasutatakse praegu nende otsinguplatvormil. Loodan seda protsessi jagades inspireerida mõnda teist, kes armastab ikooni, õppima ja mõned ikoone looma.

Suured rekvisiidid Ryan McCullahile, kes aitab seda projekti kunsti suunata ja aitab mul kogu protsessi vältel ideede ja suurepärase tagasiside abil!

Optimeerisime seda ikoonikomplekti väikesteks mõõtmeteks, see näeb välja lõpptulemus.

Tööriistad

Saan sageli küsimuse kasutatud tööriistade kohta ja juhuks, kui te nende üle imestate:

  • Procreate + iPad + õunapliiats
  • Adobe Illustrator
  • Macbook pro 15 "

Koos töötama

Kahjuks pole mul kahjuks saadaval kuni augustini 2018. Kui teil on huvi tulevikus koos töötada, saame meiega ühendust võtta või lihtsalt tere öelda. tere [at] buditanrim [dot] co

Minu ikoonikomplekt: budicon.co
Dribbleeriv: dribbble.com/buditanrim
Twitter: twitter.com/buditanrim

Kõik ülaltoodud pildid on Yahoo intellektuaalne omand. Ärge kasutage seda ilma meie teadmise ja loata.