5 strategiaa symbolien käyttämiseen Sketchissä: ryhmien ja projektien kasvattamiseen

Symbolit ovat Sketchin tehokkain ominaisuus.

Symboleilla on potentiaalia - yhdistämis-, synkronointi-, jakamis-, yhdistämis-, skaalaus-, säätämis-, pesämis- ja mikä parasta, helppo prototyyppipotentiaali. Jos joudun prototyyppityökaluun, jolla ei ole symbolitoimintoa, alennan sen melkein suoraan.

Symbolit ovat joustavia muotoiluelementtejä, jotka on liitetty muokattavaan lähteeseen, joka tunnetaan muuten yhtenä totuuden lähteenä. Lyhyesti sanottuna, ne ovat taikuutta.

Tämä on symbolien taikuutta. On hienoa, jos kaikki kappaleet eivät napsauta yhdessä puolestasi - tutkimme syvemmälle symbolijärjestelmiä.

Luonnoksessasi käytettävien symboliesi ei tarvitse sinun elää kauemmin, mutta niiden pitäisi voida kasvaa projektisi tapaan. Heidän tulisi myös voida jakaa mukavasti muiden kanssa. Tässä on kolme strategiaa Sketch-symbolien käyttämiseksi skaalautuvalla, käyttäjäystävällisellä tavalla.

1. Luo symboleja oikealla tavalla

Rakenna symbolit hyvin ja ne ikääntyvät hyvin. Symbolin uusiminen ei ole hauskaa, koska et tehnyt siitä riittävän joustavaa ensimmäistä kertaa, varsinkin kun olet käyttänyt sitä tusinaan paikkaan. Tässä on joitain osoittimia, jotka auttavat sinua ja ryhmääsi rakentamaan symboleja, joita ei tarvita jatkuvia parannuksia.

Aloita perusteista

Aloita kaikista mahdollisimmista komponenteista. Kaikkien pitäisi alkaa atomitasolla. Kun postimerkit ovat modulaarisia, ne sopivat mukavammin yhteen ja niiden kanssa on helpompaa työskennellä.

Pesämerkit

Voit sijoittaa symbolit muihin symboleihin tehdäksesi prototyyppien tekemisen yksinkertaiseksi ja joustavaksi. Pesä on, kun laitat yhden leiman isompaan leimoon. Ja ohituksena tunnetun ominaisuuden avulla voit vaihtaa ja mukauttaa postimerkkikuvauksia tusinaan eri paikkaan tusinaa eri tapaa.

Pesä pakottaa sinut ajattelemaan tasoja. Tason yhden symbolit voivat olla kuvakkeita ja tekstilohkoja, toisen tason symbolit voivat olla painikkeita ja luetteloita ja tason 3 symbolit voivat olla kokonaisia ​​paneeleja ja ponnahdusikkunoita. Bitit, kappaleet ja tasot näyttävät erilaisilta projektin monimutkaisuudesta riippuen, mutta symbolien pesäpiste on aina sama. Ohittaa korkeamman tason elementit.

Vaikka symboli toimii kuin leima, symbolin esiintymä toimii kuin postimerkki. Ja koska leimat ovat taikuutta, saman leiman vaikutelmat voivat olla erilaisia. Näitä variaatioita kutsutaan ohituksiksi. Jos suuressa leimassasi on dater-leima, voit käyttää ohituksia tehdäksesi yhden vaikutelman sanoa 1. kesäkuuta ja toisen sanoa 22. joulukuuta. Samoin kuin vaihdettavalla lausemerkillä, yksi vaikutelma voi sanoa SAATTU ja toinen voi sanoa MAKSUTTU. Jopa ohitusten kanssa, vaikutelmat linkitetään edelleen taikuusleimaan. Jos vaihdat päivälämpöleiman musteeksi punaiseksi, niin 1. kesäkuuta kuin 22. joulukuuta muuttuvat punaiseksi! ‍ ​​Taikuus.

Tässä on monipuolisen painikkeen symbolin ohitusvaihtoehdot. Tällä painikkeella voit ohittaa A) sisäkkäisen tekstin tyylisymbolin, B) itse tekstin ja C) painikkeen muodon ja D) täyttötyylin.

Mutta kuinka pitkälle pesivän pitäisi mennä? Kuinka monta symbolia symbolien sisällä tarvitaan, jotta älykäs suunnittelujärjestelmä olisi? Vastaus on suhteessa jokaiseen projektiin. Hyvä nyrkkisääntö on, että sinulla on yksinkertaiset totuuden lähteet symboleillesi, mutta ettei sinulla ole ylivoimaisia ​​tai tarpeettomia vaihtoehtoja. Esimerkiksi tehokasta suunnittelukirjastoa varten, jota käytetään monien erilaisten projektien joukkoon, haluat totuuden lähteenä yhden painikkeen symbolin - sisäkkäisillä symboleilla muodon, värin täyttö-, tila- ja tekstityylien kanssa. Jos kuitenkin rakennat peruskehyksiä, älä mene hulluksi. Rakenna painikkeesi symboli yhdellä tai kahdella ohituksella, joita tarvitset.

Teslerin laki, joka tunnetaan myös nimellä kompleksisuuden säilyttämislaki, toteaa, että jokaisessa järjestelmässä on tietty monimutkaisuus, jota ei voida vähentää.
(UX: n lait)

Hyödynnä tekstityylejä symboleina

Sketchin nykyisessä versiossa et voi ohittaa symbolin tekstityyliä. Kun haluat muuttaa suosikkipainikkeesi tekstityylin cta-puna-lihavoidusta cta-siniseksi-kursivoksi, se sattuu! Mutta siellä on hyviä uutisia. Siellä on kiertotapa.

Suunnittelemme esimerkiksi viestisovellusta. Käyttöliittymä tarvitsee laatikon, jossa keskustelut voivat näkyä joko mustana, punaisena tai harmaana ystävän saatavuuden mukaan:

a. Tee symboli punaisella tekstillä, symboli mustalla tekstillä ja symboli harmaalla tekstillä. Jokaisen symbolin taulun on oltava samankokoinen.

b. Tee symboli keskustelupöydälle.

C. Pesä nimimerkit vaiheesta 1 alkaen laatikon symboliin. Tee tämä niin monta kertaa kuin tarvitaan, kunnes sinulla on luettelo:

Oikealla näkyvät ”Nimi” -symbolit ovat vasemmalla puolella ”Nimiluettelo” -symbolin sisällä.

d. Nyt jos tuoman laatikkosymbolin sivutason prototyyppiin, voin ohittaa ominaisuuspaneelin tekstityylit:

Kun symboli on asetettu sivulle, sen ohitusasetukset näkyvät tarkastajapaneelissa oikealla.

Järjestä kerrokset

Katso monimutkaisista symboleista: sisäkkäiset symbolit, muista järjestää tasot intuitiivisesti. Ikkunasi vasemmassa paneelissa voit löytää ja järjestää tasot. Aseta ylin elementit yläosaan ja alaosat alaosaan. Anna sisäkkäisille symboleillesi yksinkertaiset nimet, kuten “Teksti täällä” ja “Kuvake” eikä “Ikoni 10, kopio 2”.

Kerrosjärjestys sanelee, kuinka ohitukset järjestetään. Kun nimeät myös tekstikenttään ja symboleja, muista myös, että niiden nimet näkyvät ohitusasetusten vieressä.

Jos olet taitava asiasta, ohitusasetuksesi ovat niin yksinkertaisia, että kuka tahansa voisi käyttää niitä. Unelma niin monelle suunnittelutiimille.

Kriittinen kerrosten järjestämisessä on myös niiden lukitseminen. Lukitulle tasolle ei voida antaa sille määritettyjä ohituksia. Esimerkiksi navigointipalkkisymbolissasi voi olla tekstiviiva, jota ei tarvitse muuttaa; lukitse kerros ⌘⇧L: llä ja se piilotetaan ohitusvaihtoehdoista. Ole hyvä kuraattori poistamalla räätälöinnit sinne, missä sitä ei tarvita.

Käytä symboliasetuksia koon muuttamiseksi helposti

Oikealla olevalla tarkastuspaneelilla on paljon hyödyllisiä rajoituksia muutettavien symbolien rakentamiseksi. Käytä niitä. Haluat, että postimerkinnät näyttävät hyvältä jokaisesta paperikokosta.

Kokorajoitusten avulla on apua. Löydät ne tarkastajapaneelistasi, kun objekti tai symboli on valittu.

Sijoita aikaa symbolin älykkääseen koon muuttamiseen - Linkki korjattu tammikuu 2018. Käytä koonmuutosrajoitteita kiinnittääksesi elementit niiden säilytyspaikan yhdelle tai useammalle sivulle, kiinnittämään elementin leveyden ja / tai kiinnittämään elementin korkeuden. Jotkut asiat pitäisi venyttää, joidenkin asioiden pitää pysyä nurkassa; koonmuutosrajoitukset kuvaavat symboliesimerkkiä kuinka käyttäytyä, kun sen mitat muuttuvat.

https://www.sketchapp.com/images/pages/docs/03-layer-basics/video/after@2x.mp4 - Linkki korjattu tammikuuta 2018

Huomaa # 1: Jos haluat pitää johdonmukaisen pehmusteen muuttaessasi symbolin kokoa, kiinnitä kohteesi kaikkiin neljään reunaan. (Videolähde)

Huomaa # 2: Symbolien koko muuttuu paremmin, jos suunnittelet ne tiivistetyllä tavalla. Loppujen lopuksi symbolia on helpompi laajentaa kuin puristaa.

Kuvien sisältävien symbolien kokoa voidaan muuttaa helposti, jos ne on asetettu täytteenä. Kuvan lisäämisen sijaan (Lisää> Kuva) sinun tulisi käyttää kuvion täyttöä. Tämä tarkoittaa, että ensin tehdään säiliön muoto (Lisää> Muoto), poimitaan ”Kuvion täyttö” tarkastajan täyttöosasta ja valitaan sitten kuvasi kuviona. Myönnän, että tämä saattaa tuntua liikenneympyrältä tai intuitiivisesti, mutta täyttötekniikka pitää kuvan eheyden muutettuna lopulta hankalien vääristymien estämiseksi.

Voit määrittää, kuinka haluat kuvien täyttävän muodon: Täytä, Sovita, Venytä tai Laato.Vasemmalla oleva kuva on muodon kuvion täyttö ja oikealla oleva kuva on tavallinen kuva. Venyn niitä pystysuunnassa osoittaaksesi kuinka hyvin kuvion täyttö toimii. Oppitunti 1: Älä venytä pentuja.

2. Järjestä symbolit

Järjestäytyminen on kriittistä. Jos postimerkkikokoelmasi kasvaa, tarvitset pöydän järjestäjän. Jos postimerkkikokoelmasi kasvaa, sinun pitäisi hankkia laatikot. Haluat postimerkkisi järjestetyn niin, että kun olet lomalla Balilla, harjoittelija voi istua pöydälläsi ja löytää etsimänsä postimerkin. Tässä on neuvoja siitä.

Nimeä symbolit

Sketch-symboleilla nimessä on paljon. Nimi ei vain määrittele mitä symboli on, vaan se myös määrittelee missä symboli on; symbolin nimeltä painike / ensisijainen on painikekansio vanhempana.

Nimeä ja järjestä symbolit johdonmukaisesti. Tärkeämpää kuin se, että omistat kuvakkeillesi upeita nimiä, on, että heidän nimillään on järkeä kirjaston muiden symbolien joukossa. Nimeä symbolit mieluummin toiminnon kuin visuaalisten vihjeiden sijasta. Visuaalinen vihje, kuten "sininen", voi muuttua, kun taas toiminto, kuten "painettu tila", pysyy ympärillä pitkän matkan ajan.

Käytä tyylin ohituksia

Kuvakejärjestelmässäsi voi olla tusinaa väri-, ääriviiva- tai reunamuunnelmaa - mahdollinen painajainen mille tahansa symbolikirjastolle. 20 mustaa kuvaketta tarkoittaa 20 symbolin lajittelua. 20 kuvaketta 12 värissä tarkoittaa lajittelua mahtavia 240 symbolia.

Onneksi, koska luonnos 52, voit käyttää tyyliohjelmia, jolloin voit tehdä symbolimuokkauksia helposti. Se on paljon kauniimpi vaihtoehto söpölle, jonka meidän piti tehdä luonnoksessa 51.

Onneksi Jon Moore (UX Power Tools) kertoo kuinka se tehdään.

Tyyli ohittaa toiminnassa. (Lainattu Jonin artikkelista)

Järjestä symbolit visuaalisesti - missä tahansa

Esittelyllä on merkitystä! Vaikka sinulla olisi pieni suunnittelutiimi, jolla on suhteellisen alhaiset odotukset, sinun tulee erottaa, ryhmitellä ja merkitä symbolit, jotta ne olisivat kaikkien helpommin löydettävissä.

Paikka jokaiselle symbolille ja jokaiselle symbolille sen sijaan.

Menetelmä # 1 symbolien järjestämiseen: Pidä joka kerta kun kirjoitat symbolia, valitse Lähetä symboli 'Symbolit -sivulle' -valinta. Anna Symbolisivun tulla sotkuiseksi. Luo uusi sivu withN -sivulla, johon lisäät ja järjestelet kaikki symbolit.

Suunnittelija Javier Cuello tykkää menetelmästä # 1. Vasemmalla on hänen Symbolit-sivu. Oikealla puolella on sivu, jolla hän pitää toimintansa yhdessä. (Kuvalähde)

Menetelmä 2 symbolien järjestämiseen: Järjestä symbolit Symbolit-sivulla. Se on yksinkertaista! Haluan lajitella symbolit Symbolit-sivulla, ja tässä on plugin, jota autan tekemään sen nopeasti.

3. Jaa symbolikirjastot

Nyt kun postimerkit on hienosti rakennettu, nimetty johdonmukaisesti ja järjestetty älykkäästi, on aika jakaa ne. Äskettäisessä päivityksessä Sketch lisäsi kirjastoja - ominaisuus linkittää, synkronoida ja jakaa Sketch-symboleja älykkäästi.

Saalis on kuitenkin, jos sinä ja kollega haluat linkittää samaan kirjastoon: sinun on molempien käytettävä samaa tiedostoa samassa paikassa. Voit käyttää samaa tiedostoa jaetun pilvikansion kautta, tai jos sinulla on minun kaltainen joukkue, joka ei toimi paljon toimistosta, perustaa jaettu verkkoasema.

Siirry kirjastoasetuksiin siirtymällä ⌘-sovelluksella tai sovellusvalikon 'Sketch' -kohdassa oleviin asetuksiin. Sieltä voit lisätä kirjaston mistä tahansa Sketch-tiedostosta, kunhan siinä on symboleja. Kirjastoasetukset ovat kohta, johon haluat lisätä jaetun tiedoston. Jos haluat lisätietoja kirjastoista, tutustu Sketchin dokumentaatioon.

Huomaa: Sketch-kirjastojen tarkoituksena on estää sinua muokkaamasta vahingossa muita, muiden kanssa jaettuja symboleja. Mukavasti, Sketch esittelee sinulle ponnahdusikkunan vahvistaaksesi tekemäsi symbolimuokkaukset; Haluatko varmasti muokata lähdetiedostoa? Tai haluatko irrottaa sen linkin ja muokata sitten kirjastoa?

Jos sinä tai joukkuetoverisi päivität jaetun kirjaston, sinulle annetaan mahdollisuus valita, mitkä muutokset koskevat liitettyjä luonnos tiedostoja.

Olen kompastellut brand.ai: n Sketch-laajennusta useita kertoja, ja se on tyyris jakamisvaihtoehto, jonka haluan sivuuttaa. Se kehitettiin laajennuksena, ennen kuin Sketch-kirjasto-ominaisuus oli lähellä, ja suunniteltiin ratkaisemaan sama ongelma. Sinun ei tarvitse tuplata. Lisäksi InVision on hiljattain hankkinut sen, ja se integroidaan heidän tulevaan suunnittelujärjestelmänhallintaan. DSM voi olla kova kilpailu prototyyppityökaluista, kuten Adobe XD, Framer ja Sketch. Siihen asti jatka Sketch-kirjastojen jakamista. Tiimisi kiittää sinua siitä.

4. Ota käyttöön versionhallinta

Suunnittelutiimillä on riski tiedostojen korvaamisesta tai tiedostoversioiden seuraamisen menettämisestä. Jotkut joukkueet ratkaisevat tämän käyttämällä GitHubia haarautumaan, yhdistämään ja lähettämään Sketch-tiedostoja. Koska GitHub on kehittäjiin keskittyvä ratkaisu, Elastic Projects loi abstraktin, kolmannen osapuolen Sketch-laajennuksen, joka tekee versionhallinnasta suunnittelijaystävällisemmän.

Pilvitallennus voi auttaa myös versionhallinnassa. Dropbox pitää tilannekuvia kaikista asiakirjaan tehdyistä muutoksista esimerkiksi 30 päivän kuluessa. Näiden 30 päivän jälkeen muutoksia ei kuitenkaan voida palauttaa, ellei sinulla ole DropBox Business- tai Extended File Recovery -sovellusta. Google Driven avulla on jopa joitain kiertosuunnitelmia versioiden hallintaan.

5. Opi parhaalta

Paras tapa leimavalmistajalle oppia on oppia postimerkkeiltä. Kun tutkit suosituimpia ja / tai monimutkaisimpia Sketch-kirjastoja, opit paljon edistyneitä temppuja. Kuinka Apple-tiimi kerää heidän symbolejaan? Kuinka symbolit on sijoitettu ammatilliseen käyttöliittymäpakettiin? Suosittelen kätevästä ja dandy-Internet-hakupalkistasi metsästämään salaisimpia luonnostelutiedostoja, kuten iOS-käyttöliittymän suunnitteluresursseissa.

Ehkä aiot rakentaa jotain monimutkaista, kuten pöydän tai monikerroksisen pudotusvalikon. Kuka nyt! Rauhoitu, sinä vaaka! Selaa ensin. Tarkista Sketch App Resources ja katso onko joku rakentanut jotain vastaavaa.

Lainaa, lainaa, lainaa. Ja älä unohda kokeilla löydettyjen tiedostojen ohitusvaihtoehtoja.

Suljeksi tässä on joitain vaihtoehtoisia luonnokset-tiedostoja, jotka ovat täynnä symboleja, jotta voit kaivaa, erottaa ja kokeilla:

  • Davide Pisaurin lomakekirjasto
  • Älykäs painike kirjoittanut Domenico Laricchia
  • Android 7.0 Nougat Material Design GUI -paketti, kirjoittanut Great Simple
  • Materiaalisuunnittelijan tarra-arkki Google
  • O / M Studion taulukko-käyttöliittymäpaketti