Sketch 53 уже здесь и содержит ряд новых интересных функций, в том числе полностью переработанное меню заливки (Fill Popover), значительные улучшения переопределений, обновления Sketch Cloud и многое другое. Вот краткий обзор новинок последней версии:

  • Теперь вы можете управлять тем, какие переопределения отображаются в Инспекторе для любого символа.
  • Переопределения теперь видны в списке артбордов и слоев
  • Полностью переработанное меню заливки с добавлением названий цветов, пресетов цветов в библиотеках, цветовой моделью HSL и т. д.
  • Улучшена производительность при работе со сложными прототипами
  • Более 65 других улучшений и исправлений ошибок, включая улучшения, связанные с привязкой, воспроизведением прототипов и управлением источниками данных.

Улучшенные переопределения

Управление переопределениями

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

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

Ранее единственным способом предотвратить переопределение элементов символа была блокировка этого слоя в Symbol Master, что было не идеально, особенно после того, как мы ввели переопределения стилей. Итак, в Sketch 53 мы делаем вашу жизнь намного проще, добавив возможность управлять тем, какие переопределения отображаются в Инспекторе, с помощью новой панели «Управление переопределениями» (Manage Overrides).

Чтобы выбрать, какие элементы переопределяются, просто перейдите к Symbol Master, где в Инспекторе вы увидите раздел «Управление переопределениями». Переопределяемые свойства соответствуют иерархии вашего исходного слоя или вложенных символов. Чтобы выбрать, какие элементы можно редактировать в экземплярах этого символа, просто установите или снимите флажок рядом с именем этого слоя.

Встречайте Sketch 53, крупное обновление

Переопределения в списке слоев и артбордов

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

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

Встречайте Sketch 53, крупное обновление

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

Полностью переработанное меню заливки

В Sketch 53 мы дали меню цвета (Color Popover) новый вид (и новое название). Мы изменили дизайн меню заливки, чтобы оно выглядело так же хорошо, как и окружающий пользовательский интерфейс, но это только верхушка айсберга – мы также добавили целый ряд новых удивительных функций, которые должны ускорить ваш рабочий процесс.

Во-первых, теперь вы можете называть в Sketch свои пресеты цвета, градиента и заливки. Да, это верно, больше не нужно запоминать все эти шестнадцатеричные коды – теперь вы можете присваивать цветам названия (и другим преcетам), чтобы они соответствовали вашему руководству по стилю или системе дизайна. Это также должно помочь члену команды понять, какой цвет вы хотите, чтобы он использовал!

Встречайте Sketch 53, крупное обновление

Новое контекстуальное меню позволяет сортировать пресеты цвета и градиенты в виде сетки или списка. При просмотре пресетов в виде списка будут отображаться их имена. Вы можете редактировать имя пресета, дважды кликнув по нему или кликнув правой кнопкой мыши и выбрав «Переименовать» (Rename). Вы также можете кликнуть и перетащить, чтобы изменить порядок пресетов; удалить пресет, перетащив его за пределы меню или переместить пресет между коллекциями Document и Global Colors.

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

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

Чтобы ускорить передачу проекта разработчикам, мы также добавили возможность копировать значения пресета цвета в буфер обмена в различных форматах, включая HEX, RGB, HSL, Objective-C и код Swift. Просто щелкните правой кнопкой мыши на Color Preset, чтобы открыть меню.

Новое меню заливки также облегчает работу с заливкой изображений. Часто используемые изображения теперь можно выбрать на вкладке «Изображение» в меню заливки. Просто нажмите на маленький значок часов справа от заголовка, чтобы увидеть часто используемые изображения. То же самое касается часто используемых цветов!

Встречайте Sketch 53, крупное обновление

Также теперь вы можете выбрать просмотр значений цвета в модели HSL (тон, насыщенность и светлота) наряду с существующими цветовыми моделями RGB и HSB. Вы можете переключаться между различными значениями модели, нажимая на метку под значениями в контекстном меню. Это функция, которую нас часто просили добавить, поэтому мы очень рады представить ее в Sketch 53!

Вы можете узнать больше о новом меню заливки из нашей документации.

Sketch Cloud

Наряду со Sketch 53 мы работали над парой, действительно, интересных обновлений для Sketch Cloud, которые также были выпущены сегодня!

Система уведомлений Sketch Cloud была полностью переработана, чтобы было проще отправлять и получать фидбек на ваши проекты. Мы добавили новые всплывающие окна активности, чтобы вы могли отслеживать все комментарии к документам, которые вы загружали или с которыми взаимодействовали, в режиме реального времени прямо в Sketch Cloud.

Кроме того, веб-сайт Sketch Cloud немного изменился. Мы улучшили общий внешний вид сайта, внесли некоторые изменения, чтобы повысить удобочитаемость и улучшить ваш опыт, а также упорядочили иконки.

Если вы еще не используете Sketch Cloud, то знайте, что это самый простой способ поделиться своими документами, прототипами и библиотеками Sketch со всей командой. Попробуйте Sketch Cloud сегодня и работайте лучше вместе.

Встречайте Sketch 53, крупное обновление

Вы можете проверить новый внешний вид и уведомления, войдя в sketch.cloud  прямо сейчас.

Улучшение производительности прототипирования

Это небольшое, но заметное улучшение, которое, по нашему мнению, стоило упомянуть. В Sketch 53 мы теперь визуализируем ссылки прототипирования с Metal so, поэтому, если вы работаете над очень сложным документом с большим количеством прототипов, ссылок и горячих точек, вы должны увидеть повышенную производительность при панорамировании и масштабировании документа.

Свыше 65 других улучшений и исправлений ошибок в Sketch 53

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

  • Мы добавили возможность навигации к мастеру вложенного символа непосредственно из Инспектора
  • Sketch теперь правильно отображает отсутствующие шрифты вместо использования системного шрифта.
  • Мы исправили ошибку, из-за которой примененные переопределения общего стиля не сохранялись при копировании и вставке символов между документами.
  • Мы значительно улучшили привязку при перемещении или изменении размеров слоев

Полный список исправлений ошибок и улучшений вы можете найти на странице обновлений.

Sketch 50 – это бесплатное обновление для всех пользователей с активной лицензией. Если вам нужно продлить лицензию, вы получите Sketch 53 и после этого целый год будете получать обновления.

Мы бы хотели услышать ваше мнение о последнем обновлении, поэтому, пожалуйста, сообщите нам, что вы думаете о Sketch 53! Если у вас есть вопросы, предложения или замечания, то вы можете связаться с нами через нашу страницу поддержки или присоединиться к обсуждению в Twitter и Facebook.

Следите за новостями о Sketch 54 в ближайшее время!

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

Тренды UI и UX дизайна на 2019 год

Тренд номер один в современном дизайне – это контекст. Больше нет обобщений. Все находится в контексте и связано между собой.

Ключевые принципы новой дизайн системы Fluent Design System от Microsoft

Fluent Design System от Microsoft фокусируется на пяти принципах, которые помогают разработчикам создавать более творческие интерфейсы: глубина, материал, свет, масштаб и движение.

20 ярких трендов в дизайне, которые мы увидим в 2018 году

Опираясь на прошлогодний контент, мы составили список конструктивных особенностей, которые, по нашему мнению, имеют наибольший потенциал, чтобы стать тенденциями дизайна в 2018 году. Без дальнейших церемоний, вот наши 20 лучших прогнозов.