Советы по Sketch, которые максимально повысят вашу продуктивность – Часть 2: Редактирование и экспорт в Sketch

Добро пожаловать во 2-ю часть нашей новой серии советов, которые помогут вам более продуктивно использовать Sketch. В прошлый раз мы посмотрели, как работать с объектами, слоями и артбордами. В этой части мы узнаем некоторые полезные сочетания клавиш, для редактирования элементов, и дадим совет по экспорту графики. (Пропустили 1-ю часть? Вы найдете ее здесь!)

11. Измерение расстояния между элементами

Редактирование и экспорт в Sketch | Измерение расстояния между элементами

Чтобы измерить расстояние между объектами, нажмите и удерживайте клавишу option, пока один или больше объектов не будет выделено. С нажатой клавишей option, вы можете навести курсор мыши на другие элементы, чтобы увидеть расстояние (в пикселях) между ними. Также можно перемещать элементы при нажатой клавише option, что делает измерение расстояния и выравнивание элементов легким.

12. Установите коэффициент непрозрачности, используя цифровые клавиши

Редактирование и экспорт в Sketch | Коэффициент непрозрачности

Чтобы изменить коэффициент непрозрачности (альфа-фактор) элемента, сначала выделите его, затем используйте цифровые клавиши клавиатуры. (1=10% непрозрачности, 9=90% непрозрачности).

13. Отдельно изменять радиус закругления для каждого угла

Редактирование и экспорт в Sketch | Радиус закругления для каждого угла

Вы можете быстро отрегулировать радиус отдельных углов элемента. Во-первых, выделите элемент. Во-вторых, установите курсор в поле рядом с надписью “Радиус” (Radius) на контрольной панели в правой части экрана. Наконец, напечатайте цифровые значения (например, 10;20;30;40) для последовательной настройки каждого из углов элемента.

14. Пользовательские сочетания клавиш

Редактирование и экспорт в Sketch | Пользовательские сочетания клавиш

Вы можете задать пользовательские сочетания клавиш для тех функций Sketch, которые вы часто используете. Откройте Системные настройки MacOSКлавиатура Сочетания клавиш (MacOS System Preferences → Keyboard → Shortcuts). Здесь кликните “Сочетания клавиш приложений” (App Shortcuts), выберите “Sketch” из выпадающего списка, а затем добавьте сочетания клавиш, которые вам нужны.

15. Математические операции в полях ввода

Редактирование и экспорт в Sketch | Математические операции в полях ввода

Sketch может производить вычисления в полях ввода. Например, удвойте ширину прямоугольника, напечатав *2 в поле ввода “Ширина”.

16. Сложные фигуры

Редактирование и экспорт в Sketch | Сложные фигуры

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

17. Вращающиеся копии для создания калейдоскопических эффектов

Редактирование и экспорт в Sketch | Вращающиеся копии

Щелкните правой кнопкой мыши по Панели инструментов в верхней части экрана. Кликните “Настроить панель инструментов” (Customize Toolbar), затем перетащите кнопку “Вращать копии” (Rotate Copies) на панель инструментов. Выделите элемент, кликните по кнопке “Вращать копии”, и введите число копий, которое вы хотите создать. После того, как вы кликните “OK”, вы можете редактировать полученную группу и фигуры, входящие в ее состав.

18. Раскройка макета

Редактирование и экспорт в Sketch | Раскройка макета

Инструмент Раскройка (Slice tool) (клавиша быстрого доступа s) позволяет растягивать прямоугольную область выделения, которую затем можно экспортировать. Область раскройки должна быть прямоугольной, но она не должна содержать целые элементы или целые монтажные области. Это как делать скриншот, только более универсально.

19. Создание элементов и артбордов готовыми к экспорту

Редактирование и экспорт в Sketch | Создание элементов и артбордов готовыми к экспорту

Выделите элемент, группу или артборд, кликните “Разрешить экспорт” (Make exportable) в нижнем правом углу контрольной панели. Таким образом, вы можете выбирать размеры экспорта, расширение имени файла, и формат файла.

20. Экспорт ресурсов для дисплеев Retina

Редактирование и экспорт в Sketch | Экспорт ресурсов для дисплеев Retina

Теперь многие устройства могут отображать графику в разрешении “Retina”. При этом, на каждый пиксель стандартного дисплея приходиться четыре пикселя дисплея Retina. Даже если вы создали свои монтажные области, ориентируясь на стандартные размеры (например, веб-страница с шириной в 960px), вы все равно можете экспортировать свои ресурсы в более высоком разрешении для устройств, обладающих дисплеем с более высокой плотностью пикселей. Для экспорта в разрешении дисплея Retina, выделите элемент, группу или монтажную область, кликните “Разрешить экспорт”, и напечатайте 2в поле “Размер” (Size). (Также можно задать конкретную ширину в поле “Размер” — например, 1920px.)

Спасибо, что заглянули в наш блог! Если вы начинающий пользователь Sketch, сообщите в комментариях о своих успехах. В следующий раз мы рассмотрим, как управлять пространственными отношениями между объектами вашего дизайн-проекта.

Больше советов по Sketch

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

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

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

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

Полное руководство по дизайну iOS 9 в Sketch

iOS сильно выросла в течение последних лет. С ее iOS 9 апгрейдом, Apple представил новый системный шрифт под названием San Francisco, 3D Touch и многозадачность на iPad. В Xcode вы найдете Stack Views, фантастический инструмент для более адаптивных макетов, гораздо проще Auto Layout.

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

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