Обучение ui/ux дизайну

Десять фишек в Sketch

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

1. Копировать стили между слоями

 

⌘+Option+C

⌘+Option+V

Десять фишек в Sketch

Копируйте все стили из слоя в слой вместо того, чтобы копировать и вставлять цветовые коды.

 

2. Передвижение слоев вниз и вверх

 

⌘+Option+↓

⌘+Option+↑

Двигайте слои вниз и вверх при помощи горячих клавиш, вместо их перетаскивания вручную. Иногда все же проще переместить слой своими руками, когда, допустим, на экран весь список слоев почему-то не вмещается.

Десять фишек в Sketch

С легкостью перемещайте слои вниз и вверх при помощи ⌘+ALT+↑ или ↓

 

3. Селектор цветов

 

CTRL+C

Десять фишек в Sketch

Применяйте селектор цветов в Sketch для того, чтобы использовать определенный цвет, который видим на экране.

 

4. Установка различных радиусов углов

 

0/10/10/0

При помощи такого удобного сокращения можно округлить необходимые углы. Порядок следующий: левый верхний/правый верхний/правый нижний/левый нижний.

Десять фишек в Sketch

 

Введите значения радиусов 0/10/10/0 для того, чтобы закруглить лишь некоторые углы.

 

5. Символы. Измените в любом одном месте — изменится повсюду

 

Применяйте символы — группу элементов, использовать которые можно в проекте повторно. Просто измените что-нибудь в символе, и тогда он изменится повсюду. Необходимо выделить группу посредством “⌘+G”. После образования такой группы вы нажимаете на функцию Create Symbol в панели инструментов, и таким образом получаете символ (отображается иконкой розовой папки в перечне слоев).

Розовые папки в перечне слоев — это все символы.

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

Десять фишек в Sketch

Десять фишек в Sketch

Создавайте символы при помощи данной функции в панели инструментов

 

6. Настройте собственную панель инструментов

 

Кликните ПКМ на панели инструментов для того, чтобы изменить все ее содержимое.

Не стоит использовать выпадающие списки для тех инструментов, которые вы применяете постоянно. Измените панель инструментов так, чтобы иметь оперативный доступ к самым необходимым опциям. Кликните ПКМ на панели инструментов и затем выберите ‘Customize Toolbar’. Теперь вы можете перенести необходимые иконки на панель, а также удалить все те, которые не используете.

Десять фишек в Sketch

Кликните ПКМ на панели, чтобы ее изменить!

Десять фишек в Sketch

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

 

7. Превью дизайна на iOS-девайсах в реальном времени

 

Скачайте Sketch Mirror и затем тестируйте, как ваш новый проект выглядит на iPhone и iPad. Эта программа стоит на appstore всего $4.99. Его очень удобно использовать, когда у вас есть какие-либо сомнения по поводу формы и кнопок, достаточный ли размер для нормального отображения на айфоне. Применяйте клавишу ‘Connect’ на панели инструментов. Убедитесь в том, что ваш iOS-девайс подсоединен с планшетом или компьютером к одной WiFi-сети.

Десять фишек в Sketch

Откройте на своем iPad или iPhone Sketch Mirror для того, чтобы свой дизайн протестировать.

 

8. Плагины

 

В случае если бы вы желали получить доступ ко большому числу расширений для Sketch, скачайте так называемый Sketch Toolbox. Здесь находится обзор самых популярных и эффективных расширений и плагинов для Sketch.

Вот что я могу посоветовать:

Content Generator Plugin

Данный плагин помогает очень быстро сгенерировать вымышленные имена, контент и прочие заглушки за несколько секунд. Посмотрите специальный пример внизу.

(также можно легко скачать посредством Sketch Toolbox)

Десять фишек в Sketch

 

9. Презентация

 

⌘+.

Если вы желаете показать свой новый дизайн кому-то, необходимо избавиться от полного беспорядка, сделать красивую презентацию артбордов. Применяйте “⌘+.” для перехода в специальный полноэкранный режим.

Десять фишек в Sketch

 

10. Видеозапись с iPhone, iPad

 

Это не какой-то трюк Sketch, но его тоже довольно полезно знать.

Вы можете легко записать отображение на iPad или iPhone, открыв Quicktime и включив функцию ‘Movie Recording’ (видеозапись). Нажав на стрелочку возле кнопки записи, выберите iPad или iPhone. (Помните о том, что iPad или iPhone должен быть подключен посредством USB.)

Десять фишек в Sketch

 

Перевод medium

Понравилось? Расскажите друзьям: