Odgovarajući dizajn u skici - 1. dio

Što je novo u značajki grupe za promjenu veličine.

Sa najnovijom verzijom Sketch-a (v.44) ažurirana je značajka grupe za promjenu veličine. Iako nema temeljnih promjena, sada imamo malo više kontrole nad značajkom.

O ovoj značajki sam već ranije detaljno pisao. U ovom članku ću pokriti ažuriranja i dati neke nove savjete. U sljedećem dijelu ovog članka usporedit ću značajku grupne veličine s Animinim dodatkom za automatski izgled.

Uskoro grupno mijenjanje veličine značajke

Prije dolaska na promjene, želim objasniti početnu značajku grupne veličine za početnike.

To je značajka za izradu slojeva koji odgovaraju veličini matične grupe ili matične ploče. Na taj način, kada promijenite veličinu grupa i svi slojevi unutar, reagirali bi kako oni trebaju, umjesto da se samo istežu i stoga deformišu.

Što se promijenilo?

U pogledu sposobnosti, nema mnogo promjena koje bi značajno utjecale na ishod. Sada imamo više detalja kao što je pričvršćivanje sloja na bilo koju stranu koju želite. S druge strane, kontrole mogu prvi put izgledati manje jasnim, posebno kad se postavljaju plutajući i načini istezanja; ali bez brige, shvatiti to je jednostavno!

Mogu reći da ste većinu stvari mogli raditi i u prethodnoj verziji. Možda bi iziskivali neke hake poput upotrebe nevidljivih slojeva, ali svejedno to možete učiniti. Dakle, ovo ažuriranje ne bi se trebalo smatrati velikim poboljšanjem karakteristika responzivnog dizajna, to je, naime, trebalo biti na prvom mjestu.

Bogat primjer koji pokriva većinu mogućnosti

Najvažniji detalj u ovom primjeru je skupina galerija u donjem dijelu. Da biste postigli ovaj izgled mreže, morate koristiti neke nevidljive slojeve u grupi; u suprotnom, bijeli prostor između rešetki bi se povećavao ili smanjivao kad se promijeni veličina.

Napravio sam tablicu s opisom nekih slučajeva i prikazom odgovarajućih postavki u prethodnoj verziji. Naravno, neki od njih ne bi bili primjenjivi u prethodnoj verziji jer ne možete istovremeno odabrati više opcija, poput pete.

Preuzmite primjere

Ovdje je datoteka Sketch koja sadrži primjere predstavljene u ovom članku.

savjeti i trikovi

1. Brzo prikvači na sve strane

2. Poništavanje postavki veličine grupe

3. Kako promijeniti veličinu grupa koje sadrže tekst

Za promjene teksta koje uzrokuju vertikalni rast možete koristiti značajku matematičkog unosa Sketch-a i vrijednost visine linije naljepnice. Samo odaberite grupu i promijenite visinu na 241 + 24 * 2 i pritisnite enter. 241 je trenutna visina, 24 je visina crte, a 2 je novo brojanje linija - da, morate računati! Skica bi izračunala rezultat i postavila visinu grupe na ispravnu vrijednost.

Za promjene teksta koje uzrokuju horizontalni rast, poput gumba, možete upotrijebiti dodatak Sketch pod nazivom Relabel (s dodatkom Runner da bude učinkovitiji).

Nadam se da će se značajka automatskog mijenjanja veličine uskoro pojaviti, ručno izračunavanje veličina osjeća se zastarjelim!

4. Istraživanje značajke "Automatsko poravnavanje sloja" u simbolima

Postoji mala dodatna značajka dizajna s prilagodljivim dizajnom u svrhu olakšavanja promjena veličine slučajeva simbola. Kada prepisujete tekst u instancu simbola, Sketch automatski premješta bilo koji od slojeva smještenih u blizini tog sloja teksta.

Ova značajka djeluje ovisno o zatvorenosti i veličini sloja. Ako se pitate zašto to ne radi u vašem slučaju, trebalo bi provjeriti ove vrijednosti.

Kritika

Prošlo je gotovo godinu dana od uvođenja mogućnosti mijenjanja veličine grupe. Bio je to ispravan i nužan potez. Ali ovo ažuriranje je, kako je trebalo, biti na prvom mjestu. Stoga sam očekivao veliko poboljšanje, a ne samo ispravno ispravljanje, ali ne dodavanje vrlo potrebnih značajki kao što su: slaganje, automatska promjena veličine, ograničenja sloja na sloj, rešetke i izgled.

Mislim da postoji i nešto vrlo važno što boemski kodiranje nije bio dovoljno oprezan: promjene radnog tijeka. Spora i ne dobro osmišljena ažuriranja nekih ključnih značajki dizajnere su pronašla privremene neodržive tijekove rada. Posebno u slojevima slojeva i značajkama simbola. Nije dobro gurnuti dizajnere i timove da stvari postave ispočetka i često se prilagođavaju. Mislim da je ovo stvarno korozivno.

Ukratko, mislim da je Boemski kodiranje trebao imati bolju kartu puta i biti oprezniji pri razvoju ključnih značajki. Volimo Sketch i želimo da bude bolje!

Što je sljedeće?

U sljedećem dijelu ovog članka prikazat ću Aninin dodatak za automatski izgled. Ima više značajki i također izgleda korisnije. Možete ih koristiti i zajedno, pa ću stvari detaljno objasniti, a izbor ću prepustiti vama.

Pratite me da budem ažuriran i pljeskajte ako vam se svidjelo!