Проектирование web-интерфейсов под Mac OS X и Windows

Часто, чтобы показать, что хочешь получить от исполнителя (дизайнера, программиста), я просто вырезал комбинацией клавиш Shift+Command+4 нужный кусок скриншота на web-странице и в Adobe Photoshop уже дорисовывал необходимое. Дело это неблагодарное под двум причинам:

1. Внимание к деталям на таком скриншоте слишком велико, и от этого никак не уйти,

2. Следствие этого — колоссальная потеря времени на вырисовывание того, что еще 10 раз может измениться.

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

Pencil (расширение для Firefox 6.0, работает в Mac OS X  и Windows) Free

Отличная бесплатная штука. Позволяет делать действительно хорошие интерфейсы в карандашном стиле. Вот пример:

Прототипирование интерфейса корзины Pencil

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

К сожалению, есть и минусы: разработка программы свернута. Последняя версия Firefox, где это все работает без глюков — 6.0. Напомню, сейчас уже 8.0 вышла. Это накладывает серьезные ограничения на работу, ведь актуальный браузер для разработчика — это важно. К тому же о глюках узнаешь не сразу, и в итоге не можешь сохранить свой уже сделанный интерфейс. Конкретно вот этот мне пришлось скриншотить и допиливать в фотошопе. Это печально, и я направился на поиски более стабильного инструмента. И я нашел его.

SwordSoft Layout (Mac App Store и Windows) $6,99

Вчера я сделал в ней первый свой интерфейс и был в восторге. Вот кусочек CRM-системы, которую я прототипировал:

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

Плюсы: понятность, легкость в освоении

Минусы: есть цена — 6,99 доллара. По мне — за такое сокровище это копейки, ведь аналоги стоят $75. Так что я это запишу даже в плюсы.

Думаю, удобство и безглючность программы Layout надолго прописали ее у меня на компьютере.

Поделиться

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *