9 советов как стать профи в Sketch
Наш канал в

Совсем недавно, Sketch стал для нас повседневным приложением для создания крутых дизайн проектов. Sketch быстрый, гибкий, ориентированный на UI инструмент. В нем содержится несколько секретных опций. Я хочу познакомить вас с моими любимыми.

Изменить свойство на 10 или 0,1 пикселя

Изменить свойство на 10 или 0,1 пикселя

Если вам необходимо изменить свойство на 1 пиксель, вы можете сделать это просто кликнув на стрелку вверх/вниз при наведении на поле ввода. Также, вы можете изменить свойство на 10 пикселей, если зажмете Shift или на 0,1 пикселя, зажав alt / option (⌥).

Скрыть поле редактирование символа

Скрыть поле редактирование символа

Если слой внутри вашего символа заблокирован, он не будет отображаться для редактирования при использовании данного символа.

Выравнивание контрольных точек при помощи Align

Выравнивание контрольных точек при помощи Align
Инструменты выравнивания, который поможет вам удостовериться, что ваш дизайн выровнен. Также, у вас есть возможность использовать данный инструмент для закрепления контрольных точек внутри шейпов, а не только в группах и слоях. Это позволяет закрепить основные контрольные точки внутри шейпов.

Один символ для управления всем текстовым контентом в навигационной панели

Один символ для управления всем текстовым контентом в навигационной панеле

Вместо создания отдельного символа для каждой строки навигационной панели, вы можете просто сгруппировать их в один символ так, что вам будет необходимо управлять только одним символом для апдейта стиля. Скройте текстовые слои при помощи Пробела в качестве значения для вашего символа.

Комбинация клавиш: Закрытие символа

Все мы любим использовать горячие клавиши для ускорения работы.

Вы можете закрыть символ при помощи сочетания CMD+ESC.

Перетяните изображения для заливки шейпа

Перетяните изображения для заливки шейпа

Название говорит само за себя. Если вы используете шейп с картинкой внутри (отлично подходит для аватаров), вы можете просто перетянуть изображение в маленькое окно в Sketch и изменить его очень оперативно.

Используйте шрифт иконок в символах для адаптивных иконок

Если вы установите шрифт текстового слоя в качестве шрифта иконки, вы получите изменяемую иконку в символе и сможете быстро ее изменять. Это особенно полезно для прототипирования. Детальнее, можно прочесть здесь:
https://twitter.com/benjennin_gs/status/746126185516535808 .

Изменяйте свойства сетки

Изменяйте свойства сетки

Обычно мы работаем с сеткой в 8 пикселей и, по умолчанию клавиши SHIFT+ARROW растягивает ее до 10 пикселей. Используйте Nudg.it для смены дефолтного значения растягивания сетки в Sketch.

 

Увеличение шейпов

Увеличение шейпов

Вы запросто можете увеличить размеры шейпа на вашей сетке при помощи CMD + Стрелка и CMD + Shift + Стрелка.

1-ApKuwzxVwhSYbc5_sYN3Ag

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

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

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

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

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

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

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

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

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