Axure

С помощью Axure RP Pro 7 Вы сможете не только создавать веб-страницы на свой вкус, но тут-же просматривать то, как они выглядят в браузере. Для этого в программе есть отдельная возможность, что очень удобно. Интерфейс программы на английском языке, без поддержки русского. Но, не смотря на этот недочет все предельно понятно. Обычно отвечает в течение часа. Contact Axure Themes on Messenger. Axure Salesforce widget library updated to Spring 18 LDS 2.5.0. Axure Themes. 2 октября 2017 г. Axure Persona Templates. Axure Themes. 22 сентября 2017 г. Ionicons Axure Icon Library, for the Ionic Framework. Vector icons fully editable in Axure. Русификатор Axure RP Pro 6.5.0.3044 от M.Charly. О программе: Axure RP Pro - быстрое макетирование для приложений вебсайта, ориентированное под каркасные прототипы веб-сайтов. О русификаторе: Это тестовая версия русификатора Axure RP Pro. Не переведены строки Annotations, Formatting, Interactions в панели 'Свойства виджета', так как их изменение влияет на работоспособность этой части программы. При установке указывайте путь 'C: Program Files Axure Axure RP Pro 6.5'.

1. Axure Это
2. Axure Скачать
3. Axure 8 Уроки
4. Axure Прототипирование

Рынок инструментов прототипирования переживает настоящий бум — в год появляется по несколько новых сервисов, а существующие энергично развиваются и обрастают функционалом. Из тех, что запомнились:. — веб-приложение, которое позволяет создавать интерактивные прототипы с помощью элементов из библиотек, импортировать объекты из Adobe PS и Sketch, поддерживает командную работу. Кстати, команда UXPin часто выпускает на английском языке по теме UX. — десктопное приложение, позволяющее делать как схематичные прототипы, так и полноценные дизайн-концепции интерфейса. Можно создавать и настраивать интерактивные события, совместно работать над проектом. — относительно новое веб-приложение, можно настроить простые анимации и переходы между страницами, поддерживает командную работу.

Axure Это

В обещают добавить различные события, интерактивные поля ввода, экспорт кода. — выделяется среди конкурентов тем, что дает возможность создавать взаимодействия для импортированных макетов с помощью кода, написанного на CoffeeScript. / + от Invision — связки для создания прототипов с простыми взаимодействиями.

— более молодой прямой конкурент Sketch. И это далеко не все инструменты, их значительно больше.

Тема обзора и сравнения сервисов для создания прототипов заслуживает отдельной статьи, которую мы обязательно напишем. А пока расскажу, почему мы выбрали (и полюбили) Axure:. Работает «из коробки» — открываете программу и сразу создаете динамические прототипы. Довольно прост в освоении — простой прототип с несложными взаимодействиями сделаете меньше чем за час. Можно быстро вносить изменения благодаря специальным инструментам («мастерам»). Широкие возможности для создания динамических взаимодействий — от простых переходов между страницами до drag-n-drop интерфейсов. На прототипе наглядно видно, как будет работать готовый проект.

Не так давно мы перешли на Axure 8. В статье расскажем, что нам больше всего понравилось, и поделимся приемами, которые постоянно используем при создании прототипов. Добавлены новые взаимодействия:. действие для создания прозрачности элемента (Set opacity);.

события, происходящие при вращении (OnRotate), при выборе элемента (OnSelected), при отмене выбора (OnUnselected), при изменении размера (OnResize);. события и действия теперь можно применять к группам виджетов.

Улучшена работа с анимацией:. исправлены огрехи в расчете тайминга при нескольких анимациях в одном событии — теперь они происходят одновременно;. добавлены новые виды анимации — вращение (Flip), переворот (Rotate); Посмотрите пример созданной в Axure анимации, взятый с официального. Сложная поддержка всех разрешений.

Адаптивный прототип неудобно править: проверять и редактировать приходится каждое разрешение в отдельности. Особенно сложно поддерживать адаптивный прототип для проектов, где много разных разделов и страниц. Мы сами столкнулись с такой проблемой при. После этого пришли к выводу, что целесообразно делать адаптивные прототипы только для сайтов с небольшим количеством страниц и со значительной долей мобильной аудитории.

Это не значит, что готовый сайт получится статичным. Просто в процессе прототипирования мы стараемся учитывать, как будут перестраиваться блоки на других разрешениях.

Axure. Действительно ли этот продукт не более чем инструмент прототипирования?. Может ли UI designer полностью перейти на работу в Axure, отказавшись от других инструментов?. Какие сильные и слабые стороны у этой программы? Я постараюсь найти ответы на эти вопросы ниже.

Сравнительно недавно я решил уйти от Adobe Photoshop к Axure, внезапно раскрыв для себя потенциал этого инструмента, не только как средства для прототипирования. Возможно жизнь уже не будет такой, как до Axure. Если и приходится иногда открывать Photoshop для растровых мелочей, то начинаешь понимать всю его неповоротливость. За последние годы он так сильно оброс функционалом, что когда возвращаешься к нему от заведомо простой, но не менее сильной альтернативы, подмечаешь насколько это очевидно. Причем 70% функционала UX/UI дизайнер даже не использует. В Axure же нет ничего лишнего, и многие свои типовые сценарии при разработке интерфейса я могу выполнять теперь гораздо быстрее. Я считаю, что тот, кто любит свое дело, понимает что нужно постоянно обучаться и эволюционировать.

Во-первых: новые инструменты упрощают рутину, во-вторых: фактор конкуренции нельзя не учитывать. Уже завтра дизайнера могут не взять на работу, если в его резюме не будет нескольких важных строчек, о которых несколько лет назад никто и не слышал. А другого дизайнера, возьмут, потому, что он давно работает с программами, более заточенными под дизайн интерфейсов.

Это означает, что надо держать “руку на пульсе” как в технологиях, так и в инструментах. Я — консерватор и такой капитальный переход с Photoshop/Illustrator в Axure для меня в некотором роде звучал бы невероятно еще полгода назад. Но тут руки сами начали нажимать нужные кнопки Экспериментальная задача: из.PSD в Axure Чтобы окончательно развеять все свои сомнения, я решил конвертировать в интерактив один из своих макетов, которым завершал проект. Хотя до этого 98% проекта я показывал раскадровкой и вобщем-то все мои идеи и сценарии понимались и утверждались.

Но это лишь часть плана. Вторая — была проверить и сравнить качество отображения элемента в связке “редактор-браузер”. Одна из фишек Акшура в том, что он эмулирует работу сервера (насколько я это себе представляю) и транслирует сразу же html/css параметры элемента, который вы только что нарисовали. Вы рисуете rectangle в мониторе слева, в правом у вас браузер. Вы жмёте Preview в нём и вот ваш элемент уже виден таким, каким его увидит весь интернет. Высший класс!

Можно и код поинспектить, стили, отступы, что угодно. Эта история не без подвоха Дизайнеры всегда показывали клиентам? В этом весь подвох для первых. Макеты были нарисованы в редакторах, которые сглаживают шрифты, делают супер-тени и прочие эффекты. И что дальше делать девелоперам с этим всем, дизайнеров не волновало.

Если дизайнер не объяснял в спецификациях направление тени, её размытие и прозрачность, девелопер делал тень сам “на глазок”. Со всеми вытекающими. Вот вам сразу пример, как отличается начертание шрифта Helvetica одного размера и плотности (верхний абзац отрисован в PS, нижний — это PrtScn из Axure): Если подытожить общее визуальное впечатление от “Акшуры”: в нем что-то есть от классического векторного редактора (+ hotkeys совпадают с PS, что есть удобно), а что-то от классического такого Dreamweaver эпохи Macromedia. То есть WYSIWYG-редактор с элементами векторной риcовалки.

Теперь можно от теории перейти к практике. Начинаю вот с этим макетом (название изменено в интересах следствия), который есть в.psd: Динамические хедер и футер Нужно для того, чтобы макет эффективнее смотрелся на высоких разрешениях. Дизайнеры часто прибегают к приему “макет поверх дополнительного фона и бросить тень вниз”. Пыль в глаза! Теперь это не нужно. А нужно нам: в момент загрузки страницы передать о том, что нам надо несколько слоев растянуть на всю ширину экрана. Смотрите как просто.

Всего лишь покликать по множеству разных слов откуда-то из области front-end разработки. Это правда любопытно, эдакое визуальное программирование для домохозяек. Если хочется более мягкого появления кнопки при наведении мыши, то можно в списке Animate выбрать эффект Fade и задать длительность в миллисекундах.

Axure Скачать

Подведу некоторые итоги На конвертацию макета ушло не более 4 часов. В итоге PSD превратился в машинный код. Кроссбраузерный, валидный, но тем не менее машинный. Я все еще провожу исследование, насколько приемлемо отдавать результат в такой интерпретации, вместо исходника PSD.

Никто не хочет делать двойную работу и переводить Axure PSD, просто чтобы “было”. Действительно ли Axure не более чем инструмент прототипирования?

Как оказалось, гораздо больше чем. В нём уже помимо UI дизайна можно разрабатывать дизайн микроитераций. Для этого есть все необходимое. Что куда исчезает, какой элемент в какой перерождается. Нет, супер-крутой анимации, которую дизайнеры делают в Adobe After Effects не получится, но получится результат с вполне реализуемыми эффектами: CSS-ные fade-, bounce-, swipe-, flip-эффекты и остальные дают в сочетании достаточно мягкие и точные микровзаимодействия. И все это вы видите в своём браузере и можете забирать код с нужными координатами и длительность Может ли UI дизайнер полностью перейти на работу в Axure, отказавшись от других инструментов?

Практически да! Хотя складывается впечатление, что Axure более ориентирован на разработку десктопных продуктов, чем мобильных. Пока что любой мобильный прототип приходится показывать через браузер. Анимация становится недоступна в таком режиме. Хотелось бы какого-то софтового решения и для мобильных: например, ставился бы клиент на телефон и по нажатию F6 Preview я бы выбирал, где показать результат. Смартфон мгновенно бы получал версию Axure с десктопа и воспроизводил в режиме preview. Иначе придётся пилить под ширину 320 и выше, а потом растягивать всё руками, чтобы отдавать ресурсы мобильным разработчикам.

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

Какие сильные и слабые стороны у этой программы? Все познается в сравнении. Сильные стороны сможет определить тот, кто попробовал все инструменты визуальной разработки. Из слабых сторон отметил бы:.

отсутствие корректной поддержки SVG (иконку можно вставить, она будет динамически ресайзиться, но цвет изменить или подвигать кривые не выйдет). отсутствует внятный генератор спецификаций, размеров и отступов. экспорт в PNG выдаёт некачественную конвертацию всего текста в графику. не хватает масок, сложновато импортировать фотографии, а потом подгонять их по размеру или обрезать. машинный код у девелоперов может вызвать гомерический хохот, возможно падение со стула, получение травм, ушибов.

Мне Axure понравился. Так уж сложилось, что у меня задачи по разработке десктопных интерфейсов преобладают и мне он подходит идеально. Особенно актуально сейчас, когда со всех сторон глаголят о необходимости узкой специализации в выбранном направлении. Очень по “Акшуре”. В следующем выпуске хочу собрать интерактивную кредитку, для ввода своих платежных данных. Расскажу, что и как пошагово делал. Задам всю логику перехода по инпутам, возможно даже добавлю какую-то оправданную анимацию и конвертирую всё это в HTML/CSS.

Axure 8 Уроки

↑ Stay tuned. Специалист в сфере дизайн-менеджмента. Смогу оперативно организовать эффективную, гибкую и масштабируемую дизайн-систему для вашего малого / среднего бизнеса. Использую современный дизайнерский инструмент (Figma), что позволит быстро найти общий язык с вашими разработчиками. Заказы на разработку более простых продуктов тоже принимаются:) Пишите в Телеграм: или почтой: kamushken@gmail.com Метки:. Добавить метки Пометьте публикацию своими метками Метки необходимо разделять запятой. Например: php, javascript, адронный коллайдер, задача трех тел.

Из слабых сторон отметил бы: Отсутствие настройки трекинга и open-type. Первый вообще очень важная штука для многих современных дизайнов.

Отсутствие настроек дизайна стандартных компонентов (инпут, чекбокс, радиокнопка и т.п. — индивидуальный дизайн приходится создавать нагромождая костыли и велосипеды, и времени это отнимет на порядки больше, чем отрисовка в иллюстраторе например) В целом солидарен. Акшур действительно может быть инструментом дизайна. Однако прибегать к нему нужно не во всех случаях.

Часто он подчиняет себе полёт мысли — начинаешь слишком сильно отвлекаться на проработку интерактива и желание воссоздать реальное поведение интерфейса максимально приближенное к конечному результату (а так как это сложно и порой просто невозможно, то ковыряние в Condition Builder начинает попросту убивать дизайн). Жду когда внедрят больше необходимых для дизайна инструментов и тогда, наверное, перейду на него с иллюстратора. Немного от меня: 1. Изображения очень удобно вставлять через Динамические панели. Делается динамическая панель, ее фоном выбирается картинка, выбирается тип заполнения (как правило Stretch to Cover), и теперь меняя размеры панели, у нас ресайзится изображение. С помощью динамических панелей, используя 1 пункт можно делать довольно интересные карусели, и другие интерактивные элементы.

Вот примеры из последнего проекта. Проект еще не сдан, так что лоск со шрифтами и цветами еще не навели. По поводу разнообразия форм и кнопок. Этот вопрос решается со временем. Накапливаются проекты, в проектах накапливаются различные реализации, с каждым проектом работать все проще и проще.

Есть приложение для мобильных, работает с облаком от Axure. В целом можно быстро показать прототип, но конечно не совсем то, чего хочется. Соглашусь что очень не хватает масок. Но в целом без них можно жить.

Axure Прототипирование

Реализовать эффект маски с помощью функций можно, в блоге Axure есть примеры, но зачастую жалко тратить время. Вообще у меня есть мнение что почти весь интерактив в axure можно реализовать, за исключением каких то совсем моушен элементов.

Спасибо за Ваши 5 коп. Действительно, д-панели для картинок — это вариант, но в дальнейшем могут немного усложнить процесс подгонки или изменения изображения. Я иногда немного читерю и просто отрезаю лишнее инструментом Slice:) Это если нужно вставить быстро временное изображение. По п.4 — к сожалению не решается проблема, чтобы дистанционно показать клиенту реализацию? Не предложишь же ему ставить какую-то «Акшуру», логинится в мой аккаунт и потом открывать нужный проект, среди множества тех, которые его не касаются Я думаю даже продвинутый моушн Акшур потянул бы, но слишком много кропотливой возни предстоит, а функция Move к сожалению жестко привязывается к координатам холста и любой необходимый сдвиг в будущем рушит весь труд.

Мы сейчас вопрос демонстрации прототипа решаем так. Допустим делаем отдельную версию для мобильных устройств, можно через мастер шаблон сразу для нескольких разрешений. Загружаем в облако, и отправляем ссылку клиенту. В целом для оценки прототипа годится.

Axure, конечно криво, но выбирает чаще всего нужное разрешение. Но это все очень редко.

Обычно ограничиваемся мобильным прототипом под одно разрешение, этого как правило хватает что бы показать клиенту. Продвинутый моушн акшур может и потянул бы, но трудозатрат на этот элемент будет бесконечное количество. Скетч — ужасная работа с символами((( Как будто разработчики не видели индизайн-фарйворкс и конкурентов. Многие их даже не используют. Но великолепная поддержка кодеров! Affinity — самый навороченный. Символы, Assets, Styles, продвинутая типографика, крутой экспорт в SVG.

Нельзя работать с кодерами((( Figma — Символы. Совместная работа офигенна. Маркетолог, проектировщик думает над текстом и смыслом, дизайнер оформляет модно.

Переводчики переводят. Нет работы с кодерами((( Adobe XD — символы и Flinto/Marvell. Axure прекрасен для тестов в реальности и интерактива. Но настолько тяжело и медленно с ним работать, что в дополнение к нему стоит для скорости использовать Sketch, Photoshop, Illustrator и т.д. — для быстрого набрасывания красоты.

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

Ctrl+A — для слабых, сильные выделяют мышкой! Хочешь подтвердить введенную информацию Enter'ом? — Пожалуйста, только этот хоткей подтвердит другое значение и закроет модальное окно, с которым ты работал, а тебя отправит в Нарнию. Спасибо, что сохранили.

Ты как клёвый парень всё раскидал по полочкам и папкам в прототипе и хочешь с помощью клика в рабочей области найти нужный слой в окне слоёв? — На, пожалуйста, нужный тебе слой мы выделим жирным, но мы приняли решение развивать твою память и теперь все родительские папки, в которых находится слой, мы оставим закрытыми и такими же как остальные. Кликай, узнавай, развивай! И вот этих мелочей — вагон и маленькая тележка. После 3-х месяцев плотной работы с акшурой на разных платформах, заметил одну особенность — из-за геморроя работы с прототипами на разных уровнях, уже начиниаю мыслить не с точки интерфейса (мол, было бы неплохо тут кнопку впилить), а с точки реализации (чёрт, тут кнопку надо впилить, но переделывать логику звезда как геморно, добавлю-ка лучше нотификейшн, пользователь как-нибудь разберётся). Со скетчом такого не было.