1 1160x620 - Sketch 64 — Поиск, оттенки и новое меню компонентов (опять!)

В наши дни инструменты дизайна быстро меняются. Я помню времена, когда за десятилетие в графическом софте случались незначительные изменения. К счастью, эти изменения делаются для того, чтобы ускорить наш рабочий процесс. Давайте посмотрим, что улучшила команда Sketch в последней версии.

Sketch 64

Во-первых, краткий обзор нововведений в Sketch 64. Вот список улучшений:

  • Tints (Оттенки) – одно из двух главных нововведений этой версии. Теперь вы можете сразу изменить цвета всей группы символов. Это идеально подходит для нескольких состояний элементов интерфейса, например, иконок. Не требуется никаких дополнительных действий! Оттенки лучше всего использовать с одноцветными символами (они могут иметь несколько значений непрозрачности). Эта функция доступна для символов и групп в разделе «Style» на панели инспектора.
  • Новое меню компонентов – они сделали это снова! Самый противоречивый элемент Sketch снова был изменен. Теперь вы можете использовать старые добрые выпадающие меню, а также быстро искать стили и символы. Должен сказать, что я был немного смущен, когда впервые открыл Sketch 64, но через некоторое время обнаружил, что это очень хорошее обновление. Большое спасибо команде Sketch за то, что услышали фидбек дизайнеров!
  • Поиск – в предыдущих версиях Sketch была добавлена функция фильтрации, когда вы пытались найти символ или стиль. Теперь вы получили настоящий поиск! Он очень плавно работает!

Другие улучшения:

  • Фильтр / панель поиска переместились наверх – следующее приятное улучшение. Если вы хотите найти что-то на панели компонентов (в левой части окна), вы можете заметить, что оно было перемещено в верхнюю часть списка. Теперь стало намного удобнее.
  • Обновленные артборды – артборд Chromebook теперь поддерживает разрешение Pixel Slate (1333 x 888), Pixelbook теперь 1200 x 800.
  • Новые сочетания клавиш –работайте быстрее с символами благодаря новым сочетаниям клавиш: Command + Y – Создать символ, Command + Shift + Y – Отсоединить Symbol, Command + Option + Shift + Y – отсоединить все содержимое от символа.
  • Повышена эффективность Smart Layout – более быстрая работа с файлами, содержащими много символов Smart Layout.

Как использовать Tint

Это очень просто и эту функцию можно использоваться для нескольких элементов интерфейса, таких как иконки, вкладки или состояния кнопок. При создании группы или символа вы увидите новый раздел на панели инспектора – Tint.

Вы можете выбрать цвет, который применяется ко всем элементам в группе.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Sketch 64 — Поиск, оттенки и новое меню компонентов (опять!)

Следует упомянуть, что Tint настраивается на непрозрачность элементов. Если ваш символ содержит Tint, он может быть переопределен в каждом образце (цвет и его непрозрачность). Это может быть особенно полезно для настройки внешнего вида нескольких состояний элементов интерфейса.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Sketch 64 — Поиск, оттенки и новое меню компонентов (опять!)

Новое меню компонентов

Последнее обновление меню компонентов было немного спорным, но, на мой взгляд, это было верное направление. Теперь команда Sketch возвращает прежний вид меню для тех, кто любит копаться в выпадающих / всплывающих меню. Команда Sketch пошла на это, потому что многие пользователи требовали эту функцию. К счастью, мы все еще можем искать символы и стили (и поиск даже стал лучше)! Поддерживать эти два подхода – отличная идея!

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Sketch 64 — Поиск, оттенки и новое меню компонентов (опять!)

Старое всплывающее меню возвращается… и выглядит великолепно с Prime!

Sketch получил реальный поиск компонентов!

Предыдущие версии Sketch представляли способ поиска стилей и компонентов, но он был скорее фильтрацией, чем поиском и требовал особого подхода.

Теперь поиск является реальной функцией, вы можете ввести любой фрагмент имени стиля или символа, и сразу получить лучшие результаты.

Это означает, что при поиске стиля с именем «Body/Left/PrimaryBold» вы можете ввести «Body», «Primary», затем сделать его более детализированным и ввести «Left», а при предварительном просмотре вы можете просто распознать нужный стиль. Мне это нравится!

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Sketch 64 — Поиск, оттенки и новое меню компонентов (опять!)
Мощная функция поиска!

Как использовать новое меню компонентов

Если вы знакомы со старыми всплывающими / выпадающими меню, вы можете просто пройти по уровням меню и найти определенный символ. Это может быть особенно удобно, если вы используете новый UI kit или дизайн-систему. Таким образом, вы находите символы и стили и изучаете их структуру.

Если вы помните названия стилей и символов, вы можете использовать поиск. Введите любую фразу, если результаты, слишком общие, сделайте их более детализированными с помощью дополнительной фразы – легко, быстро и удобно!

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Sketch 64 — Поиск, оттенки и новое меню компонентов (опять!)
Поиск стиля слоя с предварительным просмотром имени стиля

Подводя итоги

Безусловно, эта версия Sketch, вносит существенные изменения в наш рабочий процесс. 💪 Сначала я был немного озадачен изменением меню компонентов, но теперь мне нравится новый метод поиска! Функция Tint также является отличным дополнением! Что вы думаете о Sketch 64?

Спасибо за прочтение!

Свежие вакансии
                        Emlid Emlid UX/UI Designer Офис Санкт-Петербург
                        e-Legion e-Legion UX/UI Дизайнер Офис Санкт-Петербург
                        Регистратор доменных имен РЕГ.РУ Регистратор доменных имен РЕГ.РУ UX/UI дизайнер Удаленно Москва
                        MYTONA MYTONA Game UI/UX Designer Удаленно Санкт-Петербург
                        ООО "Компания В.И.К." ООО "Компания В.И.К." Дизайнер (в офис) Офис Краснодар 35 000 ₽
Все вакансии

Оригинал: medium.com

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

Добавить комментарий
Похожие записи

Прощай Sketch…

Часто возникает вопрос: «Какой инструмент дизайна лучший?» И долгое время ответом был Sketch, но теперь это не так.

Что ждет Sketch в 2020 году?

2019 год был одним из самых важных в истории Sketch – от объявления первого раунда привлечения инвестиций до запуска публичной бета-версии Sketch for Teams

Sketch 60 — начало вашей дизайн-системы. Новая панель компонентов, Sketch for Teams и облачные библиотеки

В Sketch 60, мы вводим ряд важных функций, которые не только облегчают совместную работу, но и ускоряют процесс работы над дизайн-системой