Sketch, один з найпопулярніших інструментів для дизайну інтерфейсів, анонсував випуск нового великого оновлення – Sketch100. Ця версія обіцяє перевершити всі очікування та принести безліч нових поліпшень. Серед оновленого функціонала: революційне оновлення прототипування, новий вебдодаток, удосконалені функції спільного використання прототипів та інструменти для прискорення робочого процесу.
Горизонтальна, вертикальна та багатонапрямна прокрутка
Sketch вдосконалили прокрутку в прототипах. Тепер ви можете прокручувати вміст у будь-якому напрямку, не лише вертикально. Налаштувати це дуже просто: оберіть вміст, який ви хочете прокручувати, і натисніть кнопку "Зробити прокрутку" на вкладці "Прототип" у вікні інспектора. Далі вміст автоматично згрупується і додасться прокрутка, а також кілька нових маркерів для управління прокруткою.
Рекомендуємо створити символ для вашого вмісту, вставити його екземпляр і застосувати прокрутку. Це дозволить вам переглядати та редагувати весь вміст (включаючи той, який захований за межами екрана), і легко додавати відступи.
Наведіть курсор, натисніть і перемикайте тригери
До цього часу єдиний спосіб взаємодії з прототипами був через кліки. Тепер Sketch додали ще два способи: наведення курсора і натискання.
Ці нові можливості взаємодії доповнюють нову функцію — користувацьку видимість шару. Тепер можна налаштувати шар так, щоб він за замовчуванням був прихований, але з'являвся при наведенні курсора на нього.
Також доступна третя нова опція — перемикання видимості шару після натискання. Це зручно для створення інтерактивного інтерфейсу користувача, такого як перемикачі або прапорці.
Всі ці оновлення відкривають нові можливості для тестування ваших дизайнів. Тепер програма використовує WebGL і Skia замість HTML для більшої гнучкості та можливості відображення. Цей оновлений прототип працює у додатку для Mac, iOS і вебдодатку, де Sketch також впровадили декілька оновлень.
Окрім оновлень прототипів у програмі для Mac оновили дизайн вебпрограми. Видалили статичні бічні панелі та замінили їх панелями, що згортаються, звільнивши більше місця для повноцінного нескінченного полотна, яке тепер поширюється на кожен кут вікна вашого браузера. Ці зміни стосуються не тільки того, щоб звільнити більше місця для ваших проєктів, але й допомагають впровадити дві дії — коментування та перевірку.
Переглядайте Canvas у будь-якому браузері
Тепер ви можете легко переглядати свої проєкти в повноекранному режимі. Просто відкрийте документ, натисніть кнопку "Перевірити" або натисніть на кодовий блок, виберіть будь-який елемент на полотні й отримайте потрібну інформацію.
Цей новий режим перегляду дозволяє вам більш детально досліджувати шари на полотні та зрозуміти потік вашого документа. Тепер вам не потрібно витрачати багато часу на пошук окремих монтажних областей - все є перед вами у повному обсязі.
Додавайте коментарі до прототипів
Нове оновлення Canvas зробило відстеження розмов і додавання коментарів набагато зручнішими. Тепер ви можете легко додавати коментарі у будь-якому місці полотна. Просто натисніть "N", щоб додати коментар, виберіть маркер для перегляду розмов або "C", щоб відкрити панель з усіма коментарями у документі.
А ще, тепер ви можете залишати коментарі під час перегляду прототипу – просто клацніть на іконку "Коментарі", щоб переглянути наявні коментарі та додати свої власні. Це чудовий спосіб висловити свої враження від конкретних елементів, не виходячи з прототипу.
Зручний вигляд прототипу
Разом із коментуванням ми додали новий спосіб ділитися прототипами, який приховує інтерфейс вебпрограми та посилається на файл дизайну. Він ідеально підходить для обміну з клієнтами та зосереджується на самому прототипі. Нові функції прототипування особливо корисні, якщо ви переходите з InVision.
Нові функції для прискорення робочого процесу
Тепер в Sketch є панель команд, яку можна викликати, натиснувши ⌘K. Вона дозволяє швидко знаходити та виконувати різні дії, які зазвичай доступні через меню або ярлики, включаючи ті, що створені за допомогою плагінів. Ця панель також містить поля інспектора, такі як орієнтація монтажної області.
Панель команд розроблена для прискорення роботи. Вона вчиться пропонувати найбільш релевантні результати пошуку, враховуючи ваші найчастіші дії. Якщо ви ще не користувалися подібними панелями в інших програмах, скоро ви будете здивовані, як ви раніше обходилися без них.
У оновленні також додали мінікарту, яка спрощує навігацію великими документами. Вона автоматично з'являється, коли у документі є шари за межами видимої області, дозволяючи вам швидко переглянути весь Canvas та зрозуміти, де саме ви знаходитесь. Ви можете клацати та перетягувати мінікарту, щоб переміщатися по полотну, і побачити назви монтажних областей, навівши на них курсор.
Групи дозволів і архівування (тільки для бізнес-плану)
Тепер ви можете створювати групи дозволів, щоб легко додавати кількох учасників до документа чи проєкту. Також ви можете архівувати проєкти, які вже не активні.
Закріплення документів і проєктів
Тепер ви можете закріплювати найважливіші документи та проєкти у Sketch. Вони з'являться у верхній частині списку або сітки проєктів, щоб ви могли швидко їх знайти. Це особисті елементи, тож ніхто інший не побачить те, що ви закріпили.
Оновлений перегляд сповіщень
Програма отримала оновлений перегляд сповіщень. Тепер вони краще використовують простір у вашому вікні браузера, а також мають нові параметри пошуку та фільтрації.
Експорт токенів нового дизайну
Тепер ви можете експортувати маркери для стилів шарів і тексту разом із кольорами, спрощуючи передачу розробникам.
Нове місце для посібників і шаблонів
У розділі "Discover" ви знайдете навчальні посібники та шаблони. Вони доступні як на вебпрограмі, так і в програмі для Mac. Розділ буде регулярно оновлюватися для вашої зручності.
