Что такое гайд в дизайне

Что такое гайд и как сделать его действительно классным

«Guide» в переводе с английского означает «путеводитель» или «гид». Гайд в современном понимании — это инструкция, которая логично, подробно и пошагово показывает решение какой-либо конкретной задачи. Задача при этом может быть любой — создать и отредактировать Google Docs, разработать структуру сайта, зарегистрироваться в диджитал-сервисе, написать контент-план для группы «ВКонтакте», пройти очередной этап в очередной компьютерной игре или вкусно пожарить свинину.

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

По этой инструкции можно попробовать самостоятельно собрать шкаф

Особенностями гайдов можно считать:

• Четкую направленность. Один гайд — одна тема или одна задача.
• Ситуативность. Обычно в гайдах указывают, для кого это инструкция предназначена и в каких случаях она точно будет полезна.
• Алгоритм действий. Гай представляет собой не просто перечень действий, а их логическую последовательность, необходимую для достижения результата.

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

«Чтобы создать новый документ в Google Doc необходимо:

1. Зарегистрировать аккаунт в Google (гиперссылка).
2. Перейти в Google Docs.
3. Кликнуть на значок „Пустой документ“ рядом с шаблонами брошюр, презентаций и резюме.

Вы окажетесь на странице нового текстового файла, в котором можно набирать текст» — это короткий гайд.

Важно: «А почему вы говорите гайд, опять эти англицизмы! Скажите проще — обзор!» — Нет, это так не работает. Обзор это описание сервиса или продукта, его характеристик. Обзор отвечает на вопрос «Что это?» Гайд же обозначает действия пользователя и отвечает на вопрос «Как я могу это сделать?»

Задачи, которые решает гайд

Стратегическая задача гайда показать человеку руководство к действию и показать, какие конкретные шаги нужны для решения конкретной задачи. Гайд помогает:

• Заинтересовать целевую аудиторию и собрать трафик. Гайды отлично работают в блогах, например, и нередко по тематическим запросам попадают на первую страницу поисковой выдачи.

Пример руководства на первой странице поисковой выдачи, сразу после быстрых ответов

• Объяснить тематические термины. Например, принятые в маркетинге сокращения — LTV, CAC, ROMI.
• Дать легкий для восприятия материал. В том числе на не самые простые темы.

Пример кейса: Полный гайд по микроразметке Shema.org: как сделать, проверить и разместить

• Зацепить людей, находящихся на определенной стадии изучения вопроса. Гайды обязательно учитывают степень осведомленности аудитории, гайд для новичка и для эксперта в одной и той же теме будут различаться кардинально.

Виды гайдов в интернет-маркетинге

В маркетинге используют такие основные виды гайдов:

• Инструкция для проведения исследований, например, для проведения глубинного интервью. Руководство описывает процесс подготовки, действия организатора, дает перечень вопросов, которые можно адаптировать под свой бизнес и задавать аудитории.

Начало гайда по проведению глубинных интервью

• Гайдлайн (guideline). Это технический документ, которые описывает как работать с фирменным стилем бренда — логотипов, товарным знаком, типографикой, фирменными цветами. Незаменимая штука для дизайнеров и верстальщиков; полезно и маркетологам, которые следят за тем, как соблюдается фирстиль бренда.
• Кат-гайд (cut guide). Это инструкция по реализации процессов: руководство как создать сайт, как выложить товар на полках (мерчандайзинг), как подобрать ключевые слова для статьи, как сделать 3D-визуализацию проекта.
• Гайд по технологиям. Применяется в IT-отрасли, преимущественно при создании сложных решений, например, может быть описано создание облачного хранилища. Предназначены для специалистов, новичкам и сочувствующим дадут разве что самое общее понимание процесса.

А вот такие гайды-мемы можно встретить в социальных сетях

Форматы гайдов

Основных форматов гайдов четыре, и это:

Инструкция по эксплуатации или подключению

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

Пример инструкции по подключению видеокамеры к телевизору

Пошаговый процесс достижения цели

Как заниматься йогой, чтобы похудеть за две недели на 5 килограмм, как сесть на шпагат за 30 дней — примеры таких инструкций. Нередко пошаговые инструкции используют и в кулинарии, для визуализации приготовления блюд. Например:

Теперь приготовить свинину с нутом точно будет проще

Вопросы и ответы

В таком формате тоже может быть представлен гайд. Это тоже своего рода инструкция, в которой каждый вопрос обозначает отдельный шаг в пределах выбранной темы. Например, гайд «Как в 2022 году работать самозанятым» может включать ответы на такие вопросы:

• Кто может стать самозанятым?
• Какие виды деятельности доступны самозанятым?
• Где я могу зарегистрироваться в качестве самозанятого?
• Где и как мне добыть чеки об оплате, чтобы отправить их заказчику?
• Как я могу подтвердить свой доход?
• Как и когда я узнаю, сколько мне нужно уплатить налога?
• Как мне проще всего уплатить налог?

Гайд-экспертная оценка

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

• Как создать новый документ в Google Docs 3 разными способами.
• Как зарегистрироваться в качестве самозанятого через сайт ФНС, через приложение «Мой налог» и через банк СБЕР.
• Какие 3 инструмента можно использовать, чтобы быстро разработать контент-план.

Этапы создания гайда

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

Ничего в интернет-маркетинге не бывает просто так

Ниже вас ждет короткий гайд по созданию гайдов.

1. Определите целевую аудиторию

Вы намерены написать руководство по выращиванию грибов в домашних условиях для тех, кто только присматривается к теме, или для тех, у кого дома уже растут шампиньоны и вешенки? От этого зависит информация, которую вы будете собирать и давать. А это или как выбрать сорт грибов и грунт, или как повысить урожайность на 25 % с помощью особых технологий освещения и подкормки.

2. Выберите конкретную тему гайда

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

3. Изучите тему и используйте личный опыт

Личный опыт прекрасное подспорье при создании гайдов. Специалист по таргетированной рекламе напишет про алгоритм работы с рекламным кабинетом «ВКонтакте», даже не изучая дополнительные источники, а самозанятый, работающий в этом статусе легко расскажет о процедуре регистрации, опираясь на собственный опыт. Если же опыта нет, необходимо погружение в тему, изучение нюансов, по возможности самостоятельно прохождение всех шагов, о которых пойдет речь в гайде. Очень хорошо воспользоваться помощью экспертов. В любой диджитал-тематике найти их можно на бирже Workspace в разделе специалистов по комплексному маркетингу — их зарегистрировано больше 1 000 человек.

4.Составьте подробный план

Распишите в нем:

• Кому и когда будет полезна информация.
• Какую задачу можно решить с помощью гайда.
• Как именно решать эту задачу.
• Какова последовательность действий.
• Какой результат получит пользователь, применяя руководство.

5. Подготовьте материал

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

6. Добавьте визуальный контент

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

Пример гайда «Как сделать кролика в технике оригами»

Как сделать гайд по-настоящему классным: 9 советов

А теперь немного о том, как сделать не просто среднестатистическую инструкцию-объяснялку, а эффективный гайд, который будут сохранять и которым будут делиться.

• Не жалейте времени на изучение целевой аудитории. Если вы не понимаете, кто и с какой ситуации будет читать ваш гайд, лучше вообще его не пишите — толку будет мало. Если пропустить этот этап или отнестись к нему поверхностно, можно в гайде для новичков дать лишнюю и слишком сложную для них информацию, а в гайде для профи осветить давно известные азы.
• Следуйте принципу «чем меньше — тем подробнее». Чем меньше знаний у пользователей в теме, которую вы освещаете, тем более подробным и детально расписанным должен быть гайд.
• Позаботьтесь о том, чтобы тема была раскрыта полностью, а не фрагментарно. Если какие-то шаги будут пропущены, то человек, который решит воспользоваться гайдом, не достигнет своей цели и запутается.
• Сделайте текст легким для восприятия. Подумайте о форматировании — заголовок, подзаголовки, списки и абзацы, все это помогает легче воспринимать текст и усваивать информацию.
• Не философствуйте. Красивые образы, метафоры, экскурсы в историю — все это никак не вписывается в формат гайда. Информация должна быть четкой, конкретной и прикладной.
• Дублируйте информацию. Если тема располагает, делайте гайды и в формате текста, и в формате видео. Иногда это может быть очень актуально.

Пользователь просит продублировать информацию из видео текстом.

. и создатель гайда откликается:

Это пример грамотной работы с аудиторией

• Откажитесь от отвлеченных картинок. Котики, мемы, красивые девушки — все это в гайдах будет выглядеть как минимум неуместно. Все иллюстрации должны нести практический смысл.
• Не перебирайте с иллюстрациями. Вновь ориентируйтесь на степень осведомленности аудитории и на здравый смысл — например, вряд ли сегодня есть смысл показывать на картинке, где на компьютерной клавиатуре находится клавиша Enter.
• Обязательно показывайте результат. Если вы пишете гайд по регистрации самозанятости сделайте акцент: «Поздравляю, теперь вы зарегистрированы как самозанятый». Если вы пишете гайд по открытию магазина на маркетплейсе, покажите как выглядит только что созданный магазин.

Чек-лист: проверьте свой гайд на эффективность

Когда гайд готов, перед публикацией чекните его по нескольким пунктам.

Вот признаки гайда, который точно будет работать:

• Понятно, о чем гайд и для кого он.
• Нет сложных и, возможно, неизвестных аудитории терминов без их объяснения.
• Все действия выстроены логически, исключены варианты, что сначала идет «Кликните вот сюда и создайте новый документ», и только потом — «Зарегистрируйтесь в сервисе N».
• Тема от начала до конечного результата раскрыта полностью.
• Информация актуальна, учтены все самые свежие изменения/обновления.
• Нет лирических отступлений.
• Текст хорошо структурирован, в видео есть субтитры.
• Информация подкреплена наглядно — картинками, схемами, скринами.
• Показан результат, к которому приведут действия пользователя.

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

Workspace.LIVE — мы в Телеграме

Новости в мире диджитал, ответы экспертов на злободневные темы, опросы, статьи и многое другое. Подписывайтесь: https://t.me/workspace

Вакансии

• SMM-менеджер
  UnyBrands Удаленная работа 100 000 – 160 000
• Специалист для настройки VDS-сервера
  WISPO Удаленная работа от 2 500
• Administrative Support Manager
  F`ART Удаленная работа 70 000 – 150 000
• Технический специалист по контекстной рекламе
  Склифосовский ПРО Удаленная работа 20 000 – 30 000
• Специалист по контекстной рекламе
  Склифосовский ПРО Удаленная работа 50 000 – 90 000

Что такое «Стайл гайд»

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

Что входит в стайл гайд?

• Цветовая палитра.
• Типографика.
• Текстовые блоки с заголовками и без заголовков.
• Инпуты (поля для ввода данных).
• Компоненты.
• Сетка макета.
• Модальные окна.
• Описание анимации.

Цветовая палитра

Для каждого проекта цветовая палитра создается индивидуально, и состоит из 10 основных цветов; бывают ещё нейтральные (например, для фона плашек) и вспомогательные. Ключевые цвета используются во всех макетах проекта. Иногда, когда проект большой и цветов много, для удобства создаются группы цветов с общим названием по назначению.

Типографика и текстовые блоки

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

Инпуты

Нужно максимально полно отображать все состояния полей для ввода и выпадающих списков. Это поможет пользователю во взаимодействии с сайтом и упростит ему поиски нужной информации.

Компоненты

Элементы, повторяющиеся на всем сайте, в Figma превращаются в компоненты, а затем просто копируются по страницам: ссылки, кнопки, меню, чекбоксы и радиобаттоны и другие элементы дизайна. В свою очередь, компоненты могут иметь несколько вариантов отображения элемента.

Сетка макета

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

Модальные окна

Важно указать стилевое решение для всех модальных окон, состояние ошибок при заполнении, правильно заполненные поля.

Описание анимации

Анимация описывается в комментариях к макету страницы или же прилагается отдельный документ с примерами взаимодействий для того или иного блока элемента текста слайдера.

50 образцовых гайдов по фирменному стилю

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

Это всего лишь один из способов, который поможет сделать дизайн проще в использовании – создайте простой буклет, в который внесите фирменные цвета, шрифты, логотипы, эмблемы, шаблоны, слоганы и т.п. вашего бренда. Наличие всех этих деталей, зарегистрированных и зафиксированных, позволяет вам поддерживать свой бренд и быть уверенным, что ваша машина бежит плавно и в исправном состоянии.

Если вы запускаете свой стартап или малый бизнес, то легко увязнуть в текучке и позволить вашему руководству по фирменному стилю уйти на второй план. Чтобы доказать вам, почему это не должно произойти, мы собираемся показать 50 впечатляющих и подробных примеров руководств по стилю, которые, несомненно, подтолкнут вас приступить к созданию своего собственного уникального руководства!

01. Foursquare

Хорошее руководство по стилю должно затрагивать все основы вашего бренда, от важных вещей, таких как логотипы, типографика и цвета, вплоть до иконографии, символов и способа, которым ваш фирменный знак написан и стилизован. Ознакомьтесь с руководством для бренда Foursquare, оно дает подробные правила и указания по каждому элементу, что обеспечивает бренду полный контроль и согласованность между всеми его атрибутами. Обязательно прочитайте это руководство на Issuu.

02. AMD

Что может быть лучше для личного бренда дизайнера, чем показать насколько он ориентирован на детали, она выбрала разработку подробного руководства для себя. Дизайнер Аманда Мичиру (Amanda Michiru) разработала детальный справочник по своему личному бренду, который описывает как основу (создание логотипа), так и второстепенные элементы (палитры и многое другое). Этот гид короткий, но выразительный, только самое необходимое для сильного бренда, отличный пример создания руководства по стилю для новичков. Можете прочитать его на Issuu.

03. Animal Planet

Руководство по фирстилю действительно отличная возможность для дизайнеров объяснить сделанный выбор для бренда. Ознакомьтесь с руководством для канала Animal Planet, особенно со страницами про цветовые палитры. Здесь объясняется, как тщательно выбирался каждый цвет из животного мира, а затем рассказывается, какие эмоции заключает в себе каждый цвет. При создании собственного гайда, имейте в виду, что такое подробное описание каждого правила и причин выбора цвета облегчит процесс для тех, кто его читает и выполняет свои задачи, а вам будет легче контролировать процесс и принимать результаты работы. Посмотрите рекомендации здесь.

04. Apple

Все мы знаем, как выглядит коммуникация от компании Apple, не так ли? Откуда? Ответ очень прост – отлично построенный бренд, благодаря тщательному подбору рекомендаций по стилю. Этот гид для официальных дилеров продукции Apple – всего лишь один пример того, насколько педантичны ребята из Купертино. Краткие, но содержательные объяснения того, как использовать почти каждый атрибут бренда Apple. С таким гидом ни у одного ритейлера не будет оправдания его ошибки в поддержке бренда. Взгляните на рекомендации по идентичности Apple здесь.

05. Argento

Хорошая идея – адаптировать ваше руководство по стилю бренда, таким образом, чтобы гарантировать достаточно подробное описание деталей для действительно важных элементов. Возьмем, например, вино бренда Argento. Так как логотип Argento будет нанесен на многочисленные части упаковки, то во избежание ошибок при производстве, в руководстве крайне подробно описаны размерность, соотношение величин, подписи и цвета логотипа. Руководства Argento здесь.

06. Barnes & Noble

Это руководство по стилю является неофициальным набором рекомендаций для использования бренда Barnes & Noble, но это не означает, что он некрасиво составлен и его нет смысла читать. Этот вымышленный стайлгайд также подробен, как и любой реальный, он наглядно и информативно объясняет и разбирает логотип, подписи и суббренды. Законченный простым, но красивым дизайном, этот стайлгайд является удивительным образцом успешного набора рекомендаций по фирменному стилю. Подробнее о нем смотрите на Issuu.

07. Bing

В конкуренции с такими, как Google, необходимо иметь сильный набор руководящих принципов по стилю для того, чтобы сохранить свой бренд конкурентным. Bing объясняет почти каждое решение своего бренда, вплоть до размеров строки поиска, и почему она расположена именно так. Bing раскрывает много своих решений, для того чтобы им было легко следовать, и много правил, для того чтобы их было легко повторить. Прочитайте руководство Bing здесь.

08. Black Watch Global

Руководства по стилю – это информационный источник, поэтому он больше оценивается по форме подачи материала, но это не означает что он должен выглядеть без эмоциональным. Возьмем страницу из гайда Black Watch Global, где текстовые информативные правила облечены в напористом дизайне. Читая такое руководство вы не сможете заснуть – большие размер букв перетекает со страницы на страницу, стильная типографика и уникальная подача цветов. Узнайте больше о руководстве и дизайна на Mash Creative.

09. Bosphorus

Если вы не заинтересованы в таком авантюрном подход, как и в предыдущем примере, то более шаблонный подход к руководству может быть так же хорош. Это работа Майка Коллинджа для Bosphorus, которая легко и понятно для понимая дает информацию в цельном виде на каждой странице. Как всегда, посмотрите на свой бренд и решите подойдет ли вам такой минималистичный подход. Взгляните на подход Bosphorus здесь.

10. BPR

Не бойтесь выглядеть излишне экспериментальными с дизайном вашего руководства по стилю. Этот гид для BPR был выполнен в виде плаката. Почему? Потому что это отражает внутренних коммуникаций BPR, так при выполнение задания в офисе нет смысла листать гайд и искать нужно правило достаточно просто взглянуть на плакат. Изучите вашу обстановку и принципы работы в офисе, дизайнерам возможно будет лень открывать гайды и смотреть там информацию, оглядитесь вокруг и решите что подойдет именно вам. Возможно плакат это именно то что вам нужно. Можете более внимательно изучить работу Red Stone для BPR.

11. Calgary Chamber

Если вы акцентируете свое внимание на деталях, то, несомненно, вам будет полезно посмотреть руководство по стилю Calgary Chamber. Каждый элемент этого гида по фирменному стилю чрезвычайно подробно демонстрирует и объясняет, как сделать рекомендации по использованию бренда ясными и убедительными. В руководстве показано все, что возможно понадобится в будущей работе дизайнера: наполненные эмоциями (осмысленными и энергичными) палитры цветов, возможные градиенты, цветовые комбинации, шрифтовые комбинации, размеры и начертания (толщины). Взгляните на это руководство от Iancu Barbărasă.

12. Canadian Olympic Team

Когда дело доходит до такого важного события, как Олимпийские игры, вы хотите, чтобы ваш страна выделялась, и лучше сделать это с тщательно спроектированным и поддерживающим брендом. У канадской олимпийской сборной есть конкретный фирменный стиль, который запечатлен и подробно изложен в руководстве по стилю. Интересной особенностью является разработка каждого атрибута с возможностью написания дескрипшена сразу на двух языках, английском и любом другом (напр., на языке принимающей стороны). Поскольку доминирующими языками в Канаде являются французский и английский, то оба языка были представлены в данном руководстве. Ловкий способ адаптировать данное руководство к аудитории. Можете сами проверить.

13. Cemento

Иногда меньше на самом деле лучше. Проверить это просто на примере руководства по стилю для дистрибьюторов Cemento. Минимальный палитра, которая совпадает с фирменными цветами бренда; большие и броские заголовки, которые делают просмотр руководства быстрым и легким. В данном руководстве пристальное внимание уделялось паттерну торговой марки и его построению, так как этот паттерн значимая часть айдентики бренда. Еще раз: не забудьте адаптировать свой гайд по фирменному стилю в зависимости от того, какие элементы являются наиболее важными для вашего бренда. Смотрите гайд Cemento на BP&O.

14. Channel 4

У вас простой бренд? Хорошо, но, как мы видим на примере рекомендаций для Channel 4, даже простейший бренд нуждается в комплексном руководстве по стилю. В то время как общий замысел айдентики Channel 4 довольно прост, это не означает, что инструкции и правила использования бренда также просты. В руководстве довольно конкретные указания по размещению, размерам шрифта, применению логотипа и многое другое. Этот простой бренд уделяет столько же внимания деталям, как и любой сложный. Ознакомиться с данным руководством можно через Issuu.

15. Child of Light

Если вы думали, что руководства по фирменному стилю используют только корпоративные или розничные бренды, то вы ошибаетесь. Это руководство было создано для видеоигры Child of Light, оно тщательно проработано и составлено как корпоративный бренд. Это руководство объясняет каждое решение и подробно разбирает способ начертания логотипа в понятной форме, оно проливает свет на процесс для любого вовлеченного в творческую разработку игры. Помните: везде, где есть бренд, должно быть руководство по фирменному стилю, руководство по применению бренда в среде. Посмотрите итоговый гайдлайн и разработку на Behance.

16. Cisco

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

17. Don’t Use Me

В то время как большинство фирменных марок озабочены тем, что можно делать с брендом, также важно описать, что нельзя делать. Данное руководство предназначено для благотворительной группы Don’t Use Me (Не используй меня), оно описывает, что можно делать, а чего нельзя, когда дело доходит до использования своего бренда. С наглядными схемами и примерами все довольно легко понять с первого взгляда. Не бойтесь добавлять столько визуальных примеров, сколько можете, в конце концов, они помогут избежать любых недоразумений. Фирменное руководство Don’t Use Me здесь.

18. Double Knot

Не бойтесь экспериментировать с использованием собственных правил в собственном руководстве по стилю, вы можете извлечь выгоду из более простого дизайна, когда выносите важную информацию на передний план. Посмотрите на руководство Double Knot, которое использует фирменную цветовую гамму и правила верстки на протяжении всего руководства, делая тем самым собственное руководство примером использования того, что в нем написано. Прочитайте его с помощью Stylo.

19. easyGroup

Когда дело доходит до создания руководства, которое охватывает большой бренд, вы должны быть искусным, чтобы включить все его аспекты и не забыть обо всех суббрендах. Хорошим примером, который охватил все основы, является руководство для easyGroup. easyGroup охватывает небольшое число групп, таких как easyJet, easyMoney, easyAirtours и т.д., и каждая из них была объяснена в этой простой, но подробной форме в руководстве бренда головной группы. Конечно, чем больше бренд, тем толще руководство, поэтому не оставляйте без внимания важные элементы, в угоду краткости изложения. Ознакомьтесь с полным руководством easyGroup здесь.

20. Firebrand

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

21. Fitt Lab

Как мы видим в этом изощренном руководстве по стилю от Fitt Lab, идея разобрать элементы дизайна на части и пояснить их читателям всегда работает! Это дает читателям общее представление о том, как должен выглядеть логотип, как определить отклонения и как отрегулировать кернинг логотипа (межбуквенное расстояние) и т.д. Помните: чем более тщательно вы проработаете основу, тем более сильным будет ваше финальное руководство, и тем меньше в будущем будет случайностей и ошибок в использовании бренда.
Прочитайте руководство Fitt Lab для некоторого переосмысления вашего вдохновения.

22. Fogg

Скорее всего, ваш бренд будет применяться на более чем одном носителе, так что подумайте заранее, на каких возможных или гарантированных носителях будет размещен ваш бренд и/или его атрибуты, и включите их в руководство. В руководстве Fogg именно это и сделали, начиная с бланков до иконок приложения для смартфонов с конкретными примерами применения. Ваш бренд не сможет расти, если ваш дизайн не сможет предвидеть это рост! Получите вдохновение от руководства по фирменному стилю Fogg.

23. Google

Вы когда-нибудь слышали о термине «pixel perfect» (это техника верстки, при которой сверстанный HTML-шаблон в точности (пиксель-в-пиксель) совпадает с оригиналом, PSD-макетом)? Знаете, этим термином ребята из Google описывают не только свои иконки, но все то, что они делают. Google — огромный бренд, так что их руководство по визуализации каждого элемента подробно и тщательно изложено и охватывает все тонкости, вплоть до местоположения конкретного пикселя при создании иконок. Не бойтесь создавать высокие стандарты для вашего бренда (при условии, что у вас есть серьезные основания для этого). Просмотреть рекомендации по визуализации от Google можно здесь.

24. Hanes

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

25. Heineken

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

26. iO

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

27. Jamie Oliver

Значительная часть вашего бренда состоит из фотографических элементов? Тогда руководство по стилю — ваш шанс сформулировать закон и объяснить, как именно Вы хотите, чтобы ваши фотографии рассматривали. Это руководство бренда товаров для дома и еды от Jamie Oliver пробегает по основам брендинга, в стиле «что можно» и «что нельзя» делать с логотипом, и в тоже время, оно углубляется в использование образов, от правильного использования конкретного изображения к правильному способу окраски и правильному использованию их в коммуникации. Проверьте дотошный набор правил Jamie Oliver на Issuu.

28. Luvata

Требует ли ваш бренд фирменную униформу для своих работников? Если так, этот гид по стилю то, что вам нужно, чтобы объяснить все плюсы и минусы каждого элемента. Если вам нужно для этого вдохновение, тогда обязательно взгляните на руководство Luvata, которое рассматривает аспекты униформы и даже показывает брендирование транспортных средств и оборудования. В этом руководстве по стилю заботливо указаны цвета, зоны брендирования и стиль каждой части униформы для каждого отдельного сектора Luvata. Руководство Luvata – это разговор о внимании к деталям. Корпоративный Luvata & образ бренда Muggie Ramadani можете просмотреть на Behance.

29. Macride

Если вы новичок в стайлгайдах, вы можете спросить, почему так важно показывать строение логотипа? Особенно тогда, когда многие бренды никогда не пробовали повторить логотип. Думайте об этом, как о готовых продуктах, которые имеют в составе ингредиенты, перечисленные на упаковке, — не для того, чтобы вы могли воссоздать эти продукты самостоятельно, а чтобы потребители знали, из чего эти продукты состоят. Аналогичным образом, детальная декомпозиция логотипа в руководстве по стилю Macride позволяет дизайнерам выявить любые нарушения. Если дизайнер подозревает, что логотип составлен из неправильных цветов, неправильно собран или имеет неправильный шрифт, то он может обратиться к построению логотипа в руководстве для перепроверки. В итоге, детальное изложение цветов, градиентов и правил построения логотипа может спасти вас от несоответствий в брендинге. Для примера декомпозиции логотипа посмотрите руководство по стилю бренда Macride от Maurizio Pagnozzi.

30. Medium

Большинство людей лучше изучают и понимают концепции, когда им показывают четкие примеры. Так почему бы вам не использовать этот факт для вашего руководства, как это было сделано в руководстве по стилю бренда Medium. Оно включает в себя конкретные объяснения и разнообразные примеры, чтобы наглядно продемонстрировать ключевые правила оформления бренда. Прочитайте их типографские объяснения, где они на примерах иллюстрируют, как установить заголовки, основной текст и разместить цитаты. Просто имейте в виду: нет такого понятия, как понятие, объясненное слишком тщательно. Проверьте фирменное руководство Medium здесь.

31. City of Melbourne

В современном мире бренд есть практически у всего, и как мы уже писали выше, там, где есть бренд, должно быть руководство по управлению стилем бренда. Город Мельбурн имеет отчетливый и адаптивный брендинг, где логотипу в виде «М» дают новые узоры и цвета, чтобы удовлетворить требованиям различных направлений. Но эта адаптивность не означает, что город Мельбурн способен экономить на списках «что можно делать», а «что нельзя делать» с брендом, на самом деле это превращается в бОльшую ответственность, т.к. они должны быть еще более точными в своих правилах. Фирменное руководство города Мельбурна определяет цвета, которые допустимо и недопустимо использовать; эффекты, которые являются подходящими и неподходящими и т.д. На самом деле, это руководство по стилю так тщательно, что оно определяет, как назвать цифровые файлы. Если вы сомневаетесь, лучше добавьте еще некоторые детали. Прочитайте данное руководство на Issuu.

32. Miami Football Club

Это руководство — другой вымышленный пример, созданный как личный проект дизайнера Diego Guevara для Miami Football Club. И снова, этот пример создан и детализирован также как любой другой ‘официальный’ стайлгайд. Гевара чрезвычайно подробно проработал каждый аспект, от построения эмблемы, освещения смысла и вдохновения до единого брендинга и практического применения. Все это красиво оформленно в стайлгайде, и это впечатляющий пример (особенно, когда вы узнаете, что Гевара закончил его в течение одной недели). Можете прочитать здесь.

33. Nike Pro Services

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

34. Offroad Films

Это руководство по стилю для фильмов Offroad помещает контент с большим количеством графики и минимальным количеством букв на первый план. Проверьте огромный блок цвета, который показывает характерный цвет Offroad Films и крупную графику, которая говорит сама за себя. Это руководство бренда сохраняет вещи простыми и минимальными, но использованный масштаб играет большую роль в коммуникации каждого элемента. Просмотрите это руководство на Ink Inc.

35. Ollo

Когда вашего руководство по стилю собрано воедино, не забывайте о сохранении баланса между визуальной и информационной составляющей. Успешным примером такого руководства служит стайлгайд бренда Ollo, каждая страница которого заполнена текстовой информацией и дополнена визуальным примером на другой странице. Мало того, что это препятствует руководству выглядеть перегруженным, этот подход помогает объединить примеры для более легкого усваивания. Посмотрите руководство по стилю Ollo на Bibliothèque Designs.

36. Optus

Для своего бренда вы выбрали обычный шрифт? Или Вы используете шрифт по-особенному? Если второй вариант, то есть хороший повод, чтобы предоставить вам некоторые рекомендации относительно того, как это должно выглядеть в идеале. Телефонная компания Optus за прошедшие несколько лет провела ребрендинг, суть которого в плавном переходе от корпоративной эстетики до “жестокого некорпоративного” стиля, за это время они использовали два необычных шрифта. Поскольку эти шрифты более органичны и ручной работы, у каждой буквы есть 3 альтернативы написания, чтобы избежать повторов и сделать письменные сообщения похожими на рукописные. Чтобы гарантировать надлежащее и последовательное использование этих шрифтов, на протяжении всего руководства даются конкретные указания и примеры по использованию. Если есть какие-либо специальные настройки или методы в любом элементе вашего фирменного стиля, то не забудьте подробно описать их. Прочитайте руководство Optus на Behance.

37. Irish Red Cross

Иногда «чем больше, тем лучше», особенно когда дело доходит до информации в руководстве по фирменному стилю. Обязательно ознакомитесь с руководством по стилю ирландского Красного Креста (Red Cross), где каждый элемент приведен в большом масштабе, и в тоже время, компоновка остается минимальной и простой, с большим количеством свободного места, – оба этих фактора привлекают внимание к каждой странице. Красный Крест охватывает все основы брендинга в этом лаконично исполненном руководстве по стилю, что, безусловно, является образцом для получения вдохновения, как по структуре руководства, так и по дизайну руководства. Вдохновитесь этой работой на Creative Inc.

38. Royal Mail

Это руководство по стилю – простой набор из двух страниц рекомендаций окончательно оформленного ‘переосмысления’ руководства Royal Mail. Хотя это и неофициальное руководство, но этим двум страницам удается передать тон, эстетику и в общем и целом суть бренда Royal Mail. Для тех из вас, кто хочет создать руководство по фирменному стилю бренда, но не готов глубоко вникать в детали, это отличный образец со всеми основными элементами бренда: логотип, товарный знак, шрифт, цвет, типографика и автомобильная ливрея – все это зафиксировано на двух страницах. Для более детального изучения «переосмысленного» руководства Royal Mail перейдите на Identity Designed.

39. Skype

Мы увидели, как дизайн руководства может рассказывать о вашем бренде, теперь давайте поговорим о тексте в руководстве. Скорее всего, в вашем руководстве по стилю мало письменных описаний, все четко в рамках передачи рекомендаций и объяснений. Таким образом, увеличение буквенных описаний — хороший способ дать «услышать» голос вашего бренда в вашем руководстве. Фирменное руководство бренда Skype, делает только это, вставляя немного юмора, разговорный и дружеский тон в объяснениях, которые сформулированы как «Никогда не злоупотребляйте нашим логотипом, у него нет рук, так что он не может дать сдачи (но наши юристы, это другая история)». Выясните тон вашего бренда, и рассмотрите вопрос о внедрении его каким-нибудь уникальным образом в руководство, но не скомпрометируйте информацию, а постарайтесь усилить ее. Веселого чтения руководства по фирменному стилю Skype на Issuu.

40. Sony

Другой пример дотошного отношения к определению бренда иллюстрирует гид по стилю посвященный слогану «like.no.other» от Sony. Это руководство пробегает по «воздушному» пространству, расположению, размерам, фону и цветовым сочетаниям и размерностям шрифтов; он переходит в невероятно подробное описание каждой грани слогана, уделив большое значение его построению и показу. Если вы хотите увидеть, до каких глубин брендинга спускаются такие крупные бренды, как Sony, то посмотрите это руководство на Issuu.

41. Stihl

Иногда лучше просто сказать крупно и громко. В руководстве по стилю Stihl размещают основную рекомендацию на каждой странице простыми словами и огромным шрифтом, что делает невозможным игнорировать каждый посыл. Благодаря использованию простого разговорного языка — «Используйте этот цвет с этим цветом» — ничего не потеряется при переводе, и любой читатель в общих чертах получит представление о том, как поддерживать бренд просто листая страницы. Это руководство является подтверждением «легкости, простоты» бренда, с помощью использования реальных и простых наглядных примеров. Посмотрите руководство Stihl на Behance.

42. Sushi & Co.

Это еще один набор рекомендаций по фирменному стилю, которые сохраняют вещи крайне простыми и чрезвычайно минимальными, и в то же время сообщают основы бренда. Если вы ищете еще примеры стартового комплекта для бренда, то вы не должны пройти мимо этого гайда бренда Sushi & Co. Логотип, цвета, шрифт и иконография / паттерн являются основной бренда. Конечно, такой простой набор руководящих принципов не подходит каждой компании (т.к. многие требуют детализации), но в этом случае, минимальность элементов оставляет немного гибкости в области брендинга и методах применения. Чтобы посмотреть эти прикладные примеры и проект более подробно направляйтесь на Behance.

43. Swedish Armed Forces

Шведские вооруженные силы (Swedish Armed Forces) имеют подробные рекомендации по применению бренда, которые включают раздел, объясняющий концепцию и мысль главного логотипа и саблоготипов. Это руководство также глубоко погружает в образы – каким должен быть кадр, цвет кадра, на что фокус, что за предмет в фокусе, который должен изображать часть ценности бренда – например, в списке «что НЕ должно быть» есть «изображения, которые романтизируют войну». Вы можете прочитать и посмотреть фирменное руководство Шведских вооруженных сил на Issuu.

44. Taxiphone

Taxiphone — это еще один бренд, который ставит содержание руководства на первый план, используя простые и всесторонние изображения, и дополняющие объяснения и описания. Это еще одно простое в дизайне руководство, но одновременно целостное и подробное. Обязательно проверьте страницы с ливреей на автомобиле, с каждого угла автомобиля видна иллюстрация фирменного стиля с вниманием к деталям. Посмотрите гид Taxiphone на Visual Bits.

45. Truth

Вы проектируете более корпоративно-ориентированный бренд? Если так, то предлагаю рассмотреть, как должны выглядеть некоторые визуальные составляющие такого гайда. Если вы будете передавать его потребителям или деловым партнерам, то необходим сдвиг от графиков и диаграмм к схемам и таблицам, но не забывайте, подача должна быть сконцентрированной, профессиональной и фирменной. Посмотрите руководство бренда Truth, который точно соответствует этому подходу. Использование характерного розового и гламурной графики в руководстве иллюстрирует, как каждый элемент визуального средства должен выглядеть и работать, в долгосрочной перспективе это гарантированно сделает процесс намного легче для бренда. Рассмотрите более близко гайд Truth на Mash Creative.

46. Twitter

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

47. Università della Svizzera Italiana

Università della Svizzera Italiana (Университет Лугано, итальянская Швейцария) имеет сложную айдентику, которая построена на определенных углах вращения и выравнивании, все из которых, указаны в данном руководстве. Каждый элемент бренда выдвинут на первый план и этому есть своя причина, чтобы объяснить выравнивание элементов – использована сетка. Это руководство также дает всестороннее введение в основные принципы и ценности бренда, которые формируют и удерживают бренд целостным. Посмотрите данное руководство на официальном сайте Moving Brands.

48. Varig

Еще одно руководство бренда для «переосмысления» бренда заново, на этот раз, это авиакомпания Varig. Это руководство представляет переосмысленный бренд в простой и краткой форме, определяя практическое применение бренда, униформу, коммуникационные носители, лого, подписи, паттерны. Авиакомпания имеет много точек коммуникации и возможностей брендинга в них, и этот пример охватывает многие из них, красиво оформленное и хорошо продуманное руководство по стилю. Обязательно посмотрите его на Abduzeedo.

49. Walmart

Ищете вдохновляющее руководство по стилю, которое одновременно веселое и заслуживающее доверия? Ну, тогда полистайте руководство бренда Walmart. Руководство Walmart красочное и динамичное, сохраняющее доверие и профессиональную энергетику ритейлера. Это руководство охватывает все основы бренда Walmart и выглядит качественным, при его изготовлении использовались подписи и цвета бренда, это еще один пример, когда руководство само по себе продвигает то, что в нем написано. Скачайте руководство Walmart и полистайте на досуге.

50. Yogen Früz

Позвольте вашей информации дышать. Когда дело доходит до создания вашего бренд-руководства, убедитесь, что вы включили множество примеров, но не переборщите, не дойдите до точки, когда ваше руководство будет переполненным. Почему? Коротко говоря, перегруженные страницы не читаются. Просмотрите руководство Yogen Früz, которое размещает примеры и информацию очень «размазано», чтобы расставить необходимые акценты в дизайне. Посмотрите руководство Yogen Früz полностью на Issuu.

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

У вас уже есть руководства по стилю? Как оно помогло вашему бренду? Расскажите мне в комментариях ниже!

Что такое гайд и зачем он нужен?

Они набирают всё большую популярность в разных сферах, но многие, хоть и слышали это слово, не до конца понимают, что это такое.

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

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

Задачи гайда:

• Сделать понимание и запоминание максимально простыми.

• Охватить большой объем материала по определенной теме в сжатом варианте (без «воды», только конкретика).

• Внести порядок и логику в действия пользователя.

• Помочь подготовить нужные материалы.

Какими бывают гайды:

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

2. Гайд в формате пошаговой инструкции, описывающей действия, которые необходимо совершить для получения какого-то результата. Например руководство по похудению, или как настроить чат-бота.

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

4. Гайд, как сборник важной информации. Например, гайд по размерам в ВК, гайд по удалённым профессиям, или, как на фото ниже, гайд по лимитам в Телеграм.

Примеров на каждый вид гайда очень много.

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

#гайд #лидмагнит #оформлениегайда #чеклист #презентации