Плагин Pixel Cleanup для Sketch - дизайн без полупикселей

Pixel Cleanup – это один из лучших плагинов Sketch, возможность создания pixel perfect дизайнов. Тем не менее, многие манипуляции с графикой кончаются позициями в пол пикселя.

Этот плагин в бета-версии “округлит” все ваши пиксели до целых.

Он работает отлично для:

  1. Линий
  2. Прямоугольников
  3. Кругов
  4. Групп
  5. Вложенных групп

Также работает, но не было досконально протестировано на:

  1. Символах
  2. Сложных кривых

Не тестировался на:

  1. Изображениях
  2. Пограничных случаях вроде масштабирования + поворота
  3. Составных фигурах
  4. Масках
  5. Всем, что не было перечислено выше.

Возможно, плагин работает и на других элементах, просто недостаточно тестов.

Инструкции Pixel Cleanup

  1. Выберите 1 или более слоев или групп
  2. Нажмите горячие клавиши option-command-p
  3. Грейтесь в лучах целопиксельной славы.

Важно знать о Pixel Cleanup

 

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

 

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

Автор не добавил эту опцию, чтобы избежать непредвиденных последствий. Иногда ведь дробнопиксельные координаты заданы специально.

Если вы выделяете группу и запускаете команду, редактируется группа и все ее “дочерние”, а также подгруппы и ВСЕ ИХ “дети”

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

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

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

Полное руководство по дизайну iOS 9 в Sketch

iOS сильно выросла в течение последних лет. С ее iOS 9 апгрейдом, Apple представил новый системный шрифт под названием San Francisco, 3D Touch и многозадачность на iPad. В Xcode вы найдете Stack Views, фантастический инструмент для более адаптивных макетов, гораздо проще Auto Layout.

Самое подробное руководство по дизайну в Sketch

Работая со Sketch последние три года, я освоил ряд ключевых техник, которые значительно улучшили мой рабочий процесс. Так как я, помимо рисования, также обожаю прототипировать и кодить, мне нужен инструмент для быстрого выполнения дизайн-проектов и легкой генерации исходников. Sketch вместе с его плагинами и другие инструменты для прототипирования полностью справляются с этой задачей. Часть 1 Часть 3 Часть 4

Серия уроков Sketch (часть1 из 5): Настройка Sketch

Первое что нам следует изучить, это настройка Sketch. Если вы только начали создавать дизайны для веб и являетесь новичком в Sketch или Photoshop, или вы просто разработчик, желающий включить UI-дизайн в свой репертуар, эти простые уроки по настройке идеально подойдут для быстрого ознакомления с работой Sketch. Часть 2 Часть 3 Часть 4 Часть 5