выравнивание слоев в sketch
Наш канал в

Выравнивание слоев в 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

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

Каллиграфия и леттеринг для начинающих

Изучение каллиграфии – непростой процесс, но с правильными методическими материалами это может занять меньше времени, чем вы думаете.

Zeplin.io – способ подружить дизайнера и верстальщика

Zeplin – это новый и очень перспективный сервис, цель которого подружить и ускорить взаимодействие дизайнеров и других разработчиков. На данный момент сервис вышел с бета тестирования и уже его испытать в действии. Поддержка Sketch уже есть из коробки, а Photoshop появится немного позже.

Руководство дизайнера по DPI и PPI

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