глава вторая: понимание задачи (черновик)

Понимание задачи:
требования к разработке дизайн-макетов внутри команды

Процесс создания дизайн-макетов и передача их в разработку требует учёта ряда факторов не очевидных на первый взгляд, которые зависят от особенностей рабочих процессов компании, для которой выполняется заказ.
Перед началом всех работ необходимо разобраться в этих нюансах, чтобы избежать недопонимания и гарантировать качественно выполненную работу в соответсвии с ожиданиями не только заказчика, но и команды. В первую очередь рекомендуется уточнить, какие форматы макетов предпочтительны. Некоторые компании работают в Figma, другие предпочитают Pixso или Sketch. А возможно, ещё кто-то может использовать Photoshop, хоть в это и трудно поверить, но всё может быть.

При разработке макетов важно выяснить, существуют ли внутренние гайды, регулирующие дизайн: например, у команды может существовать базовые правила. Например, шрифты для дизайн-макетов используются только подключаемые из Google Font или в компании существуют особые правила создания фавиконки. Ниже на скриншоте можно ознакомиться с подобным правилом для дизайнера из агентства, где я работаю.
Правило создания фавиконки для сайта
Кроме этого, важно узнать о том, как выстроен процесс самой разработки внутри команды. Так как в одном агентстве к дизайнеру может быть предъявлено требование создавать макеты для десктопа и всех мобильных устройств, а в другом адаптация макетов под мобильные устройства может быть полностью или частично передана верстальщику на этап вёрстки. Не зная этого, вы либо выполните дополнительную работу, либо наооборот.
Пример адаптации главной страницы под разные устройства
Также хотелось бы рассказать ещё об одном примере из личного опыта. В нашем агентстве подготавливая макеты к вёрстке вне фреймов я составляю наборы иконок и фонов для верстальщика. Это не является фиксированным правилом в инструкции, но является негласной договорённостью. Так как это позволяет верстальщику быстрее вести свой этап разработки проекта. Поэтому обратите внимание на такие моменты, и поговорите с командой на эту тему.
Демонстрация проекта с вынесенными вне фрейма иллюстрациями и иконками для быстрого экспорта

Также имеет значение знания об уровене навыков специалистов, которые будут работать с вашими дизайн-макетами. Верстальщик, например, может быть опытным в современных технологиях, таких как CSS, или же использовать более базовые методы. Понимание его возможностей поможет вам создавать макеты, которые он сможет реализовать без нарушения сроков сдачи проекта. Кроме этого, верстальщиками часто используется фреймворк Bootstrap для создания адаптации под разные устройства. Если команда применяет его, необходимо учитывать сетку и компоненты Bootstrap в своих макетах. Это обеспечит соответствие вашего дизайна ожиданиям команды.
Пример модульных сеток
Точно так же важно учитывать навыки программиста. Если команда использует определенные языки программирования или интегрируется с конкретными платформами, ваш макет должен быть готов к таким требованиям. Например, если проект будет интегрироваться с системой управления сайтом на платформе 1С-Битрикс, важно предусмотреть особенности её структуры и типовые компоненты. Это может повлиять на подход к проектированию вами страниц сайта.
Пример типовых модулей 1С Битрикс
Стоит обратить внимание на общий стек технологий, используемых командой. Например, если проект разрабатывается на базе Vue.js или React, ваш дизайн должен соответствовать принципам этих фреймворков.

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

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

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

Другие уроки