Как обновить adobe xd
Какой инструмент выбрать для обучения? Если вы задаётесь этим вопросом, тогда эта статья станет настоящей находкой. Мы разберёмся в ключевых аспектах Sketch, Figma, Adobe XD, проведём сравнение и выясним, какой инструмент стоит выбрать именно вам.
Сегодня рынок перенасыщен инструментами создания UI-дизайна. Многие компании последовали примеру Sketch с его гибким, простым и эффективным инструментом для создания дизайна пользовательского интерфейса чтобы занять часть рынка инструментов проектирования. Основываясь на исследовании инструментов дизайна 2019 года, проведённом UXtools.co, Sketch лидировал в прошлом году, в то время как сегодня немало инструментов (Figma, Adobe XD) навёрстывают упущенное.
Самые популярные инструменты по результатам опроса за 2019 год:
Самые популярные инструменты по результатам опроса за 2018 год:
Основываясь на наблюдениях за ростом этих инструментов, собственном опыте их использования, а также на опыте других дизайнеров, я полагаю, что в ближайшие год или два Sketch, Figma и Adobe XD, скорее всего, выстрелят с новой силой.
В этом году один из самых частозадаваемых мне вопросов звучал так: «Мне нужно изучать Sketch или какие-то другие инструменты?». Чтобы ответить на этот вопрос необходимо разобраться в нескольких ключевых аспектах инструментов и провести сравнение. Для краткости этой статьи мы сосредоточимся только на трёх лучших инструментах согласно опросу: Sketch, Figma и Adobe XD.
Начнём с ключевого требования каждого инструмента – операционной системы. Многие не знают, что Sketch – это программа для систем Macintosh. Поэтому, если вы работаете на машине с Windows или Linux, вы ограничены Figma или Adobe XD.
Ещё один ключевой (и часто решающий) фактор для большинства пользователей. Ниже находится сводка о ценообразовании персонального пакета каждой программы:
- Sketch: $99, разовый платёж. Одно бесплатное обновление в год. При желании пользования новыми функциями придётся заплатить $79 за каждый год;
- Figma: Лимит в 3 бесплатных проекта, неограниченным количеством файлов и 2 редакторами;
- Adobe XD: бесплатно с неограниченным количеством проектов/файлов и без ограничения шеринга до октября 2020 года. С октября появляется ограничение на 1 общий проект и 2 редактора.
Значительное количество времени проектирования тратится на управление макетом. Выбор инструмента с хорошо продуманным редактором имеет решающее значение для производительности.
В Sketch есть функция Smart layout, которая позволяет делать такие вещи как автоматическое изменение размера слоя при изменении длины/размера контента. Например, размер окна автоматически подстраивается под размер текста.
Figma предлагает аналогичный Sketch набор функций в этой области и помимо этого ещё и такие автоматические функции как переупорядочение содержимого перетаскиванием, как на гифке ниже.
У Adobe XD есть функция Content-Aware layout, которая помогает заполнить группы слоёв при изменении размера содержимого. В сравнении с функциями, применяемыми к слоям, в других инструментах, эта функция в Adobe XD является совершенно уникальной.
Adobe XD предлагает функцию отступа, которая обеспечивает заполнение при редактировании контентаВозможность автоматической регулировки вертикального положения слоёв при изменении высоты содержимого позволяет значительно сэкономить время. Figma имеет небольшое преимущество в этой области.
Если вы работаете вместе с другими дизайнерами, все три инструмента предоставляют способы обмена файлами. В контексте этой статьи мы сосредоточимся на функциях, связанных с совместной работой, которые есть в программах по умолчанию, без установки всяких плагинов.
В Sketch файлы хранятся на облаке. Это позволяет делиться ими с другими пользователями и даёт возможность редактировать так же, как это работает и в других облачных сервисах. Также есть возможность прописывания версий. Исторически Sketch сочетался с другими инструментами такими как Invision или Zeplin для таких функций совместной работы как совместное использование дизайна и шеринг. Sketch развивается, чтобы предложить лучшие версии этих функций, но всё ещё чуть-чуть отстаёт от своих конкурентов в 2020 году.
Пример многопользовательского редактирования в FigmaFigma ворвалась в мир дизайнеров со своей возможностью совместной работы в режиме реального времени, которая позволяет нескольким людям просматривать/редактировать один и тот же файл одновременно. В последние годы это была одна из самых уникальных функций на рынке инструментов UI-дизайна. Тем не менее, она полезна только команде дизайнеров, которая фактически одновременно работает над одним и тем же проектом. Функция редактирования в реальном времени/предварительного просмотра удобна в том смысле, что любой, кто просматривает проект всегда будет видеть последние изменения и то, как это происходило. Помимо быстрой совместной работы, у Figma также есть система управления версиями, система проектирования и проверки, которая работает наравне с другими инструментами.
Adobe XD запустила собственную функцию совместного редактирования ещё в ноябре 2019 года с такими функциями как многопользовательское редактирование и контроль версий файлов. Кроме того, XD имеет те же наборы функций обмена, что и другие инструменты.
Функция совместного редактирования Adobe XD в настоящее время находится в бета-версииУчитывая бета-статус функций XD, Figma является лучшим выбором, особенно для дизайнеров, которые ценят сотрудничество в реальном времени.
Люди с хорошим компьютером не должны заметить значительной разницы в эффективности представленных инструментов. Проблемы с производительностью программ станут более заметными при работе с внушительным количеством артбордов/фреймов, внешними плагинами и графическими ресурсами в файле.
Я редко испытывал проблемы с производительностью при каждодневном использовании Figma. Учитывая, что она является браузерным инструментом (есть и десктопная версия, которая, скорее всего, является оболочкой веб-приложения), производительность в меньшей степени зависит от аппаратного обеспечения и в большинстве случаев работает довольно шустро. Как и в Sketch, загрузка плагинов может занять некоторое время в зависимости от содержимого и функций, что не так важно.
Что касается Adobe XD, я столкнулся с некоторыми проблемами с производительностью ещё во времена его запуска, в начале 2019 года. С тех пор все проблемы пофиксились регулярными обновлениями. Честно говоря, я не тестировал производительность XD так сильно, как другие инструменты, но находится она примерно на одном уровне со Sketch.
В категории производительности, Figma была самой надёжной в моём опыте.
Когда дело доходит до инструментов для создания прототипов, есть много чего обсудить, поскольку на рынке существует более специализированные инструменты, заточенные под это дело. Тем не менее, полезно иметь небольшое понимание возможностей прототипирования всех трёх инструментов.
Sketch поддерживает экранные ссылки для создания интерактивного прототипа с использованием хотспотов. Прототип можно предварительно просмотреть локально или поделиться с другими через Sketch Cloud. Кроме того, приятно иметь такие функции как «фиксированное положение при скролле» и «сохранять положение скролла после клика», делая Sketch на одном уровне с Invision и тем, что она может предложить для создания прототипов.
Фиксированное положение в Sketch при прокрутке помогает создавать более сложные прототипы с переходом по клику.Figma имеет почти тот же набор функций прототипирования, что и Sketch. Основное различие заключается в эффектах перехода, где у Figma есть функция Smart Animate (автоматическая анимация состояния двух фреймов). Используя её, можно создавать более сложные прототипы.
Smart Animate от Figma может создавать более сложные переходы между фреймамиВ Adobe XD есть больше возможностей в области прототипирования. В дополнение ко всем функциям Figma и Sketch Adobe XD могут предложить больше разнообразных возможностей, а именно: добавление клавиатуры, геймпада и голосовых триггеров, для более специализированного опыта.
В Adobe XD можно выбрать тип триггера для взаимодействия с пользователемВ этом аспекте Adobe XD побеждает с чуть более широкими возможностями ввода.
Все три инструмента поставляются с собственными экосистемами плагинов.
За время своего существования Sketch обзавёлся большой библиотекой всяческих полезных плагинов для ускорения рабочего процесса или расширения функционала Sketch.
Плагины в Figma поддерживаются с августа 2019 года. С тех пор появилось большое количество плагинов, правда их не так много, как в других инструментах.
Adobe XD запустила свою экосистему плагинов в 2018 году. Возможно, она пока не на одном уровне со Sketch, но динамика развития выглядит перспективно. Среди всех трёх инструментов, у Adobe XD (на мой взгляд) приятный опыт поиска и управления плагинами.
Sketch побеждает в категории плагинов, учитывая его огромную библиотеку.
Выбирая инструмент дизайна, на который вы собираетесь потратить время для обучения, большое внимание уделяется тому, как быстро этот инструмент развивается.
Судя по журналу обновлений Sketch, они больше всех обновляли свой продукт за год (в среднем 1 существенное обновление в месяц). Вероятно, причиной этому стало их последнее финансирование в начале 2019 года, которое дало возможность наверстать упущенное. Ключевое словосочетание здесь – «наверстать упущенное», ведь по правде говоря, Sketch проигрывает по своим возможностям Figma и Adobe XD. Учитывая, что Sketch был запущен на годы раньше своих конкурентов, удивляет факт того, что он не уступает другим конкурирующим инструментам дизайна.
Figma добавляет новые функции с такой же скоростью, что и Sketch. Стоит отметить, что Figma выпустила больше функций, посвящённых интеграции с другими инструментами, такими как Maze (для тестирования) и Framer Web (для создания прототипов). Благодаря этому Figma хорошо сотрудничает с дизайнерами или командами, которые используют дополнительные инструменты для улучшения процесса проектирования.
Темпы обновлений Adobe XD на самом деле впечатляют. Изначально он был запущен (учитывая запуск бета-версии в конце 2017 года) с проблемами, но меньше чем через два года он стал сильным соперником для других инструментов. XD не так широко интегрирован со сторонними инструментами проектирования или разработки, но он тесно связан с пакетом Adobe.
Sketch, Figma и Adobe XD – отличные инструменты для создания дизайна пользовательского интерфейса. Если вы новичок и выбираете, на какую тропу ступить – рекомендую Figma в качестве отправной точки. Если же вы ищете инструмент для проектирования, который может создавать более сложные прототипы (например, с триггерами голосового ввода), ваш выбор – Adobe XD. В конечном счёте, ваш работодатель/команда могут выбрать инструмент для вас, но хорошая новость заключается в том, что все эти три инструмента очень похожи. Это означает, что если вы изучите один инструмент, большая часть знаний пригодится при переходе на другой.
Больше интересных и актуальных статей ищите в нашем блоге и телеграм-канале.
Получите оперативные ответы на вопросы и ознакомьтесь с пошаговыми инструкциями.
Устранение неполадок и Справка
Распространенные проблемы
Как устранить проблемы с созданием, открытием, сохранением или потерей данных в облачных документах XD?
Есть несколько причин, по которым вам не удается создать, открыть или сохранить облачные документы, или происходит потеря данных. Чтобы устранить эти проблемы, см. статью Устранение проблем с облачными документами Adobe XD.
Как устранить проблемы с публикацией характеристик дизайна и ссылок на прототипы?
Вы можете получить код ошибки или столкнуться со сценариями, специфичными для корпоративной среды. Решения по исправлению этих ошибок приведены в статье Проблемы с процессами публикации.
Почему я не могу просмотреть опубликованные характеристики дизайна и прототипы в браузерах?
Настройки браузера могут повлиять на рендеринг характеристик дизайна и прототипов. Сведения по изменению настроек браузера и другие связанные с браузерами решения приведены в статье Опубликованные прототипы Adobe XD не отображаются в браузерах.
Почему не удается импортировать или экспортировать файлы в Adobe XD?
XD поддерживает различные форматы файлов, такие как PSD, Ai, Sketch, JPG и др. Если у вас возникают проблемы с импортом или экспортом этих форматов файлов, см. статью Почему не удается импортировать или экспортировать файлы в Adobe XD?
Как устранить проблемы аварийного завершения работы?
macOS:
В некоторых ситуациях Adobe XD может аварийно завершить работу после обновления до более новой версии в macOS. Чтобы устранить эту проблему, см. статью Аварийное завершение работы Adobe XD при запуске в macOS.
Windows:
Недостаточные права доступа к папкам XD, а также устаревшие версии драйверов Windows и дисплея могут привести к аварийному завершению работы XD. Чтобы устранить эти проблемы, см. статью Аварийное завершение работы Adobe XD при запуске в Windows 10.
Облачные документы
Что такое облачные документы?
Облачные документы — это хранящиеся в облаке файлы, которые можно открывать и редактировать в Adobe XD. Использование облачных документов позволяет автоматически обновлять вашу работу на всех устройствах, где бы вы ни находились.Узнайте больше об облачных документах в Adobe XD.
Как облачные документы работают в XD?
Вы можете сохранить проекты XD в виде облачных документов, чтобы обеспечить их актуальность и доступность с любого устройства, подключенного к сети. Затем вы можете предоставить к ним доступ другим пользователям Creative Cloud для совместной работы. Изменить облачные документы также можно находясь в автономном режиме. Они будут автоматически сохранены в облаке при подключении к сети.
Чем облачные документы отличаются от других служб Creative Cloud?
Ваш план подписки на Creative Cloud включает доступ к различным типам хранения информации в облаке — облачным документам, библиотекам, а также синхронизированным файлам Creative Cloud. Узнайте больше об их применении и преимуществах.
Почему не удается создать, сохранить или предоставить доступ к облачному документу?
При работе с облачными документами ваш проект синхронизируется с процессом синхронизации Creative Cloud. Проблемы с облачными документами могут возникнуть при наличии проблемы синхронизации Creative Cloud или при необходимости его обновления.Подробные сведения приведены в разделе Устранение проблем с облачными документами Adobe XD.
Внешние модули и интеграция
Как мне продемонстрировать свои проекты XD в Behance?
После публикации ссылки на прототипы в режиме общего доступа нажмите значок Behance в инспекторе свойств, чтобы открыть новый проект Behance, а затем опубликуйте проект. Для получения дополнительной информации о публикации в Behance см. Публикация проекта из Adobe XD в Behance.
Какие версии XD поддерживают установку и разработку внешних модулей?
Установка и разработка внешних модулей поддерживаются в XD начиная с версии 13.0.
Можно ли получить внешние модули бесплатно?
Да, внешние модули доступны бесплатно.
Как создать внешний модуль?
В меню XD выберите Внешние модули > Разработка > Создать модуль , после чего вы будете перенаправлены в консоль разработчика Adobe I/O.
Для получения информации о сборке, тестировании и отправке внешних модулей для включения в список приложений см. документацию разработчика Adobe XD.
Как загрузить и установить внешние модули?
Информацию о загрузке и установке внешних модулей см. в разделе Создание внешних модулей и управление ими.
Почему не удается установить внешние модули?
Для устранения проблем с установкой обратитесь в службу технической поддержки внешнего модуля, чтобы связаться с разработчиком внешнего модуля.
Загрузка и установка
Какими операционными системами поддерживается XD?
Для получения дополнительной информации о поддерживаемых операционных системах см. раздел Системные требования.
Как загрузить и установить Adobe XD?
Вы можете загрузить свое приложение на веб-сайте Creative Cloud. Войдите в свою учетную запись Adobe при появлении соответствующего запроса, затем нажмите «Загрузить» или «Установить». Дополнительные сведения см. в разделе Загрузка приложений Creative Cloud.
Почему не удается установить XD?
Решения для исправления ошибки, связанной со сбоем при установке, приведены в разделе Ошибка: «Сбой установки» настольного приложения Creative Cloud. Чтобы устранить другие проблемы, связанные с загрузкой, установкой и обновлением, обратитесь к этому руководству по устранению проблем загрузки и установки.
Как восстановить идентификатор Adobe ID или пароль?
Все еще нужна помощь? Получите больше решений для загрузки и установки.
Управление учетной записью
Как изменить пароль?
Войдите в свою учетную запись Adobe. В разделе Пароль выберите Изменить для параметра Текущий пароль, а затем следуйте инструкциям на экране.
Забыли пароль? Узнайте, как его сбросить.
Как изменить информацию о кредитной карте?
Как обновить начальный план на платный план?
Посетите эту страницу, чтобы узнать о подробностях перехода с плана Starter на платную подписку.
Чтобы модернизировать план внутри приложения XD, нажмите «Справка» > «Обновить XD». Откроется страница, на которой вы можете выбрать план, который вам подходит.
Как отменить подписку и что произойдет с моими файлами и доступом к Adobe XD?
После отмены подписки доступ к бесплатным возможностям Creative Cloud сохраняется, как и все общие ссылки, документы, файлы или экспортированные файлы, сохраненные вами на устройстве.
Вы автоматически перейдете на начальный план, который включает в себя Adobe XD. Однако вы потеряете возможность создавать неограниченное количество общих ссылок, документов, приглашений для доступа к общим документам, экспортированных файлов PDF и видеозаписей. Вы не сможете получать доступ к другим приложениям или большинству служб, а размер вашего облачного хранилища уменьшится до 2 ГБ.
Развитие, совершенствование, воспроизведение. Узнайте о новых функциях, обновлениях и о многом другом.
26 октября 2021 г.
Воспроизведение анимации Lottie
Импортируйте воспроизводимые анимации Lottie прямо в свой прототип, чтобы получить реалистичный эффект движения.
Воспроизведение видео
Импортируйте и встраивайте воспроизводимые видео непосредственно в свой прототип для создания потрясающе реалистичных впечатлений.
Улучшенная функция экспорта
Улучшенные элементы управления экспортом позволяют точно настроить размер и качество изображений.
Демонстрируйте свои работы в крупнейшем в мире творческом сообществе. Теперь публиковать прототипы на платформе Behance можно непосредственно из XD.
13 сентября 2021 г.
Организация ресурсов по группам
Объединяйте цвета, стили текста, компоненты и другие ресурсы на панели «Библиотеки» для удобства навигации.
16 августа 2021 г.
Исправления ошибок и улучшения
Наша команда работает над улучшением XD и устранением проблем. Узнайте больше об исправлениях и улучшениях в последнем выпуске.
XD на Apple Silicon
Теперь XD полностью поддерживается устройствами с процессорами Apple Silicon. Загрузки и рендеринг стали быстрее, а навигация — отзывчивее.
Исправления ошибок и улучшения
Наша команда работает над улучшением XD и устранением проблем. Узнайте больше об исправлениях и улучшениях в последнем выпуске.
Преобразовать обводку в кривые
Создавайте сложные графические объекты, преобразуя контуры и границы в редактируемые векторные объекты.
Внутренняя тень
Добавьте глубину компонентам пользовательского интерфейса и тексту с помощью внутренних теней.
Конусовидный градиент
Заполняйте компоненты коническими градиентами для создания круговых диаграмм, палитр цветов и других круглых фигур.
Общий доступ к выбранным монтажным областям
Создавайте ссылки на монтажные области, не закрывая холст проекта.
Динамические курсоры для совместного редактирования
Работайте вместе с коллегами, где бы вы ни находились. Теперь вы можете видеть, что они делают, в режиме реального времени.
Меню настроек
Оптимизируйте XD под свой рабочий процесс, используя настройки языка, инструменты совместного доступа и встроенные советы.
Новые плагины и интегрированные решения
XD на Apple Silicon M1 (бета-версия)
Теперь XD работает на устройствах с процессорами Apple Silicon M1. Загрузки и рендеринг стали быстрее, а навигация — отзывчивее. Чтобы начать работу, загрузите бета-версию приложения в Creative Cloud.
Комбинация клавиш для состояний переключения
Создавайте интерактивные состояния переключения для компонентов одним щелчком мыши.
12 апреля 2021 г.
Новые триггеры для состояний компонентов
Создавайте интерактивные и реалистичные прототипы. Теперь между состояниями компонентов в прототипах можно переключаться с помощью голосовых команд, клавиатуры и геймпада.
15 марта 2021 г.
Новые API макетов
Мгновенно создавайте новые типы плагинов. Теперь вы можете получать доступ к данным функций адаптивного изменения размера, стеков и отступов, а также редактировать их непосредственно в API плагинов XD.
Узнайте об Adobe XD
Ознакомьтесь с основами или более детальными сведениями, изучив материалы по XD в новой подборке обучающих ресурсов. Просмотрите полезные советы, рекомендации и руководства по созданию проектов, которые подготовили эксперты и специалисты по продукции.
Обновленное меню приложения для Windows
В новом меню приложения на верхней панели в Windows так же удобно переходить между элементами, как и в macOS.
В новых обновлениях Adobe XD перевели оптимизированный инспектор свойств в режим прототипирования, то есть отслеживать сложные взаимодействия станет гораздо проще. Также добавили верхний и нижний индексы в параметры шрифта и улучшили рабочий процесс проектирования и разработки, благодаря версии XD для Jira, которая включает поддержку Jira Cloud и Jira Server.
В обновлениях компания официально запустила новую панель плагинов, которая облегчит доступ к растущему числу плагинов XD прямо из пользовательского интерфейса XD.
Adobe XD переводит оптимизированный инспектор свойств в режим прототипирования, что должно помочь отслеживать сложные взаимодействия. В предыдущих версиях XD нужно было нажимать на отдельную взаимодействие проверить и изменить ее свойства. Теперь инспектор свойств доступен в режимах «Дизайн» и «Прототип», а это значит, что можно выбирать и определять взаимодействия между несколькими объектами одновременно.
Верхние и нижние индексы прибавили для того, чтобы повысить комфортность создания текстовых элементов, таких как цены, сноски или математические уравнения.
XD для Jira 2.0: улучшение процесса разработки дизайнаAdobe улучшили совместную работу Adobe XD и Jira Cloud / Server. Это поможет пользователям тесно сотрудничать с продуктовыми менеджерами, разработчиками и другими специалистами, поскольку теперь они смогут видеть проекты XD и другую информацию о документах XD прямо с Jira. Также теперь можно увидеть дополнительные данные, такие как количество артбордив, количество комментариев, аватары пользователей Jira, которые просмотрели документ XD, и многое другое.
Сейчас Adobe XD поддерживает более 150 плагинов. Новая панель располагается в левой части экрана рядом с панелями Assets и Layers, где пользователи могут получать доступ к плагинам и взаимодействовать с ними напрямую в интерфейсе Adobe XD. Это означает, что теперь отпадает необходимость переходить через различные меню и искать нужные плагины рядом с проектами.
На новой панели отображаются все установленные плагины, позволяя быстро запускать необходимые плагины и это будет давать доступ к действиям каждого отдельного плагина (где это возможно). Также можно запустить «Менеджер плагинов» и найти / установить новые плагины, просто нажав значок «+».
“Это небольшое, но мощное дополнение является первым из ряда улучшений, которые мы вносим в способ взаимодействия с экосистемой плагинов в XD. Мы знаем, что расширяемость важна для дизайнеров — настройка вашего опыта работы с XD, добавление новых функций и подключение платформы к другим инструментам является ключом к максимизации его полезности для вас”, — говорят в компании.
Читайте также: