UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Инструмент "Выравнивание слоев", работа с несколькими слоями
Редакція
Редакція

Опубліковано • Оновлено

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

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

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

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

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

screen-mar-10-2015-2

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

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

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

Топ коментарі (0)