Улучшенные переопределения, новое окно заливки и быстрое создание прототипов в Sketch 53
Sketch 53 уже доступен и содержит ряд интересных новых функций, в том числе полностью переработанное окно заливки, большие улучшения в переопределениях (overrides), обновления в Sketch Cloud и многое другое. Вот краткий обзор обновлений последней версии:
- Теперь вы можете выбирать, какие именно переопределения отображать в инспекторе символа
- Переопределения теперь видны в окне слоев
- Полностью переработанное окно заливки с добавлением имени цвета, пресетов цветов в библиотеках, HSL-модель и другие
- Улучшена производительность при работе со сложными прототипами
- Более 65 других улучшений и исправлений ошибок, включая улучшения, связанные с привязкой (snap), демонстрацией прототипов и управлением источниками данных.
Улучшенные переопределения (overrides)
Управление
Для многих дизайнеров символы являются одной из наиболее важных функций Sketch. Когда мы впервые внедрили символы в Sketch 3.0, никто не мог реализовать потенциал переиспользуемых компонентов. По мере развития Sketch развивались и символы развивались, и со временем они стали более мощными и универсальными. Введение переопределений позволило легко редактировать и настраивать элементы ваших символов через инспектор (окно справа).
До этого дня, когда вы выбирали элемент символа, каждое отдельное переопределение текста, изображения и стиля отображалось на панели переопределений. Для тех, кто работает с большими документами и сложными символами, инспектор выглядел загроможденным и замедлял рабочий процесс.
Ранее, чтобы предотвратить переопределение элементов символа, нужно было заблокировать слой на странице символов, что было не круто, особенно после того, как мы добавили переопределения стилей. Итак, в Sketch 53 мы делаем вашу жизнь намного проще, предоставляя возможность управлять тем, какие переопределения отображаются в инспекторе программы, с помощью новой панели «Управление переопределениями».
Чтобы выбрать, какие элементы являются перезаписываемыми, просто перейдите на страницу символов, где вы увидите раздел «Управление переопределениями» справа в инспекторе. Переопределяемые свойства соответствуют иерархии ваших слоев или вложенных символов. Чтобы выбрать, какие элементы можно редактировать в элементах этого символа, просто установите или снимите флажок рядом с именем этого слоя.
Переопределения в списке слоев
Если вы работаете с символами, которые имеют много переопределений, вы поймете, как трудно найти то, которое вы ищете в инспекторе. Теперь можно просматривать и выбирать переопределения на панели слоев, что позволяет быстро определить и сфокусироваться на переопределении, которое вы хотите редактировать.
Когда выбран элемент символа, все включенные переопределения отображаются в списке слоев - вы можете просмотреть их, щелкнув треугольник рядом с именем элемента символа. При наведении курсора на любое из переопределений вы увидите выделение вокруг этого элемента на артборде. Нажатие на переопределение в списке слоев или артборде будет фокусировать это переопределение внутри символа и изолировать его в инспекторе. Вы также можете щелкнуть мышью на переопределении в списке слоев, чтобы открыть конкретные параметры.
Это может быть очень полезно, если вы работаете с большими системами проектирования, где символы имеют много переопределений, или если вы просто хотите быстро переопределить нужные слои без визуального беспорядка.
Полностью переработанное окно заливки
В Sketch 53 мы придали окну цветов новый вид (и новое имя). Мы изменили дизайн окна заливки, чтобы он выглядел так же хорошо, как и окружающий пользовательский интерфейс, но это только верхушка айсберга - мы также добавили целый ряд удивительных новых функций, которые должны ускорить ваш рабочий процесс.
Во-первых, теперь вы можете назвать своим именем цвета, градиенты и заливки. Больше не нужно запоминать все эти шестнадцатеричные коды - теперь вы можете называть свои цвета (и другие пресеты), чтобы они соответствовали вашему руководству по стилю или системе дизайна. Это также должно помочь донести до члена команды то, какой цвет вы хотите, чтобы он использовал!
Новое окно позволяет сортировать пресеты цвета и градиента в виде сетки или списка. При просмотре пресетов в виде списка будут отображаться их имена. Вы можете редактировать имя пресета, дважды щелкнув по нему или кликнув правой кнопкой мыши и выбрав «Переименовать». Вы также можете кликнуть и перетащить, чтобы изменить порядок пресетов, удалить, перенести пресет из всплывающего окна или переместить между коллекциями Document и Global Colors.
В качестве дополнительного бонуса мы наконец-то справились с одной старой проблемой, теперь созданные вами пресеты цвета видны при настройке градиента, вы можете быстро добавлять фирменные цвета в ваш градиент.
Если вы поделитесь своим документом как библиотекой, любые пресеты цвета, добавленные в цвета документа, будут также включены в библиотеку, что облегчит совместное использование всех ваших компонентов дизайна с вашей командой.
Чтобы ускорить передачу разработчикам, мы также добавили возможность копировать значения пресета в буфер обмена в различных форматах, включая HEX, RGB, HSL, Objective-C и код Swift. Просто щелкните правой кнопкой мыши на пресет цвета, чтобы открыть меню.
Новое окно заливки также облегчает работу с изображений. Часто используемые изображения теперь можно выбрать на вкладке «Изображение» в окне «Заливка». Просто нажмите на маленький значок часов справа от заголовка, чтобы увидеть ваши часто используемые изображения. То же самое касается часто используемых цветов!
Наконец, что не менее важно, теперь вы можете выбрать просмотр значений цвета в HSL (оттенок, насыщенность и яркость) наряду с существующими цветовыми моделями RGB и HSB. Вы можете переключаться между различными цветовыми моделями, нажимая на метку под значениями во всплывающем окне. Это функция, которую многие просили, поэтому мы очень рады добавить ее в Sketch 53!
Вы можете узнать больше о новом окне заливки в нашей документации.
Sketch Cloud
Наряду со Sketch 53 мы работаем над парой действительно интересных обновлений для Sketch Cloud, которые также были выпущены сегодня!
Система уведомлений Sketch Cloud была полностью пересмотрена, чтобы было проще отправлять и получать отзывы о ваших проектах. Мы добавили новое окно активности, чтобы вы могли отслеживать все комментарии к документам, которые вы загружали или взаимодействовали, в режиме реального времени.
Кроме того, веб-сайт Sketch Cloud немного изменился. Мы улучшили общий внешний вид сайта, внесли некоторые изменения, чтобы повысить удобочитаемость и улучшить вашу работу, а также привели в порядок наши иконки по всем направлениям.
Если вы еще не используете Sketch Cloud, это самый простой способ поделиться своими документами, прототипами и библиотеками Sketch со всей командой. Попробуйте Sketch Cloud сегодня и работайте лучше вместе.
Вы можете проверить новый внешний вид и уведомления на sketch.cloud
Улучшение производительности прототипа
Это небольшое, но заметное улучшение, которое, по нашему мнению, стоило упомянуть. В Sketch 53 мы визуализируем прототипирование с помощью Metal, поэтому, если вы работаете над очень сложным документом с большим количеством прототипов, ссылок и точек, вы должны заметить повышенную производительность при панорамировании и масштабировании вокруг документа.
Более 65 других улучшений и исправлений в Sketch 53
Как всегда, мы прислушивались к вашим невероятным отзывам и предложениям, и со времени последнего обновления мы внесли целый ряд других улучшений и исправлений. Вот некоторые из основных моментов:
- Мы добавили возможность навигации непосредственно к странице вложенного символа из инспектора
- Sketch теперь отображает отсутствующие шрифты вместо использования системного шрифта
- Мы исправили ошибку, из-за которой примененные переопределения общего стиля не сохранялись при копировании и вставке символов между документами.
- Мы значительно улучшили привязку при перемещении или изменении размеров слоев
Вы можете найти полный список исправлений ошибок и улучшений на нашей странице обновлений.
Следите за новостями на Sketch 54 в ближайшее время!