7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Sketch

Sketch w 60 sekund: zmiana rozmiaru grupy elementów

Scroll to top
Read Time: 1 min

Polish (Polski) translation by Mateusz Kurlit (you can also view the original English article)

Jeśli kiedykolwiek zaznaczałeś grupę obiektów w Sketch, a następnie zmieniałeś jej rozmiar, z pewnością wiesz, że każdy element jest rozciągany i przesuwany proporcjonalnie. Teraz w Sketch, dzięki opcji Resizing, możemy określić zachowanie każdego obiektu. Dowiedzmy się jak to zrobić w 60 sekundowym wideo!

Zmiana rozmiaru

Dla przykładu, przyjrzyj się tej grupie obiektów. Tutaj zaznaczymy grupę gotową do rozciągania:

Podczas rozciągania, każda warstwa wewnątrz grupy zniekształca się jednakowo:

Jednakże, zaznaczając indywidualnie każdy obiekt wewnątrz grupy, możemy użyć opcji Resizing, aby określić zachowanie elementów podczas zmieniania rozmiaru grupy.

Cztery opcje zmiany rozmiaru

Opcje są następujące:

  • Stretch: domyślna wartość. Podczas skalowania grupy, obiekt zmienia rozmiar i pozycję proporcjonalnie.
  • Pin to corner: opcja określa, który z czterech narożników grupy znajduje się najbliżej obiektu, a następnie przypina go do narożnika podczas zmiany rozmiaru grupy. Rozmiar obiektu nie zmienia się, dopóki grupa nie stanie się mniejsza niż sam obiekt, po czym element zmniejsza się proporcjonalnie.
  • Resize object: w tej sytuacji, obiekt zmienia rozmiar, ale jego pozycja pozostaje niezmieniona.
  • Float in place: ostatnia z czterech opcji, która przesuwa obiekt proporcjonalnie, ale nie zmienia jego skali.

Podsumowanie

Wszystkie opcje są bardzo przydane, szczególnie jeśli tworzysz responsywne wersje interfejsu. Daj nam znać w komentarzu jak je wykorzystałeś!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.