Vodiči za skice

Ažuriranje skice koju smo svi čekali, plus BRAND NEW UX Power Tools!

Kad su se ugnijezdani simboli prvi put pojavili u Sketch verziji - ma što god bilo - bila je to velika stvar. Barem sam tako mislio:

Tada su nekoliko dizajnera pronalazili načine kako stvarno rastegnuti Sketch do njegovih apsolutnih granica. Željeli smo da to djeluje na nas, a ne na nas.

Dakle, s ugniježđenim simbolima u našim okvirima alata postavili smo stvaranje stotina simbola iz stvari poput stilova boja, obruba i teksta te maskiranje gotovo svega kako bismo brzo mogli prelaziti između različitih stilova u stvari poput naših maštovitih novih simbola gumba.

Pametan? Naravno.

Suuuuper hacky? Pa ... mislim da ...

WOO-WEE, IMAM LI NEKE VELIKE VIJESTI ZA VAS!

Poništavanje stila

Skica mijenja način na koji poništavaju rad. Pa, ne mijenjanje ... već dodavanje novog načina primjene poništavanja na simbole.

Umjesto da samo nadjačate ugniježđene simbole (poput ikone unutar gumba), sada ćete moći nadjačati TEKST STIL i BOJU. Postoji bog.

Mi.

Postoji ulov.

Prilikom izrade svojih simbola morate koristiti tekstualne stilove i slojeve slojeva.

Da kažem to veće.

MORATE koristiti stilove teksta i slojeve slojeva.

To je jedini način na kojem vam Sketch omogućuje nadjačavanje atributa teksta i boja unutar simbola.

To se još uvijek može činiti zaista nezgodnim:

"Sjajno. Sada moram napraviti gomilu stilova. Zašto ne mogu samo ažurirati atribute fonta / boje u letu, koliko god želim? "

Pošteno pitanje. Ostale dizajnerske aplikacije imaju tu vrstu fleksibilnosti.

Iskreno, ne sviđa mi se ta sloboda. Doista je lako doći do nedosljednosti u vašoj aplikaciji kada možete ažurirati tekst / boje sve svojevoljno i bez pridržavanja nekih smjernica. Vrlo je opasno.

Oduvijek sam bio malo znatiželjan zašto više ljudi ne koristi stilove teksta i slojeve slojeva. Ako mene pitate, to je apsolutna najbolja praksa i nedostaje vam mnogo efikasniji i dosljedniji dizajner.

Ipak smatrate da je to i dalje dramatično poboljšanje.

Zašto je bolje

  • Potpuno eliminira potrebu za stvaranjem simbola u boji i tekstualnim simbolima
  • To dramatično smanjuje veličinu datoteke.
  • To minimizira prostor za pogreške.

Neću reći "zvao sam ga", ali pogledajte jedan od mojih članaka iz 4. svibnja 2017. godine.

Snimak ekrana za lijene ljude.

Kako radi

Već neko vrijeme koristim privatnu beta verziju i to je poput potpuno novog proizvoda. Volim to.

Najbolji način za poništavanje poništavanja stila je prikazati dva i prije uobičajena elementa: ikone i gumbe prije i poslije.

Evo kako sastaviti ikone pomoću stare tehnike maskiranja u boji:

PRIJE: Ovaj simbol koristi masku simbola u boji za poništavanja.

Evo kako ih napravite u Sketch 52:

NAKON: Ovaj simbol ikone samo je sloj sloja primijenjen na njega.

Budući da sam primijenio stil sloja na simbol ikone volumena, Sketch 52 će mi omogućiti da nadjačam taj stil s bilo kojim drugim spremljenim stilom sloja koje sam stvorio.

Pogledaj ovo:

Podsjetim: To NIJE simboli boje. To su spremljeni stilovi slojeva. Imam ogromnu tablicu stilova koji koristim za upravljanje stilovima slojeva i stilovima teksta u cijeloj datoteci, tako da postoje doslovno tisuće koje možete odabrati:

Ovo je dostupno za preuzimanje na dnu ovog članka!

Ako ste napravili spremljeni stil, možete ga koristiti kao poništavanje. To je stvarno tako jednostavno.

Pogledajmo stari simbol gumba koji koristi tehniku ​​maskiranja u boji i tehniku ​​teksta:

Izgleda dovoljno jednostavno, ali oba ova sloja su ugniježđeni simboli i morao sam stvoriti tekstualni simbol za svaku prokletu boju za koju sam mislio da bih htio koristiti gumb:

Ovo je super, ali Zbilja SUPER ANNOYING.

Nemojte me krivo shvatiti, sav taj posao je za mene još brže radio na Sketchu nego pravljenje novih simbola tipki za svaku pojedinačnu varijaciju koju možda želim. Bio sam i jedan od ranijih pionira ove tehnike, tako da o tome neću previše negativno govoriti

U svakom slučaju, evo kako izgleda moj gumb na Sketch 52:

Taj je sloj "Oblik" također ugniježđeni simbol, ali to je samo pravokutnik s nekim zaobljenim uglovima. Ništa posebno:

Budući da moj simbol gumba sadrži tekstualni stil teksta gumba i stil sloja za boju spremnika, ja mogu izvršiti poništavanja stila baš kao što sam to učinio u svom simbolu ikone:

Koliko je to nevjerojatno ?!

Odgovorit ću vam to. Vrlo je nevjerojatno.

Soooooo kad mogu dobiti?

Javna beta verzija Sketch-a 52 dostupna je SADA da biste se počeli igrati sa:

JA snažno preporučujem da započnete projekt od početka u ovoj novoj verziji. Potpuno je nov, i najbolje je da istražite u čistoj datoteci.

Ne želite sami stvoriti sve te stilove teksta / sloja?

Aktivno radimo na potpuno novoj verziji UX električnih alata koju smo izgradili iz temelja tako da koristi sve nove značajke koje dolaze u Sketchu 52. Izgubit ćete razum.

Evo gdje smo trenutno. Odlično je:

Pristupite trenutnom pristupu odmah

Dok ovo čitate, aktivno dizajniramo nove UX Power Tools, no željeli smo da se što prije poigrate kako biste stekli osjećaj za ova nevjerojatna nova ažuriranja Sketch 52.

Ako sada kupite, imat ćete pristup:

  • Vodič za stilove
  • List komponenata
  • simboli

Ažuriranja uskoro (koje ćete dobiti besplatno pretplatom):

  • Više simbola
  • Više komponenti
  • Primjer stranica
  • Grafikoni i grafikoni
  • Vodič za početak rada
  • Vodiči!

Proizvod u osnovi objavljujemo tako da se vi rani usvojitelji možete igrati s njim, testirati ga i pomoći nam da odlučimo što bismo trebali ugraditi u sustav. Ne stidi se povratnih informacija! Mi smo pravi dizajneri proizvoda koji to koriste na stvarnim projektima klijenata, tako da smo u potpunosti kupljeni kako bi ovo učinili najveći mogući resurs za Sketch.

Kupite ga sada da biste se pretplatili na ažuriranja:

Kad ne gradim sustave dizajna, glavni sam dizajner u Innovatemap-u.

Slijedite me na Twitteru
Pozdravi na LinkedInu
Naučite neke stvari s bloga moje agencije