Pixel Perfect дизайн в Sketch с помощью плагина Pixel Perfecter
Наш канал в

Pixel Perfecter – это очень простой плагин для Sketch, который помогает найти слои с плавающими параметрами (с неполными пиксельными значениями) X, Y,width или height (ширина или высота). Это поможет вам добиться точности и корректности в дизайне.

В плагине доступно две функции:

 

Выделить все слои с неполными пиксельными значениями с помощью Pixel Perfecter

(Select all pixel imperfect layers)
Эта опция выделяет все слои текущего документа с неполными пиксельными значениями, и показывает вам их количество. Затем вы можете использовать функцию Layer → Round to Nearest Pixel в Sketch, чтобы расправиться со всеми ними сразу. Также эта опция дает знать, сколько таких слоев скрывается в документе.

Горячая клавиша для этой функции – ⌥⌘P

 

readme-all

 

Выделить один слой с неполными пиксельными значениями с помощью Pixel Perfecter

(Select One Pixel Imperfect Layer)

Так вы выделите только один слой с неполными пиксельными значениями в текущем документе. С помощью этой опции вы можете быстро пройтись по всем плохим слоям и отредактировать их по отдельности.

Горячая клавиша для этой функции ⌃⌥⌘P.

 

readme-one

 

[dt_button size=”big” style=”default” animation=”none” color_mode=”default” icon=”” icon_align=”left” color=”” link=”https://github.com/swiadek/pixel-perfecter-sketch-plugin/archive/master.zip” target_blank=”true”]Скачать плагин Pixel Perfecter[/dt_button]

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

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

Полное руководство по дизайну 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