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

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

Игорь Джазов: отзывы о курсе дизайнер мобильных приложений

Средств для так называемого визуального проектирования становится с каждым годом все больше. Наибольше поклонников у довольно тяжелой программы под названием Axure RP Pro.

1. Карта сайта

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

Кнопки в панели используются для быстрого доступа ко главным функциям. Эти же действия выполнять можно с применением контекстного меню, которое выпадает по клику ПКМ на элементе.

web design  Основы проектирования веб интерфейсов в Axure RP Pro

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

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

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

Для того, чтобы поместить элемент на страничку, применяется метод Drag and Drop.

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

web design  Основы проектирования веб интерфейсов в Axure RP Pro

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

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

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

Нажмите кнопку AddMaster Два раза кликните по созданной мастер-панели Редактируете мастер-панель, добавляете на нее нужные элементы Правой кнопкой мыши жмете по названию мастер-панели и вызываете контекстное меню Жмете «Add To Pages» Выбираете нужные страницы Выбираете позиционирование панели Жмете «ОK» и наслаждаетесь размещенной мастер-панелью.

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

web design  Основы проектирования веб интерфейсов в Axure RP Pro

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

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

web design  Основы проектирования веб интерфейсов в Axure RP Pro

 

Рекомендую: Авторский видеокурс «Проектирование интерфейсов в Axure Pro»

web design  Основы проектирования веб интерфейсов в Axure RP Pro

 

 

 



Поделитесь с друзьями






Комментировать с помощью Вконтакте