выравнивание слоев в sketch

Инструмент “Выравнивание слоев”, работа с несколькими слоями

Выравнивание слоев в Sketch

Иконки в верхнем правом углу в панели инспектора (с правого края окна) позволяет выровнять контент в разных направлениях на артборде.
screen-mar-10-2015-1
Эти иконки предназначены для выравнивания (слева направо): по левому краю, по горизонтальному центру, по правому краю, по верхнему краю, по вертикальному центру, по нижнему краю.

Это базовый функционал Sketch, хорошо известный любому пользователю, но есть определенные сложности в их применении на выделенных слоях и при некоторых других обстоятельствах.

 

1. Выравнивание одного слоя на арборде

Если выделен только один слой, то он выравнивается относительно артборда, если вы кликните на одну из этих иконок.

screen-mar-10-2015-2

2. Выровнять несколько слоев относительно друг друга

Если выделены два или более слоев, и нажата иконка выравнивания «по правому краю», «по левому краю», «по верхнему краю» или «по нижнему краю», все слои выравниваются относительно самого отдаленного от центра слоя. Например, если у вас выделены три слоя, стоящие в ряд по горизонтали, и вы нажимаете «выровнять по левому краю», все слои выравниваются по самому левому краю самого левого слоя. Если вы нажимаете кнопку «выровнять по горизонтали» или «по вертикали», все выделенные слои выравниваются по их общему центру.

Профессия «Дизайнер интерактивных медиа»
Профессия «Дизайнер интерактивных медиа»
Скидка 45% по промокоду UXPUB
Узнать подробнее

screen-mar-10-2015-3

3. Выравнивание нескольких слоев относительно артборда

В норме, как описано в предыдущем пункте, слои выравниваются относительно друг друга, если выделено более одного слоя. Тем не менее, если вы хотите изменить это поведение и выравнивать слои относительно артборда, нужно нажимать кнопки выравнивания вместе с кнопкой alt. Иконки отображаются с рамкой, которая указывает на изменение контекста их применения.

screen-mar-10-2015-4

4. Выравнивание нескольких слоев относительно конкретного слоя

Чтобы выровнять все выделенные слои относительно конкретного слоя, нужно его заблокировать с помощью сочетания кнопок cmd + shift + L (или нажать на иконку с замочком в списке слоев). Теперь, если вы кликните на одну из иконок выравнивания, все слои будут выравниваться именно относительно этого заблокированного слоя.

screen-mar-10-2015-5

5. Выравнивание векторных точек

Можно не только выравнивать слои, но также выравнивать и их векторные точки. Просто войдите в векторный режим двойным кликом на слой (или нажмите enter), выберите как минимум две точки, и иконки выравнивания снова станут доступны для использования.

screen-mar-10-2015-6

Total
0
Shares
Добавить комментарий

Ваш адрес email не будет опубликован.

Похожие статьи
Avocode для передачи ваших файлов .psd и .sketch разработчику
Подробнее

Avocode для передачи ваших файлов .psd и .sketch разработчику

Сегодня я познакомлю вас с Avocode, разработанный «одиннадцатью храбрыми мужчинами и одной храброй женщиной» из Source и недавно представлен в версии 1.0. Avocode – это приложение, позволяющее вам работать с файлами .psd и .sketch, перейти от дизайна к коду, даже не открывая Photoshop или Sketch. Программа будет полезна для разработчиков мобильных приложений или верстальщикам.

Еженедельная рассылка

Одно письмо с лучшими записями за неделю

Total
0
Share