Dystrybucja obiektów

plik do ćwiczeń

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