3 сервиса необходимые для эффективной работы с дизайнером
Чаще всего, техническое задание предоставляется в ворде, а результаты работы отправляются в виде готовых макетов в jpeg или png, в psd для верстальщика. Правки даются в чате – редко удается понять друг друга с первого раза, и дизайнер часто правит не то, на что вы указываете. Некоторые комментарии вообще теряются, и приходится их дублировать, а это раздражает, наверное, больше всего.
Есть много способов решить названные выше проблемы – расскажу, как с ними справляемся мы. Наша компания, Все ломбарды ру, является агрегатором ломбардов: заемщикам позволяет найти место с самыми лучшими условиями займа, а ломбардам приводит новых клиентов.
Прототипирование
Первым делом необходимо сформировать правильное ТЗ. Сразу советую забыть про word и выбрать программу для этого специальную программу. Их существует огромное множество – рекомендую ознакомиться с подробным обзором сервисов от Текстеры. Мы используем moqups.
При создании нового проекта появляется белый холст с модульной сеткой, также возможно создание проекта из нескольких страниц. Слева сайдбар с элементами, которые можно разместить на холсте. Справа параметры форматирования этих элементов: цвета, шрифты, размеры и т.д.
Интерфейс сервиса интуитивно понятен, поэтому не будем останавливаться на его описании. Макета из данного сервиса дизайнеру будет достаточно, чтобы отрисовать примерно то, что вам будет нужно.
Мудборд
Еще одним необходимым элементом ТЗ является мудборд. Это определенный набор элементов, который будет использован в дизайн-макете:
- Шрифты
- Поля для ввода
- Кнопки
- И этот список можно продолжать до бесконечности
Примеры стоит поискать в готовых шаблонах. Для этого можете воспользоваться магазином готовых тем, например, этим. Мы уже выбрали тему для нашего сайта, скриншот элементов мудборда прикрепляю ниже.
Внесение правок
Когда дизайнер закончит – попросите скинуть результат не архивом, а с помощью сервиса для комментирования. Например, этого, он полностью бесплатен. С помощью него вы сможете выделить нужный вам элемент и написать комментарий. Так дизайнер будет точно понимать, какой элемент редактировать и точно не потратит время впустую.
Окончательно утвержденный макет можно по старинке передать в psd с помощью одного из облачных хранилищ. Мы используем Гугл Диск.
Статья кратко
- Для создания ТЗ используйте сервисы прототипирования
- Для создания мудборда используйте готовые темы или сайты
- Для комментирования дизайна используйте специальную программу
P.S.
Если Вам было интересно и хотелось бы видеть ещё такие статьи — поднимайте и комментируйте статью, делитесь ей в социальных сетях.
Также я веду колонки и на других площадках (vc.ru, хабр, cossa и т.д.) – следить за всеми публикациями в одном месте можно в телеграм канале.