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

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

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

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

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

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

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

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

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

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

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

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

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

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

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

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

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

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

Руководство дизайнера по DPI и PPI

Этот лонг-рид создан для продвинутых дизайнеров, которые хотят узнать больше о кросс DPI и кросс-платформенном дизайне с самых азов. Никакой сложной математики и нечитаемых графиков, только простые объяснения, разбитые на короткие разделы для лучшего понимания и быстрого применения в вашем дизайн-процессе.