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

Cover image for 9 советов как стать профи в Sketch
Редакція
Редакція

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

9 советов как стать профи в Sketch

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

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

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

...

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

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

...

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

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

...

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

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

...

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

Все мы любим использовать горячие клавиши для ускорения работы. http://ux.pub/5-moix-samyx-lyubimyx-goryachix-klavish-v-sketch-3-i-kak-sozdat-sobstvennye-goryachie-klavishi/ Вы можете закрыть символ при помощи сочетания CMD+ESC.

...

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

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

...

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

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

...

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

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

...

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

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


Перевод статьи Vince Schwidder

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