UX-исследователь — практический курс
UX-исследователь — практический курс
Начните карьеру в области UX или структурируйте свои знания с помощью уникального на рынке курса по UX-исследованию
Узнать подробнее

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

Плагин 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 инспектор не мгновенно обновляется, когда меняются эти свойства, так что хотя процесс округления пикселей происходит корректно, вам нужно вручную выделять объекты, чтобы увидеть изменения в инспекторе. Автоматической отмены выделения нет, так что выделенные вами объекты останутся выделенными после обработки.

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

guest
1 Комментарий
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Похожие статьи
Создание иллюстраций Star Wars в Sketch: руководство для не-дизайнеров
Подробнее

Создание иллюстраций Star Wars в Sketch: руководство для не-дизайнеров

Очередной урок по созданию креативных иллюстраций в Sketch. Когда заходит речь об эпичных Звездных Войнах, остается мало возможностей поддерживать продуктивность работы вопреки всеохватывающему возбуждению. Но я решил трансформировать его в нечто полезное и приготовил материалы для создания иллюстраций новых штурмовиков в Sketch.
Урок по кривым Безье в Sketch. Cоздаем плавный сегментированный график в Sketch 3
Подробнее

Урок по кривым Безье в Sketch. Cоздаем плавный сегментированный график в Sketch 3

В этом уроке вы научитесь создавать простой линейный график в лучших традициях Google Material design. Нам понадобятся инструменты вектора, градиента и маски и мы создадим график в Sketch 3.
Total
0
Share