0,0
рейтинг
17 августа 2010 в 09:51

Дизайн → Основы проектирования веб-интерфейсов в Axure RP Pro

Axure RP ProВ последнее время разработчики веб-проектов все чаще начинают задумываться о том, что до начала разработки продукта было бы неплохо узнать, что это будет за продукт и как он будет выглядеть.

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

Средств для визуального проектирования становится все больше. Одни пользуются Adobe InDesign, другим нравится Visio, третьи довольствуются OpenOffice Draw. Но все больше поклонников появляется у довольно тяжелой и функциональной программы Axure RP Pro.


1. Карта сайта (Sitemap)


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

Карта сайта (Sitemap)

Кнопки в панели предназначены для быстрого доступа к основным функциям:
Создает вложенную страницу (Child page)
Перемещают выбранную страницу вверх или вниз. Работают только со страницами одного уровня и не вытаскивают их за пределы родительского элемента. Если надо выделить и переместить вверх или вниз сразу несколько страниц — можно использовать Shift.
Изменяют уровень вложенности страниц. Стрелка влево выносит выбранные страницы на уровень выше, стрелка вправо подчиняет страницу родительскому элементу, расположенному над ней.
Удаляет страницу. В том случае, если родительский элемент содержит вложенные элементы, они будут удалены вместе с ним.
Позволяет перейти к редактированию страницы, т. е. делает то же самое, что и двойной клик по странице.
Эти же действия можно выполнять с использованием контекстного меню, которое выпадает по клику правой клавишей мыши на элементе (если кликнуть правой кнопкой мыши в свободной области, будет доступна только функция добавления новой страницы).

2. Панель виджетов


Панель виджетов (Widgets)Панель содержит набор интерфейсных элементов, которые постоянно используются при работе над проектом. Стандартные библиотеки содержат только самое необходимое — прямоугольники, текстовые панели, плейсхолдеры, кнопки, элементы форм и т. д.

В область можно подгружать либо все элементы из всех библиотек одновременно (для этого нужно выбрать All libraries), либо только ту библиотеку элементов, которая нужна в настоящий момент. Кстати, библиотеки элементов можно создавать самостоятельно, но об этом речь пойдет чуть ниже.

Чтобы поместить элемент на страницу, используется метод Drag and Drop (элемент необходимо выделить и, не отпуская кнопку мыши, перетащить в рабочую область).

Основная библиотека, которую стоит использовать на стадии освоения программы, называется Wireframe. Ее элементы мы и будем использовать.

В таблице размещены описания элементов. О том, что можно делать с элементами, речь пойдет чуть ниже.
Заглушка для изображения. Стандартный размер — 50×50px.
Текстовое поле (100×16px). По умолчанию используется Arial, 10, черный цвет.
Гиперссылка (100×16px). По умолчанию используется Arial, 10, синий цвет + подчеркивание.
Прямоугольник 180×80px с белой заливкой и черной рамкой в 1px.
Плэйсхолдер, предназначенный, например, для забивки баннерного места. 180×80px, рамка и диагонали — черные, 1px.
Кнопка (100×25px).
Таблица. По умолчанию создается таблица 3×3. Пользоваться элементом не очень удобно, т. к. ширина задается только всей таблице и не может задаваться определенным столбцам. Если же начинать руками смещать границы столбцов внутри таблицы — ширина увеличивается и уменьшается за счет общей ширины таблицы, а не других столбцов.
Поле для ввода текста (одна строка).
Область для ввода текста (любое количество строк и столбцов).
Выпадающий список.
Многострочный список.
Чекбокс.
Радиокнопка.
Горизонтальная линия.
Вертикальная линия.
Кнопка со скругленными углами. Может из кнопки легко превратиться в прямоугольник или квадрат. Радиус скругления можно задавать вручную, но только «на глазок». Поле для ввода точного радиуса разработчики поленились сделать.
Область наложения для изображений.
Фрейм, в который может подружаться информация с других страниц прототипа.
Динамическая панель. Может использоваться, к примеру, для проставления активности пунктов меню на определенных страницах. В этой статье вопросы интерактивности прототипа рассматриваться будут очень поверхностно, поэтому в логику работы этого элемента мы не полезем.
Вертикальное многоуровневое выпадающее меню.
Горизонтальное многоуровневое выпадающее меню.
Раскрывающийся список.

3. Панель мастеров (Masters)


Панель мастеров (Masters)В этой панели размещаются элементы, которые многократно используются на страницах сайта. Например, чтобы при мелком изменении в футере не переделывать его на всех разработанных страницах, достаточно сделать его мастер-панелью и подгружать на другие страницы. Соответственно, чтобы внести изменения на всех страницах, потребуется один раз подправить мастер-панель.

Мастер-панели тоже могут быть многоуровневые (к примеру, футер может содержать дочерние элементы «контакты» и «счетчики»).

По умолчанию мастер-панелей нет. Чтобы завести ее и добавить на все страницы, надо выполнить последовательность:

Жмем кнопку AddMaster () Два раза кликаем по созданной мастер-панели (в рабочей области открывается вкладка, на которой будет редактироваться содержимое мастер-панели) Редактируем мастер-панель, добавляем на нее необходимые элементы  Правой кнопкой мыши по названию мастер-панели вызываем контекстное меню  Жмем «Add To Pages» Выбираем необходимые страницы (если мастер-панель должна выводиться на всех страницах, можно воспользоваться кнопкой «Check All»)  Выбираем позиционирование панели (в том случае, если будет выбрано Place in background, мастер-панель сохранит то же самое расположение, в котором она выполнена. Если выбрать Specify Location и задать левый и верхний отступы, мастер-панель займет указанное положение на страницах) Жмем «ОK» и наслаждаемся размещенной мастер-панелью.

Если мастер-панель стала не нужна и ее хочется удалить — сначала надо отменить ее размещение на страницах прототипа, а только потом удалять. Иначе она будет сопротивляться и ругаться.

4. Рабочая область


Собственно, в этой области и происходит все самое интересное — редактируются элементы и их оформление, оформляются функциональные блоки и так далее.

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

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

Мастер-панели использоваться не будут, т. к. мы заведомо уверены в том, что разрабатывается только одна страница.

Итак, приступаем.


Для начала делаем скриншот исходника:

Яндекс
Здесь можно посмотреть на исходник в нормальном разрешении.

Отмеряем по верхней линейке 1000px.

Размещаем прямоугольник, который будет служить фоном верхней навигационной панели и изменяем его размеры:



Убираем рамку у прямоугольника.



Выбираем светло-серую заливку.



Используя интерфейсный элемент Hyperlink, вытаскиваем и располагаем в навигационной панели 4 ссылки, задаем им размер 8 вместо стандартной десятки. Цвет ссылкам можно задать сразу, но я оставлю это на совести тех, кто скачает и будет ковырять проект.



Накидываем и оформляем блок новостей, используя элементы Text Panel для текста/ссылок и Rectangle для подложки «новость часа». Здесь сразу получаем несколько тонкостей.

Во-первых, чтобы подложки располагались под текстом, а не над ним, каждому прямоугольнику надо задать расположение под другими элементами:



Во-вторых, чтобы текстовые блоки имели равномерные вертикальные отступы, надо их выделить и выровнять по вертикали:



В-третьих, чтобы сделать прерывистое подчеркивание у ссылки-переключалки города, надо под надписью разместить горизонтальную линию (элемент Horizontal Line) и выбрать для нее тип подчеркивания.

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



Новости в общем виде готовы — можно переходить к строке поиска и к рекламному месту «Яндекс в вашем телефоне».

Накидываем ссылки над строкой поиска (Hyperlink) и размещаем саму строку поиска с кнопкой (Text Field + Button).



Ссылки сразу переводим в размер 12 и стараемся подогнать ширину элемента по ширине гиперссылки, чтобы команда Distribute Horizontally, выравнивающая горизонтальные отступы группы элементов, сработала корректно. Конечно, идеально не получится и придется немного подгонять их руками, но альтернативы нет (по крайней мере, я не нашел).

Не забываем про «например» (элемент Text) и «расширенный поиск» (Hyperlink).

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

Справа подложка под формой у Яндекса заканчивается нестандартно — на то он и дизайн. Фанаты могут вырезать из скриншота окончание подложки, разместить в рабочем поле элемент Image и подменить ее на нужную. Мы сделаем это в самом конце, потому что сейчас просто лень и есть более важные задачи. Например, поставить логотип.

Как раз сейчас мы и разберем подмену картинок. Это достаточно просто — надо вытащить в рабочую область элемент Image и, не изменяя его размеры, два раза кликнуть по нему. Откроется диалоговое окно, в котором мы должны выбрать файл изображения. После того, как мы нашли нужную картинку и нажали «OK», Axure задаст вопрос:



Если отказаться — выбранная картинка будет подогнана под размер элемента Image. Если согласиться — картинка будет вставлена в том размере, в котором она существует. Как правило, приходится соглашаться.

Чтобы прототип смотрелся более живо, изображение с баннером я своровал со скриншота. Но, в принципе, можно для этих целей использовать элемент Placeholder — ничего в этом страшного нет.

Подавляющая часть оставшегося интерфейса — текстовая. И операции по ее реализации ничем не отличаются от уже проделанной работы. Так что тем, кто заинтересовался проектированием в Axure и хочет попробовать свои силы, я могу предложить скачать недоделанный проект главной страницы Яндекса и проработать оставшиеся элементы самостоятельно.

Саму программу можно скачать с официального сайта. Триальная версия будет работать со всеми функциями в течение 30 дней.

Да, кстати, я не имею никакого отношения к этой программе и к компании, разработавшей ее. Этот инструмент был выбран исключительно из-за того, что из всего набора софта, который я перепробовал для проектирования, Axure понравилась больше всего. Я не исключаю того, что вы будете пользоваться другим софтом. Например:

1. Обзор средств визуального проектирования.
2. 18 Wireframing, Mockup And Prototyping Tools To Plan Designs.

P. S. Если статья понравится, я с удовольствием напишу еще одну-две, в которых более подробно расскажу об оформлении и функциональных возможностях каждого из элементов, а также о том, как работать с интерактивностью и динамическими панелями.
Ярослав Деревягин @Yaroslav
карма
19,2
рейтинг 0,0
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Самое читаемое Дизайн

Комментарии (76)

  • +3
    Мне привычнее бумага + карандаш + резинка.
    • +6
      Я всегда до начала работы в Axure набрасываю интерфейс на бумаге. Просто в софте он получается аккуратнее и нагляднее. Не стыдно заказчикам показывать ;)
      • 0
        Ваша правда. Axure моих ожиданий не оправдала как инструмент прототипирования. Возни много, а результат так себе. Практически начинал всегда с «бумажного» интерфейса (бумага, мягкий карандаш, резинка), потом воплощал на axure… После ряда проектов почему-то проше стало прототипы рисовать просто в статическом HTML.
        Навигация работает, а динамику заказчику просто рассказывал, он домысливал вполне успешно.
    • +7
      Согласен, особенно если бумага отсюда
      • 0
        Отличная ссылка, спасибо. А ещё кто-то не так уж давно писал о блокноте от Яндекса, разлинованном в треугольник — вот такую бы PDF-ку найти где, очень уж охото попробовать…
        • 0
          А чего искать, взял и сделал… narod.ru/disk/23832971000/grid.zip.html Там pdf, чтобы напечатать и .ai если что то поменять приспичит.
          • 0
            Большое спасибо. Извините за нескромность, я хотел бы Вас ещё кое о чём попросить: если Вас не затруднит, сделайте линовку побледнее (бледно-серой вместо чёрной) и/или пунктиром пореже (чтобы обведённые простым карандашом линии было чётко видно на фоне остальных) и выложите также в PDF. К сожалению Ваш AI-файл не открылся в InkScape, а Illustrator-а у меня нет :-(
      • 0
        Какие молодцы, честное слово! Как мне такого в 2008-м не хватало!
    • 0
      Также, но вот заказчику презентабельнее показть в таком виде, нежели наброски, которые наваял на коленках в туалете :)
  • 0
    Почему именно этой программой пользуетесь?
    Приведите в статье ссылки на аналоги.
    • +2
      В свое время я обнаружил в ней весь необходимый мне функционал. Скорость разработки прототипа вполне приемлемая. Спасибо за совет, дополнил статью двумя ссылками на обзоры средств визуального проектирования.
      • +1
        Цена кстати у нее не детская — фотошоп с корелом купить можно.
        • 0
          но статью однозначно в избранное. А кроме сайтов там какие варианты проектов есть ??? есть что нибудь для iPhone app интерфейсов ???
          • 0
            Да что угодно можно там делать. Библиотеки создаются и редактируются, вариативности по оформлению элементов более, чем достаточно. Правда, готовых библиотек под iPhone я не встречал.
          • 0
            Для Айфона есть хорошие бесплатные библиотеки, для Айпада и Андроида видел платные
  • –3
    быстрее сверстать однако
    • 0
      видимо кому-как
      • –4
        мне быстрее сверстать чем в том же фотошопе рисовать
        • 0
          а это и не фотошоп
    • 0
      >быстрее сверстать однако
      а если это не сайт, а программа??

      что проще все приложение написать или заказчику прототип интерфейса во всем его взаимодействии показать ???
      • 0
        Какое-то странное и оффтопное «а если»…
        Ибо как топик зовется «Основы проектирования веб-интерфейсов в Axure RP Pro»
        • 0
          Ну не придирайтесь к словам :)
          Подразумевалось веб-приложение — те где помимо внешней составляющей имеется движок обеспечивающий функционал
  • +5
    Ну вот опять. Как с фотошопом — пушкой по воробьям. Axure — это в первую очередь средство для создания интерактивных прототипов. Там можно делать переходы, показать почти все, что будет сделано на JS и прочее.

    На родном сайте очень много информации: www.axure.com/online-training.aspx

    Если вам нужно средство для рисования, то на Хабре много раз приводились примеры аналога Balsamiq Mockups. Причем бесплатные. Вряд ли тут все купили Axure за кучу денег.

    Я остановился для картинок на Pencil Project
    • НЛО прилетело и опубликовало эту надпись здесь
      • +2
        Есть шутка у проектировщиков, что Balsamiq это Comic Sans проектрирования интерфейсов :)
    • 0
      Ну аксур на самом деле очень простая прога. Даже руководство не надо читать.
      А настоящая пушка это Microsoft Expression Blend
      • 0
        Не ошибусь если скажу, что почти все веб средства простые и ничего не надо читать. В этом и смысл — быстро накидать макет. «Быстро» — подразумевает «просто»
  • +4
    Если «всегда под рукой» и по быстрому, то очень удобен
    gomockingbird.com/mockingbird/

    Для проектирования скорее это, несколько движений и прототип готов.
    • 0
      Да, им тоже пользуюсь для совсем быстрых задач. Правда, говорят, он платный скоро станет (более 3 проектов).
      • 0
        Если не ошибаюсь, он станет полностью платный gomockingbird.com/launchinfo/
        • 0
          Да, совсем грустно.
    • 0
      Да-да, хорошая штука. Но вскоре там можно будет вести только 1 проект на 2 страницы :(
  • 0
    Еще бы кнопку «Создать сайт» )
    • 0
      Есть такая кнопка для просмотра прототипа в браузере, F5 называется, но в код лучше не смотреть. Это даже круче, чем Word… :)
  • +2
    $589 — слишком дорогое удовольствие. Есть похожие решения, которые значительно дешевле. Например, FlairBuilder как–то интереснее в плане сочетания цены/функциональности. Ещё пробовал ForeUI, нно FlairBuilder приятнее. Оба симуляцию делают без проблем.
    • 0
      Зачастую вопрос цены соседствует с вопросом «а есть ли таблетка?»
      • 0
        У нас такой вопрос не стоит… Должно быть без лекарств. Если найдут что–то вылеченное, можно загреметь на такие деньги, что цена на Axure покажется несущественной. Поэтому и ищем более приятные альтернативы.

        Вообще, мне не совсем понятны такие цены. Проще было бы играть на объёме, чем на цене. Понятно, что за доллар продавать смысла нет, но и $589 – это явный перебор при существующих значительно более дешёвых таких же продуктах.
        • 0
          Перебор — это у iRise Studio.
          Axure настолько дорога, что была чуть-ли не первой программой для создания интерактивных прототипов. Когда я смотрю аналогичные решения, то часто вижу, что многие фишки скопированы с Axure. Естественно, что копипастить дешевле, чем создавать :) Может поэтому Axure дорогая?
          Вот взять, например, FlairBuilder — там даже интерфейс ооочень похож на аксуровский. С другой стороны, привыкать к новому после Axure проще и дешевле :)
          • +1
            Все копируют идеи. Посмотрите на современные смартфоны :)

            Помнится, когда Дитера Болена обвинили в плагиате с Queen, он ответил: «Да, похоже, но, Вы знаете, иидею витают в воздухе...».
        • 0
          Дорого? Вот всегда не понимал на основании чего люди говорят «дорого». Надо говорить " я не в состоянии купить".

          Они так оценили свой продукт. Не нравится, не покупайте и ради бога не воруйте.

          Назовите 2-3 продукта с такой же функциональностью, но меньше по цене. Подчеркиваю, с такой же функциональностью.

          У нас, например, даже не думают, что для рисования есть что-то кроме ворованного фотошопа. Зачем? Все ведь доступно в торрентах. Но, простите, вы же на этом продукте деньге зарабатываете и большие, раз нужен только фотошоп и axure. Ведь для другого есть другие средства: проще и дешевле (а то и бесплатно). Тот же fireworks (читайте в гугле photoshop vs fireworks)

          Извините, наболело.
          • +1
            Прикинул: я в состоянии купить их штук пять так вот сходу и без ущерба, но не буду :) А воровать – точно не буду :)

            Я должен сказать, что именно эту программу не пробовал, но вот FlairBuilder меня устраивает. Поэтому и не буду покупать Axure. Для меня нет смысла, будет напрасная трата денег. Для кого-то, может, и есть смысл, не спорю. Каждому — своё.
          • 0
            опять холивар про авторские имущественные права. На пользователях наживаются самым бессовестным образом, а пользователи умоляют своих коллег «не воруйте, ради бога»…
      • 0
        а как же без таблетки то! как раз недавно вышла :)

        isohunt.com/torrent_details/205541361/Axure.RP.Pro.v5.6.0.2158.for.Windows.Incl.Keygen-BEAN
  • 0
    Пользуюсь Adobe Illustrator
  • 0
    Очень удобная вещь, но и стоит тоже прилично.
  • 0
    бумага и карандаш вне конкуренции…
    • +1
      Смотря для каких случаев. Если Вы разрабатываете простенький сайт, то да бумаги хватит. А если что-нибудь сложное (например, система поиска грузов), то согласовывать с клиентом 100-150 листков в высшей мере неудобно.
      Axure для создания интерактивных прототипов.
      Illustrator, PS, Fireworks — для статичных. В этом случае прототип не отправляется в помойку, а дорисовывается и получается дизайн.
    • 0
      Только для статики. Если сайт сложный и запланирована динамика (переходы, формы, окна), то на бумаге сложно объяснить.

      Но если надо просто накидать концепт, то как правило, хватает или бумаги, или простого веб средства
  • 0
  • 0
    отличная вещь, уже 1,5 года работаю с Axure
    • +1
      купили?
      • 0
        уже выезжаете?
  • 0
    «Проектирование веб-интерфейсов»
    «Для начала делаем скриншот исходника»
    • +1
      Вопиющее несоответствие, согласен. Целью статьи было показать основные возможности программы за исключением интерактива. Добавил в заголовок «Основы».
  • 0
    а под linux нет…
    • 0
      Под линух или что-то веб (flash) или Pencil Project как плагин в Мозилле. Но там только скетчи, без динамики
    • 0
      Под Linux точно заработает FlairBuilder — он на AIR.
      • 0
        под линухом есть виртуалбокс
  • 0
    Качественно и детально проработанный и согласованный с заказчиком прототип в Axure значительно увеличивает скорость разработки. Это действительно большая работа, но потом и дизайнер, и верстальщик, и программист просто берут и делают свою работу, не отвлекаясь на согласования и т.п. Для больших проектов такая работа оправдывает себя. А маленький и понятный сайт можно и на бумаге рисовать — это да.
  • 0
    Да, Axure очень классный инструмент. Использовал его на старой работе. На такой качественный софт не жалко денег. Сейчас использую www.mockflow.com, достаточно неплох, да и бюджетен(есть бесплатная версия с ограничениями). Хотя признаться очень скучаю по Axure, но начальство уговорить на такие затраты не получается.
  • 0
    Для маленьких проектов вещь действительно может снизить расходы и увеличить скорость. Что же касается больших проектов, то тут дело обстоит немного иначе.

    1. Пргармма изначально бедная я бы сказал низщая по возможностям, но это не значит что она худшая. К примеру нету вполне очевидных веще из коробки и только благодаря сторонним решениям (библиотека и т.д.) можно получить практически все что угодно

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

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

    4. Очень не хватает таких вот полосочек которые появляются когда я хочу некий эл. на страницу вынести… такие есть у омни плана и у многиъъ других Мак приложений

    5. Очень начинает тормозить когда много страниц становится

    6. Я для совместной работы исп. дропбокс, кладу туда базу Shared project и все, конечно работа она не совсем совместная — ну т.е. над одной страницей не поработаешь вместе одновременно, но все же распараллелить уже что то может.

    В уелом программа наверное сейчас лидер по цена/качество, большинство возожностей можно получить используя только сторонние разработки и в целом программа крайне необхоидма, но в больших и трудных проектах выплывают моменты которые заставляют ее ненавидеть
    • 0
      Очень тяжело читать ваши комменты :(
    • 0
      2. карта сайта та что слева, очень не удобна при большом проекте, т.к. как в нем не будет прямой связи потом — родитель
  • НЛО прилетело и опубликовало эту надпись здесь
  • НЛО прилетело и опубликовало эту надпись здесь
  • 0
    Когда нет интернета под рукой пользуюсь wireframesketcher.com/ под еклипсом, а так в основном gomockingbird.com/mockingbird/ правда грузится долго на 57% висит но грузится
  • 0
    Так и хочется сказать про боян, и что давно и не раз обсуждалось на хабре. Но как инструкция для новичков уж очень хорошо читается :)
    Молодец.
  • 0
    Я попробовал Axure. Какие минусы для меня как программиста:

    — нет стилей. Самых примитивных. Кто-то недавно придумал как ссылку сделать подчёркнутой пунктиром — через мастера.

    — нет доступа к js, а вроде добавить его тривиально. Как результат, с интерактивностью надо воевать, а не использовать.

    — при создании файлов создаёт их русскими буквами, — на unix выложить уже проблема. Мелочь, но всё же…

    Возможно, для человека, не программирующего вообще, эти минусы не имеют значения. Я же сейчас смотрю в сторону чего-то более продвинутого. Может быть даже Dreamweaver + jQuery…
    • 0
      вы хотите делать не прототип, а чуть ли не готовый продукт. прототип должен быть максимально простым, станджартным и не похожим на реальный продукт, дыбы не вводить в заблуждение. все эффекты можно просто ОПИСАТЬ словами.
      • 0
        Вообще-то в Axure есть масса возможностей для создания динамический сайтов. Именно модель с динамикой я и сравниваю с моделью в дримвивере.
    • 0
      стили можно назначить для (почти всего) но бедно — на уровне style editor (правда, подчеркнутую ссылку не сделаешь). Для захода в style editor надо нажать на незаметную пиктограммку в панели инструментов под основным меню рядом с выпадающим списком с элементом normal — и там задаем стили (или переопределяем существующие)

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

      с русскими буквами не только у unix проблема, так что лучше называть латиницей. это действительно скорее баг, чем фича. Но жить можно

      dreamviewer + jQuerry уже тяжеловато в том смысле, что начинаешь думать о коде, а не об интерфейсе (привет психологии-заразе)
  • 0
    Подскажите пожалуйста, как создать прототип с нормальным заголовком? Njtcnm кка менять стандартный Untitled в заголовке браузера?
    • 0
      В Axure RP Pro 6 когда создаёшь подстраницу и даёшь ей название — титл автоматически прописывается правильный.
  • 0
    Очень полезная статья!

    1. Как поставить навигационную крошку? Чтобы путешествую по прототипу, менялась автоматом в зависимости от текущего пункта в меню. Оч важный для меня))
    2. Как-нибуть можно контролировать выпадающее меню? Править виджеты или создавать?

    Заранее огромное спасибо
    • 0
      Подскажите это вообще реально?
  • 0
    Подскажите, пожалуйста, как дать элементам (shape, image и т.п.) адекватные названия? А то не могу найти

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.