Когда мы говорим о SEO и поисковых системах, мы сразу думаем о Google. Но знаете ли вы, что есть много альтернативных поисковых систем, которые могут вам предложить ничуть не меньше? По данным ниже приведенного исследования, Google является всемирно признанной поисковой системой и отраслевым гигантом. По сути, даже вторая по величине «поисковая система» — это Google…
Дизайн движения помогает ориентировать пользователей, предоставляя контекст и предоставляя подсказки о том, как лучше ориентироваться. Но это не имеет Всегда было легко интегрировать это новое поле в установившиеся рабочие процессы проектирования UX.
Еще в 2016 году все еще ощущался мрачный век дизайна движений UX. Было много новых шаблонов, но это было еще до того, как Лотти позволила нам на самом деле визуализировать анимацию на устройстве. Подготовка визуального дизайна для After Effects означала перестройку искусства в Illustrator, принятие сложных процессов импорта и преобразования, а также добавление сроков для повторения всего тупого процесса из-за неизбежных изменений дизайна.
Чтобы помочь устранить эти бесполезные шаги, в середине 2016 года я начал создавать в Google внутренний инструмент под названием Sketch2AE. Это был первый инструмент в своем роде для передачи данных слоя между приложениями хоста. Но это было больше, чем импортер файлов. Это был способ вернуть время людям. В 2017 году он был выпущен публично и помог как дизайнерам движения, работающим в UX, так и визуальным дизайнерам, начиная с After Effects.
С тех пор сфера UX motion design стала более зрелой. Многие команды разработчиков теперь думают, что UX включает в себя размышления о том, как информация воспринимается во времени. Дизайнеры движений, работающие с визуальными дизайнерами на протяжении многих итераций, могут существенно помочь в поиске успешных решений. Со времени первого выпуска Sketch2AE инструменты выросли, а требования к интеграции для дизайнеров движений возросли. Я очень рад поделиться с вами AEUX, более надежной системой для работы с UX-дизайном движений в After Effects.
Одна из целей новой системы заключается в поддержке большего количества хост-приложений и повысить гибкость при работе между командами. Обмен данными в экосистеме Adobe теперь хорошо поддерживается в XD и Illustrator, но с AEUX вы можете импортировать слои из Sketch и Figma и поддерживать новые функции Sketch. Плюс…
Узнайте больше и загрузите AEUX
Хотя Sketch широко используется, многие визуальные дизайнеры также начали использовать Figma. AEUX был разработан для обеспечения бесперебойной работы при переключении между командами.
Основной особенностью Figma является онлайн-совместная работа, поэтому экспорт данных слоя выполняется через веб-приложение, которое подключается к Figma API. На данный момент плагины Figma не могут работать внутри среды проектирования, что означает, что экспорт слоев выполняется как более традиционный экспорт / импорт. В приложении для проектирования, работающем в режиме онлайн, безопасность является наиболее важным фактором.
После аутентификации приложения экспорта AEUX вас попросят ввести URL-адрес файла Figma. Приложение будет собирать все данные для каждого из кадров (монтажных областей) в файле. Каждый кадр может быть загружен отдельно, а любые необходимые изображения будут также обработаны и упакованы. Перетащите новый файл AEUX.json на панель AEUX в After Effects и создайте слои.
Примечание: приложение AEUX не отслеживает пользовательские данные и не просматривает или храните ваши проекты любым способом. Это слепой робот, который выполняет преобразование ваших проектов в формат AEUX JSON прямо в браузере на вашем компьютере. Доступ к данным файла управляется владельцем файла из меню «Поделиться».
Создание инструментов, основанных на том, как работает другой дизайнер, может быть непростым делом. Иногда ваши лучшие намерения не очень полезны, или люди находят новые пути, которые вы не планировали. Я многому научился, создавая Sketch2AE, а затем еще больше узнал, как создавать Overlord (бесстыдный плагин для коммерческого инструмента).
Самые большие уроки, которые я извлек из этих проектов, — это ограничение количества переключений умственного режима. Если кто-то пытается спроектировать, пусть он спроектирует, вместо того чтобы заставлять его читать руководство.
Данные слоя теперь передаются за кулисы, чтобы ограничить путаницу Это не совсем мгновенно, но к моменту перехода от Sketch к Ae панель должна обновиться, чтобы показать новые слои, готовые для построения. Это упрощает процесс передачи и позволяет вам больше сосредоточиться на дизайне.
Для меня одна из самых неотразимых частей процесса проектирования — это пробовать вещи и находить, что работает, и что нет Это довольно противоречит импорту файлов, где вы должны перезапустить все заново, если вы не подготовили один слой правильно. Основная идея Overlord — позволить вам передавать то, что вам нужно, когда вам это нужно. Я хотел, чтобы эта концепция была центральной в AEUX, что требовало ухода от погружения в меню и создания плавающей панели плагинов для Sketch, чтобы более точно соответствовать ожидаемому опыту работы с инструментами в Ae.
В предыдущей версии уведомления отображались только после успешного экспорта и были легко пропущены в нижней части окна «Эскиз». Так что вам пришлось подождать и угадать, сработало ли это. (Это был действительно плохо спроектированный опыт. Я сожалею об этом.)
Новая плавающая панель эскизов также предоставляет специальное место для уведомлений (как успешных, так и неудачных). Идея показа процесса распространяется и на Ae. От обновлений панели до индикаторов выполнения на тяжелых компах до уведомлений о сбоях для элементов, которые Ae не может нарисовать в настоящее время.
Дизайн UX motion растет, и мы все еще изучаем, что работает, а что нет, и как лучше всего выполнить и протестировать эти конструкции. Как мы делаем, мы пытаемся поделиться тем, что мы узнаем. Я надеюсь, что AEUX поможет вам работать быстрее и получать больше удовольствия от процесса.
Начало работы с AEUX
Хотите работать с нами? Узнайте больше о Google UX и отправьте нам свой портфолио или демо-ролик.
Dn & co создала новую систему наведения для лондонского музея, которая включает обновленную планировку, вывески и карту, разработанную для уменьшения «неопределенности».
Цвет имел решающее значение в передаче этих« ясных сообщений » для 4 миллионов посетителей V & A в год, и Dn & co пошла другим путем в другие музеи в процессе перепроектирования.
«Вместо того, чтобы использовать цвет для разделения постоянной коллекции, которую можно бесплатно просматривать, мы широко использовали цвет для выделения платного контента», — объясняет Эли.
Цветовая схема будет зависеть от конкретной выставки и использоваться последовательно, от рекламы на общественном транспорте до вывесок на въезде.
Эта цель этого единообразия состоит в том, чтобы помочь посетителям быстрее попасть на выставку с билетами и снизить количество пробок на первом этаже — это также «защищает основной поток доходов, который помогает постоянным галереям свободно исследовать».
Карта была перерисована с учетом того, как она будет выглядеть в печати, а также на цифровых платформах. Например, лестницы и лифты выровнены по этажам, так что соединения «логичны» и не прыгают.
Музейные галереи теперь также имеют названия и номера — привлекательные для посетителей, которые по-разному ориентируются в пространстве — поэтому обе карты идентификации должны были быть включены в карту, чтобы предотвратить «необходимость неловких перекрестных ссылок».
Стремясь сделать карту более «компактной», Dn & co уменьшил копию и перерисовал значки. Между тем размеры шрифтов были увеличены, чтобы улучшить читаемость.
Dn & co также перевернуло то, как цвета традиционно используются в музейных картах. «Пространство галереи стало светлым на темном фоне, — объясняет Эли, — пытаясь« подчеркнуть маршруты, проходящие через музей, и прояснить, что такое сплошная стена, а что — отверстие ».
Автоматизация торговли Сегодня успех фирмы любого уровня зависит от ряда факторов. Одним из главнейших из них является вопрос автоматизации процесса. Это приносит множество положительных моментов. Например, достигается экономия времени, денежных затрат. Можно судить и о полно контроле. Поэтому так важно правильно расставлять приоритеты, доверяя проверенной фирме. Если речь касается автоматизации торговли, то компания Rosta становится…
Пользоваться Mir Pay могут обладатели Android-смартфонов с NFC Национальная система платёжных карт «Мир» объявила о запуске собственного сервиса бесконтактной оплаты со смартфонов. С сегодняшнего дня воспользоваться Mir Pay могут держатели карт «Мир» с Android-смартфонов с поддержкой технологии NFC. Поддерживается операционная система Android начиная от версии 6.0. Первыми доступ к Mir Pay получили клиенты Россельхозбанка, банков…
Form Us With Love разработала «Системные столы Nest», выдающийся модульный стол, настроенный на поворот и изгиб, для датского дизайнерского бренда + Halle. Коллекция высоких и низких диванов, стульев и столов нацелена на то, чтобы создать ощущение общности подобным образом, который мы часто собираем в открытом пространстве. Существует необходимость в общественных местах, чтобы совмещать работу и…
Evergreen содержит набор полированных компонентов React, которые работают из коробки.
Эвергринские компоненты строятся поверх примитива React UI для бесконечной композиционной способности.
] Evergreen имеет язык интерфейса пользовательского интерфейса для корпоративных приложений.
Сохранение системы проектирования, масштабируемой и последовательной, без замедления вашего рабочего процесса может показаться реальной проблемой. Возможно, вы не самый большой поклонник тофу (скорее всего, нет). Но когда вы думаете о тофу, что первое, что приходит на ум? Странная текстура, она выглядит странно и на вкус, как будто ничего, наверное, несколько … Дело в том, что…
Визуальная система. Разработанный Acreno
Зарегистрируйтесь сегодня, чтобы получить ранний доступ
Зарегистрируйтесь сегодня, чтобы получить ранний доступ
]
Великий ? Я буду держать вас в курсе!
К сожалению, что-то пошло не так, когда вы отправляете форму.
Я собираюсь использовать вашу электронную почту только для получения информации о Visual System. Вы можете отказаться от подписки в любое время.
Дизайн Паула Боровска • 09 июля 2018 года • Акции Доля Tweet Доля Pin It Доля Что такое система дизайна почему это важно и что вы включаете в нее? За последние несколько лет дизайн-системы стали популярной, горячей темой среди дизайнеров. Если вы просто присоединитесь к этой удивительной победителю, добро пожаловать! Многие предприятия и компании вкладывают…