Komponentpõhine töövoog visandiks

Kujundusviis, nagu ka meie tööriistad, muutub.

Andke inimestele tööriist ja nad leiavad erinevaid võimalusi selle kasutamiseks. Ükski kaks disainerit ei tööta samamoodi, kuid ennustan, et see muutub järgmise paari aasta jooksul. Kaasaegne digitaalne disain kasvas välja fotoredaktorite häkkimisest kasutajaliideste joonistamiseks, töö kaotamiseks mõeldud süsteemides töö kaotamisest ja lõputust olemasolevate ekraanide taasloomise tsüklist, kui asjad lähevad tõlkes kaduma ...

Viimase kümnendi jooksul hakkasid disainerid oma lähenemisviisi ümber hindama ja võtsid suuna komponendipõhise töövoo poole. Photoshop tutvustas nutikaid objekte (olles võimeline teisi Photoshopi faile PSD-sse paigutama). See uus funktsioon võimaldas disaineritel jagada komponendi tsentraliseeritud versiooni, muretsemata selle komponendi duplikaatide olemasolu pärast nende failides. Kahjuks ei kujunenud sellest kunagi kujundusmeeskondade töövoogu - see oli pigem erand kui reegel.

Kui Sketch võttis kasutusele sümbolid, sai komponentide väärtus selgemaks. Vaatamata sellele, et sümbolid on piiratud ühe failiga, muudavad sümbolid komponendid äärmiselt lihtsaks: loovad komponendi ja siis kasutavad seda lõpmata kogu faili piires üle tahvlite ja lehtede. Algselt staatilised sümbolid muutusid peagi jõulisemaks funktsiooniks, tundliku suuruse muutmise ja väärtuste ülekirjutamise võimalusega. Olen veendunud, et sümbolitel on tulevikus võimsamad kohandamisvalikud.

Tõeline läbimurre saabus siis, kui Sketch lubas pesasümbolid teiste sümbolite sees. Isegi üksiku kujundajana on sümbolite korrektsel määratlemisel, nimetamisel ja struktureerimisel tohutu väärtus. Juhuslikult struktureerib ka arendaja komponente nii: alustades alt, kus nad defineerivad asju mikrotasandil, kuni makrotasandi tervete ekraanideni.

Abstrakti üks tugevamaid külgi on disaineritele tee pakkumine, kuidas oma töid versioonida ja hallata. Abstraktne jälgib visandifaili mis tahes komponendis tehtud muudatusi, võimaldades teil ja teie meeskonnal võrrelda erinevaid versioone komponendi tasemel. See tähendab, et mida rohkem sümboleid on visandifailis, seda väiksem on tõenäosus, et teie (või mõni teie kolleeg) konfliktidesse sattute. Funktsiooni Abstract abil ei tohiks igal kihil kasutatava ikooni redigeerimine põhjustada konflikte teistega, kes töötavad sama faili kallal. Ja kui peaks tekkima konflikt, tegeleb Abstract selle olukorraga graatsiliselt.

Näiteks struktureerin visandifaile, mida kasutame abstraktse kujunduse loomiseks, näiteks järgmiselt. Paljud minu lemmikdisainimeeskonnad kasutavad sarnaseid töövooge ja see näib olevat skaleeritav ka siis, kui suur / väike meeskond on.

Primitiivid

Värvid

Iga projekt algab värvipaleti määratlemisega. Brändivärvid, tekstivärvid, kasutajaliidese värvid, eri tüüpi toimingute värvid ... Sellest hetkest alates pole üldiselt hea mõte kasutada värvi, mis ei kuulu paletti, välja arvatud juhul, kui selleks on tõesti väga hea põhjus (mis tähendab, et see peaks niikuinii paletti minema).

Teksti- ja kihtstiilid

Teises nimekirjas on tüpograafia. Tehke projekti jaoks vajalike kirjasuuruste loetelu. Mida lühem loetelu, seda lihtsam on seda pidada. Nagu värvide puhul, ei ole ka sellest loendist vaja kalduda.

Mõnede tekstistiilide jaoks muudetavate lisamine viib selle loendi ühe sammu võrra edasi (värv, fondi mass, teksti teisendused ...), kuid see muudab loendi ka kõigi erinevate permutatsioonide lisamisega raskesti skannitavaks või sunnib pidevat kohandamist nimekiri. (See on valdkond, kus ma visan, et visand saab ja saab aja jooksul paremaks. Lihtne joondamise ülekirjutamine ei tohiks seostada määratletud tekstistiiliga.)

Komponendid

Siin saavad asjad väga põnevaks. Sümbolite manustamine teistesse sümbolitesse loob taset ja komponentide taset, mida on lihtne hooldada ja ajakohasena hoida.

1. TASE: Sihtasutus

1. taseme sümbolid ei sisalda ühtegi muud sümbolit. Need on madalaim tase meie komponentide virnas.

  • Ikoonograafia: meie ikoonikomplekti tumedad, heledad ja toonitud variandid, mille viilutamine on üles seatud nii, et arendajad saaksid hõlpsalt avada visandifaili ja haarata vajaliku vara
  • Avatarid: 8 avatari komplekt, mida kasutame kogu rakenduses. Need on ebatäiuslikud fotod erinevatest inimestest.

2. TASE: madalama astme plokid

2. taseme sümbolid ühendavad primitiivid ja 1. taseme sümbolid.

  • Vormi elemendid: nupud, sisendid, märkeruudud, raadiokontrollid…
  • Lahtrid: inimesed, kommentaarid, kohustused, failid, lehed, joonestustabelid ...
  • Subnavigation: valikuliste toimingute või ikoonidega päised
  • Ribareklaamid: ühendab teksti, ikoone ja nuppe

3. TASE: keskmise taseme plokid

3. taseme sümbolid ühendavad 2. ja 1. taseme sümbolid. Need on keerukamad sümbolid, mida tavaliselt kasutatakse tegelikus kujunduses.

  • Külgribad: lahtrite loetelud võivad olla navigeerimiseks
  • Peamised sisuvaldkonnad: kõike alates projektide ruudust kuni üksikasjade koostamiseni, sealhulgas tegevused, pealkiri, kirjeldus, eelvaated ja kommentaarid
  • Rakenduse päised: Wayfinderid, mis aitavad inimestel teada saada, kus nad rakenduses asuvad, tekstisiltide ja ikoonide segu
  • Modaalid: tegevused, tegevuste kinnitused, täielikud vood ...

Tavaliselt rühmitan lehel 3. taseme sümbolid, et saaksin neid järjepidevuse tagamiseks kiiresti võrrelda.

4. TASE: kompositsioonid

Sellise ulatusliku komponentide kollektsiooni korral ei sisalda tegelikele kujundustele vastavad tahvlid tavaliselt rohkem kui käputäis sümboleid. Minu eskiisfaili esimesel lehel on kõik meie rakenduse põhiekraanid, samal ajal kui teised lehed on pühendatud voogudele, sealhulgas kõik võimalikud servad.

Kuidas kujundus siis muutub?

Projekteerimise ja inseneri töövood hiilivad aeglaselt üksteise poole. Kujunduse lõpuosas loovad joonistusriistad nagu Sketch iga värskendusega uue ja võimsama funktsionaalsuse, mis koos abstraktsusega loob kindla, etteaimatava ja usaldusväärse töövoo. Inseneri poolel on uusarendused, mis ehitavad paremaid komponente mitmesugustele platvormidele. Mõlemad pooled standardiseerivad sarnaseid protsesse ja see erutab mind.

Standardimine koos ulatuslike uute tööriistade ja ühise sõnavaraga tõstab projekteerimisprotsessi tasemele, millega meie insenerikaaslased on aastakümneid tegutsenud. Visake abstraktne segu ja äkki on kõigil meeskonna liikmetel ligipääs rikkalikule ajaloole, miks asjad on nii, nagu nad on, otsused, mis viisid töö praeguse seisuni, ja viis, kuidas kohe sisukalt panustama hakata .

Kvaliteetsete toodete loomine on meeskonna jõupingutus ja me kõik siin, abstraktsed, oleme põnevil, et mängime selle protsessi arendamisel kriitilist rolli.

Kokkuvõte on praegu privaatses alfas. Teise kvartali lõpus töötame avaliku beetaversiooni poole. Testijate tagasiside on olnud uskumatult kasulik, kuna oleme voogusid täpsustanud ja üldist kogemust parandanud. Rohkem kui kunagi varem usume, et nüüd on disaineritel aeg omada asjakohast infrastruktuuri, et rõhutada disaini väärtust. Igal nädalal lähevad välja uued partiid kutseid. Täname teid toetuse ja julgustuse eest. Ootame koos imelisi asju tegema.

Kui te pole veel privaatse alfa ootenimekirja registreerunud, saate seda teha siin. Ja kui olete huvitatud meie abistamisest disainiprotsessi ümberkorraldamisel, otsime hämmastavaid inimesi, kellel on mitmesuguseid kogemusi, vaatenurki ja oskusi. Tutvuge meie avatud positsioonidega ja kandideerige kohe!