Рисуем идеальную пунктирную линию в Sketch

Рисуем идеальную пунктирную линию в Sketch

Это руководство не работает после обновления Sketch на версию 3.4.

Смотрите новый способ создания пунктирной линии:

Рисуем идеальную пунктирную линию в Sketch, небольшой лайфхак

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

  1. Нарисуйте линию.
  2. Задайте ей границу, толщина может быть любая.
  3. Откройте настройки границы под иконкой шестеренки.
  4. А теперь начинается самое интересное. Чтобы создать идеальную точечную линию, укажите значение штриха 0.01 и выделите закругленные края. Задайте значение промежутка между штрихами больше, чем толщина границ.
  5. Вуаля. Вот и идеальная точечная линия.

Вот и идеальная точечная линия

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

Важный момент – пунктир всегда должен быть задан 0.01 с закругленными концами. Если вы откроете диалог настроек, то пунктир будет задан 0. Нужно задать значение 0.01, если будете менять другие параметры.

Также можно применять пунктирные линии к фигурам. Единственная разница в том, что границу надо располагать по центру. Иначе Sketch очень забавным образом соединит кружочки по контуру.

можно применять пунктирные линии к фигурам
Граница, выровненная по центру, по внутреннему краю, по внешнему краю фигуры.

Надеюсь, этот урок был полезным. Если вы знаете, как нарисовать красивые острия для стрелочек, дайте знать в комментариях.

В новой версии Sketch задать значение 0.01 нет возможности. Работает только в старых версиях!

3 Комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Похожие статьи
Почему я продолжаю делать фейковые дизайны
Подробнее

Почему я продолжаю делать фейковые дизайны

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

Ваша библиотека компонентов в Sketch – это не дизайн система

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

Лучшие статьи, раз в неделю, с доставкой на почту

Total
0
Share