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

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

Буду прикреплять макеты,  и писать некоторые комментарии к ним.

Wireframe (или темплейты) —  т.н. «проволочные» схемы страниц для сайта. Они отображают наличие и группировку элементов на странице; к ним прилагаются комментарии о выбранном решении и(или) поведении этих элементов.

Итак, Part 1: рисуем wireframe. Инструмент: Vizio.

Данный векторный редактор, применяемый для создания диаграмм, превратился в стандарт де-факто для  дизайнеров интерфейсов и информ. архитекторов.

Легок в освоении, содержит множество интересных библиотек от создания схемы сети до создания итерфейса пользователя в духе Windows. Имеет множество положительных отзывов, поставляется в пакете MS Office.

Использую: а) создание карты сайта

б) создание статичных темплейтов

О создании динамичных (интерактивных) и их пользе будем говорить позже… 🙂