Help For Web Developers

Помощь веб разработчику

  • RSS
  • Delicious
  • Facebook
  • Twitter

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

Пример
doc wireframes 01 thumb Проектирование веб сайтов. Структурные схемы страниц (wireframes)
doc wireframes 02 thumb Проектирование веб сайтов. Структурные схемы страниц (wireframes)
doc wireframes 03 thumb Проектирование веб сайтов. Структурные схемы страниц (wireframes)


Назначение
  • Постановка задания дизайнеру. При отрисовке макетов страниц дизайнер должен не забыть все указанные в wireframes элементы и учитывать расставленные акценты.
  • Постановка задания разработчикам. Команда разработки должна руководствоваться wireframes при создании функционального прототипа системы (уже работающая система, к которой еще не «прикручен» дизайн).
  • Демонстрация инвесторам и потенциальным пользователям. Система может быть показана заинтересованным лицам уже через несколько недель после начала работ.

http://www.uimodeling.ru/process/documents/wireframes.html

ПОЛЕЗНОЕ:

Блочная разметка в проектировании

Building a Website Wireframe in Illustrator

Юрий Ветров. Управление проектами и проектирование интерфейсов

Похожие записи

Друзья и партнеры

  • Отличный не дорогой хостинг с качественной техподдержкой:

    Русскоязычный фотобанк (фотосток). Покупка и продажа фотографий.

    Фотобанк Лори: лицензионные изображения и фотографии