Справочник Плакаты Лекторий Команда Вакансии Контакты

Гайдлайны для веб-проектов

Юля Мархадаева

Как графический дизайнер создаёт руководство по использованию фирменного стиля, так и веб- дизайнер фиксирует правила оформления веб-страниц — UIKit. В нём собирает базовый набор элементов интерфейса с описанием их состояний и правилами поведения.

Мы рассмотрим расширенную версию такого документа, который помимо набора кнопок, ссылок и других контроллов описывает правила и рекомендации по оформлению контента на сайте. Для удобства назовём его гайдлайн для веб-проектов.

Юлия Мархадаева
экс-руководитель веб-отдела

Как работать над гайдлайном

В отличие от UIKit, который дизайнер собирает по умолчанию для любого проекта, работа над гайдлайном — осмысленный этап. Создавать документ следует после разработки базовых страниц сайта — самых сложных и максимально насыщенных элементами интерфейса разного типа. В идеальном мире часть рекомендаций по использованию фирменного стиля в веб-интерфейсах появляется на этапе разработки айдентики — логичное дополнение и напутствие веб-дизайнеру.

В реальной жизни такое случается редко. Разрабатывая интерфейс, мы часто самостоятельно решаем, как адаптировать фирменный стиль к веб-среде, выносим предложения и внедряем новые элементы. Это отражается в альтернативной модульной сетке и дополнительных цветах, в новой графике (иконки, иллюстрации) и требованиях к фотографиям, в оформлении текстовых блоков разного типа и так далее. Чтобы не оставить клиента с нововведениями без оружия, фиксируем всё в гайдлайне.

Структура гайдлайна

Содержание гайдлайна для веб-проекта делим условно на два блока: базовые требования и дополнительные — специфические элементы в рамках определенного проекта. Если дизайн адаптивный, то важно описать поведение элементов при разных разрешениях страницы.

Когда нужен гайдлайн

Польза от гайдлайна будет, если проект развивается в непредсказуемых условиях. Когда нужно закрепить основные принципы и использовать их для развития. Например, для большого корпоративного сайта, который стартует в базовой версии, а в планах — постоянное тестирование, изменения, рекламные кампании.
Для небольшого промо-сайта или маленького интернет-магазина нет смысла составлять такой документ — можно ограничиться стандартными UIKit.

Польза гайдлайна

Агентство

Гайдлайн помогает распределять работу между исполнителями разного уровня. Концепцию проекта, ключевые страницы и гайдлайн разрабатывает «звёздный» дизайнер. Сборка остальных страниц — новичок. Он работает с готовыми прототипами страниц и подробным руководством по их оформлению. Гайдлайна формализует решения и может облегчить утверждение новых страниц с клиентом.

Клиент

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

Оценка и развитие гайдлайна

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

Гайдлайн лучше всего развивать и масштабировать на сложных проектах с большим количеством исполнителей. Вместо формального документа с фиксацией решений он будет живым рабочим инструментом дизайнеров. Следующий шаг — эволюция дизайнерского гайдлайна в собственный фреймворк для верстальщиков. Не такой масштабный, как Bootstrap или Foundation, но решающий локальные нужды проекта.

Читайте также

Вопросы аккаунт-менеджера к заказчику на пресейле
Саша Майер