Что такое инструмент среза и каковы практические способы его использования?

Это нубский вопрос, и я искал в Интернете ответы об инструменте срезов в Sketch. Я понимаю, что это тип слоя, но я не понимаю, почему и когда они используются . Другие вопросы, которые у меня есть -

  • Когда их удобно использовать?
  • Как вы организуете их, чтобы вы могли быть эффективными и быстрыми?

Источники, которые я проверил, - это эскизные документы , видео на YouTube.

Заранее спасибо!

Ответы (1)

Фрагменты в приложении Sketch на самом деле представляют собой ту же концепцию, что и фрагменты в Affinity Designer или Adobe Illustrator — они сочетают в себе способ выбора определенной области дизайна для экспорта в виде отдельного графического объекта и тип «сегмента» для удерживая одну или несколько конкретных настроек экспорта, которые относятся к тому, как эта конкретная область должна быть экспортирована.

Вариант использования:

Вы разрабатываете пользовательский интерфейс ( пользовательский интерфейс ) для веб-сайта с помощью Sketch.

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

Вы нарезаете весь дизайн так, чтобы получить заголовок, панель навигации, область тела и нижний колонтитул, и, кроме того, вы нарезаете все значки и кнопки по отдельности. Верхний и нижний колонтитулы вы хотите экспортировать, скажем, в формате .png в трех разных масштабах, а также на всякий случай в виде одного файла .svg. Вы решили экспортировать область тела в виде трех файлов .png с разными разрешениями, но в этом случае, поскольку фон тела имеет экранированное фотографическое изображение, вы решили не делать .svg. Кнопки и значки вы выбираете только с .svg, потому что знаете, что у вас достаточно навыков работы с CSS, чтобы перекрасить их в окончательный дизайн, и вы подозреваете, что это понадобится.

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