Dystrybucja obiektów
Podstawy dystrybucji
- precyzja!
- zaznaczony obiekt + alt — pokazuje odległości danego obiekty względem najbliższego obiektu
- zaznaczony obiekt + alt i cmd — pokazuje odległości danego obiekty względem każdego obiektu
- w web designie nie stosujemy wartości po przecinkach!!!
Alignment
alt v (jak vertical)
alt h (jak horizontal)
alt v (jak vertical)
alt h (jak horizontal)
Smart selection
- aby zastosować obiekty muszę być w tych samych odległościach od siebie
- jeśli nie są po zaznaczeniu korzystamy z tidy up — niebieska ikona u dołu po lewej
- zaznaczamy takie obiekty razem, poruszamy znacznikiem
- shift — pozwala nam przeskakiwać o 10px
- wskaźnik kuleczki pozwala zamieniać obiekty ze sobą
- usuwanie obiektu przy zaznaczonym smart selection
- zmiana wielkości obiektu przy zaznaczonym smart selection
Layout grid
- grid tworzymy dla frame’a
- domyślnie dodaje się nam grid modułowy
- grid kolumnowy (na 12 dla desktop)
tips&trics
- używaj smart dystrybution do porządkowania frame’ów na page’ach
- cmd → powiększa szerokość o 1px
- cmd ← zmniejsza szerokość o 1px
- cmd strzałka góra — powiększa wysokość o 1px
- cmd strzałka dół — zmniejsza wysokość o 1px
- po dodaniu shift — przeskoki o 10px