Skiss på 60 sekunder Ändra storlek på elementgrupper

Om du någonsin har valt en grupp av objekt i Sketch, ändrar du hela gruppen, så brukar du använda det faktum att varje objekt i det sträcker sig och flyttas proportionellt. Nu, med skissens Ändra storlek alternativ kan vi ange hur vi vill att varje objekt ska fungera. Låt oss ta reda på hur i den sextio andra videon!

Ändra storlek

Titta på den här gruppen av objekt, till exempel. Här väljer vi gruppen, redo för stretching:

Då när vi sträcker sig, snedvrider varje lager inom gruppen lika:

Men genom att välja varje objekt inom gruppen individuellt kan vi använda Ändra storlek dropdown för att ange hur de ska beter sig när gruppen ändras.

Fyra resizingalternativ

Alternativen är som följer:

• Sträcka: Detta är standardvärdet. När gruppen är skalad ändrar objektet sin storlek och position proportionellt.
• Pin till hörn: Det här alternativet identifierar vilken av de fyra hörnen av gruppen som objektet är närmast och pekar det till det hörnet medan gruppen ändras. Det ändrar inte objektets storlek om inte gruppen blir mindre än själva objektet, i vilket fall det krymper i enlighet därmed.
• Ändra storlek på objektet: i denna situation ändras objektet, men dess position förblir oförändrad.
• Flyta på plats: Den sista av de fyra alternativen, det här flyttar objektets position proportionellt, men lämnar dess skala oförändrad.

Slutsats

Dessa alternativ är alla mycket användbara, särskilt om du skapar lyhörda versioner av UI-mönster. Låt oss veta hur du använder dem i kommentarerna!