Oslobađanje punog potencijala simbola u crtežu

Bez obzira da li dizajnirate čitav sustav dizajna ili samo nekoliko ekrana, simboli u Sketchu pomoći će vam da organizirate datoteku i dugoročno će vam uštedjeti vrijeme. U ovom ću članku podijeliti s vama nekoliko najboljih praksi i trikova koji će vam olakšati puni potencijal simbola.

(Versión en español aquí.)

Ali prvo, malo pozadine. Počeo sam koristiti Sketch prije nekoliko godina, kao zamjenu za moj najdraži softver za dizajn, Fireworks, koji je tada obustavio Adobe, a čitava generacija dizajnera bila je slomljena. Od svojih prvih dana korištenja Sketch-a, bio sam vrlo iznenađen koliko ga je jednostavno i jednostavno koristiti. Još jednom sam našao aplikaciju usmjerenu na dizajn korisničkog sučelja (i ikone) - i ništa drugo.

Prividni nedostatak značajki u Sketchu, u usporedbi s alternativama punim izbornika i složenih ploča na koje sam navikao, zapravo je bila jedna od njegovih glavnih prednosti i pomogla mi je da brže dizajniram. Među tih nekoliko značajki, simboli su bili ono što sam često koristio, i to i danas radim, praktično svaki dan (da, čak i nedjeljom ... znate, život slobodnjaka).

Što su simboli? Ukratko, simboli vam omogućuju upotrebu i ponovnu upotrebu elementa u projektu, zadržavajući glavni simbol koji automatski ažurira druge instance simbola kada se u njemu naprave promjene.

Simboli su ključni za izgradnju sustava dizajna sastavljenog od elemenata i komponenti koji će se koristiti u svim vašim projektima. (Izvor: „Kako koristimo dizajn temeljen na komponentama“)

Ovaj koncept nije baš nov (niti Isključivo nije ekskluzivan). Međutim, ako dizajnirate sučelja, smatrat ćete ga izuzetno korisnim, posebno kada koristite komponente kao dio dizajnerskog sustava.

U ovom ću članku opisati kako koristiti simbole u Sketch-u kako bi se oslobodio njihov puni potencijal, prelazeći od najosnovnijih situacija do nekih naprednijih slučajeva upotrebe. Uključit ću i nekoliko savjeta i trikova koje sam naučio na putu.

Kratki uvod u simbole

Prije kopanja dublje, a u slučaju da ste novi za Sketch, dopustite da vam ukratko predstavim kako simboli rade.

Simboli se mogu načiniti iz gotovo bilo kojeg elementa u Sketch-u: tekstualnih objekata, oblika, bitmap slika, pa čak i drugih simbola (o tome ćemo govoriti kasnije). Unutar svakog simbola (dvokliknite simbol za ulazak u način uređivanja) naći ćete jednu glavnu ploču koja sadrži slojeve simbola. Ova umetnička ploča također definira granice simbola.

Obično se simboli stvaraju za one elemente u sučelju za koje očekujete da će ih kasnije ponovo upotrijebiti (kao što su gumbi, stavke popisa, kartice itd.) I koji će se u dizajnu širiti po različitim zaslonima, stranicama i pločicama.

Napomena: Za buduću upotrebu, imajte na umu da se "kopije" jednog simbola nazivaju primjerci.

Najbolja stvar u korištenju simbola (umjesto grupiranih, neovisnih i nepovezanih objekata) je da ako se u nekom trenutku odlučite promijeniti neko svojstvo u određenom simbolu (na primjer, boju, oblik, veličinu teksta, dimenzije ili sve drugo što želite ), samo ćete trebati jednom urediti glavni simbol simbola, a ova će se promjena automatski replicirati na sve instance master-a, ma gdje se nalazile. Ne znam za vas, ali smatram da je ovo super prikladno!

Savjet 1: Budite organizirani

Baš kao i u samom životu, temeljno je držati sve u redu. Uvijek dizajnirajte kao da će se neko drugi kasnije trebati otvoriti i raditi s vašom dizajnerskom datotekom i razumjeti je bez vaše pomoći! Ovo se također odnosi na način na koji nazivate simbole - imenovanje bi trebalo zadovoljiti određene kriterije.

Jedna preporuka je da u nazivu simbola koristite kosicu (/). Skica će automatski stvoriti kategoriju s dijelom prije kosog dijela, te će imenovati i smjestiti simbol unutar njega, koristeći dio imena koji slijedi koso. Na primjer, ako imate dva simbola pod nazivom "Gumb / Primarno" i "Gumb / Sekundarno", evo kako će izgledati kada ih pokušate umetnuti s alatne trake:

Pravilno imenovanje simbola može vam pomoći u stvaranju urednog hijerarhijskog sustava, što će vam pomoći da brže pronađete simbole.

Ovo možete ponoviti više puta da se pod istim korijenom nalazi nekoliko simbola, grupiranih po sličnoj logici, što ih olakšava. A ako vaše „stablo“ naraste preveliko, odvojite trenutak da razmislite o svom sustavu imenovanja i provjerite postoji li neki mogući način da ga optimizirate i učinite ga upravljivijim.

Savjet 2: Imenovanje konvencija

Postoje mnoge različite konvencije o tome kako simboli trebaju biti imenovani, možda jedna konvencija za svakog dizajnera vani. Osobno, radije ne koristim imena koja se odnose na vizualna svojstva elemenata - na primjer, "Crveno dugme" bi po mom mišljenju bio loš izbor, jer ako se boja gumba kasnije iz nekog razloga promijeni, naziv simbol će postati netočan. Umjesto toga, pokušavam razlikovati funkciju i stanje simbola (poput "Primarno / onesposobljeno").

U svakom slučaju, samo budite dosljedni i pronađite nešto što djeluje i za vas i za vaš tim, a zatim se držite toga; nemojte prebacivati ​​sustav imenovanja prema slučaju! To se također odnosi i na slojeve unutar simbola: neki dizajneri čak koriste i emojise kako bi označili koji od njih treba uređivati ​​(na primjer, dodavanjem emoji olovke olovke u ime). Da biste to učinili, pritisnite Control + Command + Space da otvorite dijalog za odabir emojisa.

Dodavanje emojija u naziv sloja opcija je kada želite istaknuti njegovu svrhu.
Napomena: Što se tiče imena simbola, imajte na umu da će instance uzimati njihova imena s glavnog simbola, ali možete ih poslije promijeniti u sve što želite. Na ovaj način, instance istog simbola mogu imati različita imena jedna od druge.

Savjet 3: Alternativa stranici s simbolima

Kada stvorite simbol, Sketch vas pita želite li poslati na stranicu sa simbolima. Moj savjet je da potvrdite ovaj okvir, čak i ako se nakon nekog vremena (i nekoliko simbola kasnije) ova posvećena stranica pretvori u nered. (Skica smješta jedan simbol pored drugog kako se stvaraju, a kada izbrišete simbol, primijetit ćete prazan prostor ostavljen na njegovom mjestu.)

Umjesto toga, ono što radim kako bih to izdvojio je da stvorim svoju vlastitu stranicu simbola (koja je samo obična stranica, koju obično nazivam "simboli") na kojoj mogu organizirati instance simbola u željenom redoslijedu i, prema tome, ignorirati stranica službenih simbola.

Stranica simbola (lijevo) može lako biti neorganizirana, i zato radije imam svoju zasebnu stranicu (desno) na kojoj mogu organizirati primjerke simbola na način na koji mislim da je najbolje.

Na ovaj način mogu stvoriti ploče s umjetničkim pločama koje slijede kategorije (poput popisa, gumba, ulaza i tako dalje) i postaviti simbole na način koji smatram prikladnim i za mene to ima smisla. I dalje ćete trebati uložiti malo vremena za ažuriranje ove stranice s vremena na vrijeme, ali kad se stvori, sve će biti puno lakše i moći ćete sastaviti novi zaslon u bilo kojem trenutku.

Napomena: Ako radije koristite stranicu simbola, umjesto toga postoji dodatak Symbol Organizer, koji vam može pomoći da sve uredite.

Savjet 4: Zamjena simbola

Zamjena postojećeg simbola drugim je jednostavna. Jednostavno odaberite simbol i odaberite "Zamijeni s" iz kontekstualnog izbornika koji se pojavljuje kada desnom tipkom miša kliknete iznad instancije simbola. Zatim odaberite novi simbol koji želite koristiti. Imajte na umu da će novi simbol zadržati istu veličinu i položaj kao i njegov prethodnik; to možete popraviti odabirom „Postavi na izvornu veličinu“ iz istog kontekstnog izbornika.

Zamjena simbola

Savjet 5: Odvajanje

Nakon što stvorite simbol, možete ga odvojiti da biste obnovili elemente koji ga čine kao skupinu. Da biste to učinili, jednostavno odaberite "Odvoji od simbola" u istom kontekstualnom izborniku koji sam i ranije spomenula.

Savjet 6: Izvoz simbola kao sredstva

Simboli se, poput ostalih elemenata, mogu izvesti i kao bitne slike. Da biste to učinili, morat ćete elemente označiti kao izvezive. (Odaberite instancu simbola, a zatim odaberite "Make Exportable" na dnu inspektora.)

Problem koji sam pronašao tijekom ovog postupka je taj da ako simbol ima malo paddinga (na primjer, ako su oblici unutar manjih od ukupne veličine simbola), prilikom izvoza, Sketch će izostaviti prazan prostor i jednostavno će stvoriti sliku samo s vidljivim sadržajem.

Izvoz simbola izravno stvorit će sliku koja sadrži samo oblike (lijevo). Upotrijebite kriške (desno) da biste uskladili veličinu simbola prije izvoza.

Jedan od načina da se ovo riješi je korištenje kriške. Prilikom stvaranja kriške stavite ga na instancu i osigurajte da odgovara veličini granica instance (širina i visina); zatim odaberite krišku i prema potrebi koristite mogućnosti izvoza.

Bočna napomena: Isti trik odnosi se i na ostale alate, poput Zeplina.

Daljnje čitanje

  • "Najbolje prakse kod skica simbola (sad kad su ugniježđena poništavanja stvar)", Lloyd Humphreys
    Navodi se nekoliko drugih tehnika i praksi dobre upotrebe simbola.

Rukovanje različitim veličinama

U ovom svijetu punom zaslona s više veličina i omjera, važno je osigurati da se vaš dizajn prilagodi mnogim različitim scenarijima. To je lakše postići ako ne morate svaki put dizajnirati ispočetka, ponovnom upotrebom elemenata (ili simbola, kao što sam siguran da ste već pogodili).

Na Sketchu su dostupne različite mogućnosti mijenjanja veličine. Oni su vrlo korisni kada želite prilagoditi svoje simbole različitim dimenzijama.

Ovo je mjesto gdje vam pomažu mogućnosti mijenjanja veličine u simbolima i pomažu vam da koristite isti element različitih širina i visina bez ikakvih problema: Ako odabirom veličine samo jedne instance odaberete to, to neće utjecati na ostale instance. (Ali imajte na umu da se opcije mijenjanja veličine primjenjuju na pojedine slojeve unutar glavnog simbola, a ne na samu instancu. Dakle, čak i ako pojedinačno možete prilagoditi veličine, od primjera do instance, elementi unutar uvijek će zadržati isto ponašanje.)

Napomena: Opcije navedene u nastavku odnose se ne samo na simbole, već i na grupe. Ponašanja nisu uvijek predvidljiva, pa su šanse da ćete se morati igrati i istražiti prije nego što pronađete ono što vam je potrebno, kombinirajući jednu ili dvije različite postavke u većini slučajeva.

rastezanje

U ovom primjeru možete vidjeti kako će žuti oblik ostati trećina ukupne širine simbola, bez obzira na ukupnu širinu simbola.

Kada se koristi opcija Stretch, oblik koji je odredio, recimo, 50% ukupne širine simbola zadržat će isti odnos kada se instanca produži okomito ili vodoravno. Ovo je zadano ponašanje.

Prikvači u kut

Žuti oblik ima na njemu postavljenu opciju

"Prikvači u kutu" (kao što ime kaže) prikvači element na najbliži kut, a element neće promijeniti veličinu, zadržavajući isti udaljenost do ovog ugla. Imajte na umu da ako je objekt centriran (s jednakim razmakom od obje strane) on neće znati koji je najbliži ugao, tako da će ostati u sredini

Promjena veličine objekta

Žuti oblik ima na njemu primijenjenu opciju

Kada se koristi "Promijeni veličinu objekta", elementi će narasti zadržavajući jednak (ili fiksni) razmak od strana.

Lebdi na mjestu

S ovom opcijom element neće promijeniti veličinu zadržavajući relativni položaj do granica simbola.

"Lebdi u mjestu" učiniće da objekt ostane iste veličine i zadržati će svoj relativni položaj prema granicama simbola.

Savjet 1: Vratite se na izvornu veličinu

Ako ste promijenili veličinu simbola, ali niste zadovoljni rezultatom, uvijek se možete vratiti na početak odabirom „Postavi na izvornu veličinu“ iz kontekstnog izbornika.

Savjet 2: Granice

Imajte na umu da simboli imaju namjenske ploče s umjetničkim pločama, a one će definirati granice simbola (čak i kada se oblici unutar njih prelijevaju). Možete postaviti ploču simbola jednake veličine kao i njezin sadržaj tako da je odaberete i od inspektora odaberete "Promijeni veličinu prema stavci".

Savjet 3: Upotreba znakova i operatora

U polje za unos širine i visine u Inspektoru možete koristiti operatore za promjenu vrijednosti. Na primjer, pomoću 100 * 2 možete postaviti dimenzije elementa na 200 piksela. Ostali operatori su + (zbroj), - (oduzimanje) i / (dijeljenje).

Osim matematičkih operatera, u istim ulaznim poljima možete koristiti i L za skaliranje objekta s lijeve strane (ovo je zadana postavka), R za skaliranje s desne strane, T za skaliranje s vrha (ovo je zadano), B za skaliranje s dna, a C i M za skaliranje od sredine ili sredine.

Kada promijenite veličinu pravokutnika koristeći njegov gornji desni kut kao sidro, oblik će izrasti s njegove lijeve i donje strane.

Na primjer, ako imate oblik koji ima širinu od 200 piksela i želite ga promijeniti veličinu tako da se skalira s desne na lijevu stranu, možete koristiti nešto poput 300r u polju za unos širine.

Daljnje čitanje

“Skica 39 Promjena veličine: Sheet Sheet” Peter Nowell

Ovaj je članak dobra referenca za razumijevanje razlika u veličini. Uključuje i neke druge savjete i trikove, zato ga poduzmite!

Umetani simboli

Što može biti bolje od jednog simbola? Možda simbol s drugim u njemu!

Ova je značajka na Sketchu novost i pruža vam puno mogućnosti kada kombinirate simbole zajedno. Možete postaviti jedan simbol na drugi, odabrati oba, a zatim stvoriti novi simbol koji sadrži dvije instance. To možete ponoviti koliko god želite. Međutim, budite umjereni, ili ćete u suprotnom naići na razine i nivoe ugniježđenih simbola jedan u drugom. To bi moglo otežati održavanje, a moglo bi biti i simptom većih organizacijskih problema.

Umetanje simbola može biti osobito korisno kada trebate stvoriti varijacije jednog simbola. Na primjer, možete slijediti postupak poput ovog:

  1. Odaberite jedan simbol koji će vam poslužiti kao baza. (ovaj će simbol ostati isti u svim slučajevima.)
  2. Preklapajte ga s drugim simbolima (poput ikona ili značaka), koji bi mogli biti tamo ili ne, ovisno o slučaju.
  3. Na kraju, stvorite još jedan simbol s rezultirajućim dizajnom.

Na slici ispod možete vidjeti da svi redovi imaju iste karakteristike (imaju istu veličinu, svojstva teksta i količinu paddinga s lijeve strane), pa sam stvorio osnovni simbol koji sadrži samo ove elemente (tj. Elemente koji će biti dijeli se s ostalim simbolima). Koristeći ovaj simbol kao polaznu točku, stvorio sam neke elemente koji se preklapaju i koji su različiti, spremajući rezultat za svaki slučaj kao drugačiji simbol; tako da su svi simboli pod "Varijacije" zapravo različiti simboli.

Primjer različitih simbola stvorenih iz zajedničke baze, s varijacijama u svakom slučaju.

Ali ne morate - nužno - stvarati novi simbol za svako stanje u nizu. Možda postoji jednostavniji način: upotreba poništavanja

Gniježđeni poništavanja

Ako biste morali stvoriti puno različitih simbola samo zato što se jedan dio njihovog sadržaja mijenja, vjerovatno biste ostali bez problema. Jedna od glavnih svrha simbola je upravo stvaranje što je manje moguće konstrukcije i manje elemenata - a samim tim i veća kontrola nad njima. Unesite ugniježđena poništavanja!

Jedan praktični primjer ovog tijeka rada mogao bi biti oblikovanje trake s karticama s različitim stanjima. U ovom slučaju glavni bi simbol s neaktivnim tabulatorima djelovao kao baza, a tada bi za svaku pojedinu označenu karticu postojao drugačiji simbol. Jednostavno odaberite onu koju želite iz opcije "Poništavanja" u Inspektoru.

Napomena: Da bi ova tehnika radila, imajte na umu da neaktivni jezičaci unutar glavnog simbola (navigacijska traka) moraju biti i simboli. Također, budite sigurni da svi simboli (i neaktivni i aktivni) imaju točno iste dimenzije (širinu, visinu). U suprotnom se neće prikazati kao dostupne opcije na padajućem izborniku "Poništavanja".

Pogledajmo drugi slučaj upotrebe. Ako imate više tipki u dizajnu, ali s različitim tekstualnim oznakama na njima, tada će vam opcija Overrides omogućiti promjenu tekstne vrijednosti (a ne porodice fontova ili veličine fonta - morate mijenjati one unutar samog simbola prilikom uređivanja master simbola), bez da svaki put morate kreirati novi simbol. To je jednostavno učiniti kao odabir instance i promjena tekstualnog sadržaja u Inspektoru.

Poništavanja se ne odnose samo na tekst; možete ih koristiti i za bitmap slike, pa čak i za druge simbole, kao što je već spomenuto. Na ovaj način možete imati nekoliko primjeraka simbola, s različitom slikom u svakom od njih - i sve to bez potrebe za modificiranjem glavnog računala simbola.

Postoje slučajevi kad ne želim imati određenu sliku kao majstora učitelja simbola. Dakle, ono što obično radim je stvoriti praznu PNG datoteku bez vidljivog sadržaja, stvoriti oblik i upotrijebiti ovu sliku kao ispunjavanje uzorka (ovu opciju možete pronaći u „Opcijama dopunjavanja“ pri odabiru oblika). Zatim, kada vršim preklapanje simbola, jednostavno zamijenim ovu prozirnu sliku onom koju želim u svakom slučaju!

Da izvučem maksimum iz ove prakse, koristim i sustav slojeva s ikonom ili elementom koji djeluje kao rezervirano mjesto ispod slike i koji će biti vidljiv samo ako zadržim izvorni transparentni bitmap. Jedna od prednosti toga je što mogu simulirati ovo prazno stanje koje će se pojaviti kada se slike učitavaju u gotovom proizvodu, što smatram neophodnim za dizajn.

Savjet 1: Nazivi i redoslijed slojeva

Jedan od razloga zašto je organiziranje dobra ideja je taj što će način imenovanja i narudžbe slojeva utjecati na način na koji su prikazani na ploči "Poništavanja". Oznake slijeva od polja za unos u Inspektor poštuvat će naziv i redoslijed koji ste prethodno odredili unutar samog simbola, tako da biste trebali obratiti pažnju na ovaj nalog ako želite imati učinkovitiji tijek rada.

Savjet 2: Imajte na umu veličinu

Gnijezdeni simbol možete zamijeniti drugim simbolom samo ako novi simbol ima točno istu širinu i visinu kao trenutni element.

Savjet 3: Pomicanje elemenata ovisno o duljini teksta

Kada mijenjate vrijednost teksta u opcijama Poništavanja, možete pomaknuti element prema potrebi kada je onaj s lijeve strane duži (vidi sljedeću sliku).

Vrh (prvo polje): Prikazuje izvorni simbol. Dno (drugo polje): Ovo ilustrira kako se naljepnica

Da bi ovo uspjelo, sekundarni tekst ili oblik nužno moraju biti desno od teksta. Isto tako oba elementa trebaju imati između njih najviše 20 piksela (pogledajte „Daljnje čitanje“ u nastavku).

Savjet 4: Izbjegavanje poništavanja

Simbol može izgledati neuredno zbog opcija u odjeljku Poništavanja. Ako ne želite da se element unutar njega prebrodi, samo zaključajte ili sakrijte ovaj sloj i on se neće pojaviti na popisu.

Savjet 5: Sakrivanje ugniježđenih simbola

Samo odaberite "None" iz odjeljka Overrides da biste sakrili ugniježđeni simbol. Naravno, bit će nevidljiv samo u toj konkretnoj instanci.

Savjet 6: Sakrivanje teksta

Postoji jedan način brzog uklanjanja tekstualnog elementa u instanci pomoću poništavanja. Da biste to učinili, samo postavite vrijednost teksta na prazan prostor, pritiskom na razmaknicu i tipku za povratak u opcijama Poništavanja.

Savjet 7: Vraćanje izvorne slike

Ako imate bitmap slike unutar simbola, mogu ih mijenjati drugi koristeći opcije u odjeljku Poništavanja. Također je moguće vratiti izvornu sliku (onu koja je dio simbola koji se može uređivati) odabirom „Ukloni prekriženje slike“ - desnim klikom miša kliknite okvir slike pored „Odaberi sliku“ u Inspektoru.

Daljnje čitanje (i video)

  • "Sjeckanje gumba u skici", Aleksandar Pasevin
    Predstavlja jednostavan hack za držanje ikone s lijeve strane teksta (umjesto s desne strane, što je uobičajeno ponašanje), u samo nekoliko jednostavnih koraka.
  • "Prilagodljivi elementi teksta", Yaron Tamuz
    Objašnjava kako koristiti skrivene elemente kao separatore teksta kako bi se izbjeglo njihovo preklapanje prilikom promjene vrijednosti.
  • "Skica: Ikone nijanse pomoću ugniježđenih simbola", Francesco Bertocci
    Jednostavna tehnika za promjenu boja ikone unutar simbola pomoću maski.
  • "Ovo je, bez sumnje, najslađa tehnika skice koju ćete vidjeti cijeli dan", Jon Moore
    Objašnjava kako uštedjeti vrijeme pomoću ugniježđenih simbola, prilagođavajući ih vašim potrebama. Članak također uključuje zanimljive tehnike drugih dizajnera.
  • "Stvaranje gumba sustava s ugniježđenim simbolima u aplikaciji Sketch" (video), Pablo Stanley
    Vodi vas kroz korake koje trebate obaviti da biste stvorili sustav gumba koristeći mnoge stvari koje smo do sada naučili.

Dodaci koji se dobro igraju sa simbolima

Jedna dobra stvar o Sketchu je ta što obično postoji dodatak koji je nadoknađuje kad nedostaje značajke. A neki od njih posebno dobro rade sa simbolima, čineći ih još snažnijim! Spomenuti su neki od tih dodataka, ali u slučaju da ste propustili bilo koji od njih, evo popisa s nekim dodacima.

Sketch Runner omogućuje vam brzo umetanje simbola navigacijom po popisu, a prikazuje i pregled na desnoj ploči.

Sketch Runner

Među mnogim drugim značajkama, dodatak Sketch Runner pomoći će vam da lako umetnete simbole u dokument koristeći samo kombinaciju tipki. Opcija "idi na" vrlo je korisna za skok udesno do određenog simbola - vrlo je korisna ako ih u vašem projektu ima puno i ako je teško pronaći simbole drugim sredstvima.

InVision obrtna knjižnica

Ako radite s timom, InVision Craft Library olakšat će vam stvaranje zajedničke biblioteke s imovinama koje svi mogu koristiti, omogućujući vam da sinkronizirate promjene kad trebate ažurirati simbol kako biste uvijek bili sigurni da koristite najnovija verzija simbola.

automatizirati

Automatizacija je vrlo moćna i vjerojatno će vaš rad učiniti učinkovitijim. Opcije za upravljanje simbolima uključuju one za uklanjanje neiskorištenih simbola, odabir svih instanci simbola i još mnogo toga.

Simbol instancije Renamer

Simbol instancije Renamer preimenuje sve instance tako da se podudaraju sa nazivom njihovih glavnih simbola.

Organizator simbola

Pomoću organizatora simbola organizirajte stranicu s simbolima abecednim redom (uključujući popis slojeva) i u zasebne skupine određene vašim imenima simbola.

Automatski izgled

Automatski izgled neprimjetno se integrira u program Sketch i omogućava definiranje i pregled različitih veličina iPhonea i iPada, uključujući portret i pejzaž. Podržava i naprednije značajke, poput snopova (posebna vrsta grupe koja određuje izgled njegovih podređenih slojeva) i unaprijed postavljene za Android i iOS. Pogledajte njihovu stranicu "Primjeri" za više informacija.

Napomena: Ovo su samo neki od dodataka za koje mislim da bi vam mogli najviše pomoći, ali postoje i mnogi drugi. Da biste saznali više, samo redovito posjetite službenu stranicu dodataka Sketch ili web-lokaciju Sketch App Sources.

Završne misli

Simboli skice stalno se razvijaju pa možemo očekivati ​​daljnja poboljšanja koja će ih učiniti još vrednijima i relevantnijima. Međutim, ako bih morao imenovati samo jedno što bih želio da imaju, to bi bila mogućnost da imaju zajedničke biblioteke simbola, nešto nalik na Figmu. Ovo bi moglo biti izuzetno korisno, posebno za timski rad kada nekoliko dizajnera koji rade na istom projektu trebaju odabrati elemente iz primarnog, uvijek ažurnog dokumenta pohranjenog u oblaku.

Napomena: Što se tiče ove značajke, svjestan sam da tim za Sketch radi na tome. Nadam se da ćemo je uskoro vidjeti. Otvoreniji format u verziji 43 vjerojatno postavlja temelje za ovu značajku. U svakom slučaju, radujem se jer bi to moglo biti izmjenjivač igara u mnogim dizajnerskim tijekovima rada.

Istina je da trenutno postoje neki dodaci koji vam pomažu u ostvarivanju manje-više istog gore spomenutog ponašanja, ali uvijek smatram pouzdanim kad su postali dio osnovne funkcionalnosti Sketcha - što osigurava da će ova značajka i dalje raditi kada softver se ažurira na sljedeću verziju.

Svjestan sam da postoji puno više tehnika i trikova. Način na koji to ponekad čini obično osobno, a ne postoji nijedan pravi način da se nešto učini. Ovdje sam podijelio tehnike za koje smatram da su pouzdane, zanimljive i ne trebaju puno hakiranje. Zbog toga su neke tehnike izostavljene u ovom članku.

Nadam se da je ovo bilo korisno čitanje! Ako je bilo, onda će simboli vjerojatno postati okosnica vaših dizajna, a koristit ćete ih vrlo često. Slobodno podijelite svoje misli i druge savjete i trikove u komentarima ispod. Uvijek me možete kontaktirati i na Twitteru ako vam treba pomoć!

Hvala na čitanju! Ako vam je ovo korisno ili zanimljivo, pritisnite gumb ❤ u nastavku.

Objavljujem (mislim) i zanimljive stvari na Twitteru.
Ovaj je članak izvorno objavljen na časopisu Smashing Magazine.