Рубрика: Уроки Axure

28 января появилась бета-версия Axure 10. Она доступна всем пользователям 9 версии программы. Разработчики поработали над множеством улучшений, связанных с созданием всё более сложных динамических взаимодействий в интерактивных прототипах. Теперь создавать динамику стало ещё проще.

Изменения затронули динамические панели, репитеры, текстовые поля, конструктор действий и условий, работу с группами.

Программа стала работать быстрее, немного обновился интерфейс.

Дата релиза ещё не анонсирована, однако мы уже точно знаем, что Axure 10 будет доступна исключительно по подписке.

Ознакомиться более подробно с новыми функциями и мнением проектировщика Егор Камелева насчёт будущего программы можно в этом видео:

Axure 9 beta наконец-то стала доступна для скачивания владельцами лицензионных восьмёрок. Хотя обещали нам это событие до конца лета. Ну да ладно, пять дней погоды не делают.

Первые впечатления смешанные, но пока что никаких выводов не делаем. Нужно сначала поработать в ней немного. Смотрим экспресс-обзор от Егора Камелева, где он освещает около 40% перечисленных разработчиками возможностей, которые он посчитал действительно важными.

Делаем горизонтальное выпадающее меню, как на Яндекс.Маркете.

Пользуемся динамическими панелями, событием OnMouseHover, действием Show с поведением Flyout Menu, а также касаемся изменения стилей при взаимодействии с элементами.

Проектируем форму заказа, в которой при изменении количества товаров в текстовых полях будет автоматически изменяться и общая стоимость. Учимся использовать переменные.

Ссылка на сгенерированный прототип

Исходник ищите в нашей группе по Акшуре

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

Небольшой видеоурок о том, как использовать переменную [[Window.ScrollY]] в событии OnScroll в седьмой версии Axure.

При обновлении сгенерированных прототипов, опубликованных в сети, частенько возникают проблемы с кэшем. То есть, ваш клиент не видит внесённых изменений. В таком случае ctrl+F5 не поможет, т.к. прототип отображается в двух фреймах и обновлён будет только левый. Нужно кликнуть ПКМ по правому фрейму и выбрать в контекстном меню обновление фрейма. Чтобы избегать всей этой ерунды, мы выкладываем каждый значительный апдейт в новую папку (v12, v13, v14).

Также в этом коротком ролике показано, как создать эффект тени под текстом.

Для чего это может понадобиться? Для автоматически переключающихся слайдов в презентации, для пролистывания галереи без вмешательства пользователя, для демонстрации сменяющегося баннера, а также для создания небольших зацикленных анимаций без использования гифок.
Принцип предельно прост: при загрузке страницы сдвигаем панель на ноль пикселей, присваиваем на событие OnMove какое-нибудь действие, повторяем процедуру:)
Всё наглядно продемонстрировано в ролике ниже.

Трёхминутный туториал, демонстрирующий один из сотен способов использования градиентов в Axure.