Руководство по стилю оформления

Как создать идеальное руководство по фирменному стилю

Одним из наиболее важных активов бренда для любой компании является руководство по фирменному стилю (brand style guide). Оно обеспечивает последовательность в коммуникациях бренда, что очень важно для его роста и успеха.

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

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

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

Мы предлагаем вашему вниманию 9 советов Маш Бонигала (Mash Bonigala) из www.spellbrand.com по созданию идеального руководства.

Содержание статьи

Основные разделы руководства по фирменному стилю

Обложка и содержание
Введение и контекст
Дизайн логотипа
Цветовая палитра и оттенки
Типографика и иерархия шрифтов
Корпоративная иконографика
Сеточные системы
Изображения и режимы наложения
Презентации и другие печатные материалы

Основные разделы руководства по фирменному стилю 

Основные разделы руководства по фирменному стилю

Для создания нужной узнаваемости бренда руководство по фирменному стилю должно включать следующие разделы:

  • Обложка
  • Содержание
  • Введение
  • Дизайн логотипа

    • Знакомство с логотипом
    • Использование логотипа
    • Элементы логотипа
    • Охранное поле
    • Недопустимое использование логотипа
  • Система корпоративных цветов

    • Корпоративные цвета
    • Основной цвет
    • Система вторичных цветов
  • Корпоративная типографика

    • Корпоративные шрифты
    • Основной шрифт
    • Дополнительный шрифт
    • Иерархия шрифтов
  • Корпоративная иконографика
  • Сеточные системы (grid systems)

    • Сеточная система для печатных материалов
    • Размещение логотипа
    • Колонки и отступы
    • Вертикальная сеточная система для планшетов
  • Изображения и режимы наложения (blending modes)

    • Стиль корпоративных изображений
    • Цвета корпоративных изображений
    • Черно-белые корпоративные изображения
    • Режимы наложения и варианты
    • Сеточные системы для изображений
  • Презентации и другие печатные материалы
  • Заключение

Рассмотрим каждый из этих разделов в отдельности.

Обложка и содержание

Обложка и содержание

Для каждого руководства по фирменному стилю очень важно настроить контекст, голос бренда и нарратив. Сделать это можно на обложке, в содержании и во введении.

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

Разместите на первой странице содержание с номерами страниц. При возможности разбейте его на разделы и пронумеруйте соответствующим образом.

Введение и контекст

Введение и контекст

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

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

Как минимум включите в этот раздел текст о важности руководства по фирменному стилю и о том, как его использовать.

Дизайн логотипа

Дизайн логотипа

Дизайн логотипа

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

Цель — не только перечислить технические характеристики логотипа, но и дать рекомендации о том, как стоит и как не стоит использовать логотип.

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

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

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

Для поддержания последовательности бренда (brand consistency) важное значение имеет иллюстрация цветовой палитры.

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

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

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

Типографика и иерархия шрифтов

Типографика и иерархия шрифтов

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

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

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

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

Типографика и иерархия шрифтов

Корпоративная иконографика

Корпоративная иконографика

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

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

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

Сеточные системы

Сеточные системы

Сеточные системы

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

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

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

Сеточные системы очень важны в печатных материалах, таких как фирменные бланки, визитные карточки, плакаты, а также в Интернете и используемых фотографиях.

Изображения и режимы наложения

Изображения и режимы наложения

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

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

Для создания уникального стиля, который можно идентифицировать с брендом, очень важны режимы наложения:

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

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

Презентации и другие печатные материалы

Презентации и другие печатные материалы

Презентация и другие печатные материалы также должны соответствовать правилам руководства по фирменному стилю. Ничто не должно быть оставлено на волю случая или интерпретации.

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

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

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

Высоких вам конверсий!

По материалам: spellbrand.com. Автор: Mash Bonigala.

06-04-2022

  • Дизайн
  • 22 мин на чтение
  • 30689

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

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

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

01. Foursquare

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

1_Foursquare-662x552

02. AMD

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

2_AMD_personalbrand-662x605

03. Animal Planet

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

3_animalplanet-662x538

04. Apple

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

4_apple_retailers-662x483

05. Argento

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

5_argento-662x519

06. Barnes & Noble

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

6_barnes_and_noble-662x529

07. Bing

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

7_bing-662x551

08. Black Watch Global

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

8_blackwatchglobal

09. Bosphorus

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

9_Bosphorus

10. BPR

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

10_BPR_communications

11. Calgary Chamber

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

11_calgary_chamber-662x469

12. Canadian Olympic Team

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

12_CanadianOlympicTeam1-662x617

13. Cemento

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

13_cemento1-662x816

14. Channel 4

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

14_channel41-662x503

15. Child of Light

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

15_Childoflight-662x497

16. Cisco

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

16_cisco-662x491

17. Don’t Use Me

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

17_Dontuseme2-662x504

18. Double Knot

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

18_DoubleKnot-662x504

19. easyGroup

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

19_easy_group-662x519

20. Firebrand

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

20_firebrand-662x476

21. Fitt Lab

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

21_fittlab2-662x504

22. Fogg

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

22_fogg-662x983

23. Google

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

23_google-662x501

24. Hanes

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

24_hanes-662x465

25. Heineken

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

25_heineken-662x532

26. iO

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

26_iO

27. Jamie Oliver

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

27_jamie_oliver-662x507

28. Luvata

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

28_Luvata-662x504

29. Macride

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

29_macride

30. Medium

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

30_medium2-662x504

31. City of Melbourne

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

31_melbournecity-662x529

32. Miami Football Club

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

32_MiamiFootball2-662x504

33. Nike Pro Services

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

33_nike_pro-662x423

34. Offroad Films

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

34_offroad_films-662x789

35. Ollo

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

35_Ollo-662x750

36. Optus

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

36_Optus-662x477

37. Irish Red Cross

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

37_RedCross

38. Royal Mail

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

38_royalmail-662x494

39. Skype

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

39_skype-662x430

40. Sony

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

40_sony-662x527

41. Stihl

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

41_Stihl-662x5121

42. Sushi & Co.

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

42_sushi_co1

43. Swedish Armed Forces

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

43_swedish_armed_forces-662x537

44. Taxiphone

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

44_taxiphone

45. Truth

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

45_truth

46. Twitter

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

46_twitter-662x504

47. Università della Svizzera Italiana

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

47_movingbrands-662x497

48. Varig

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

48_Varig-662x514

49. Walmart

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

49_walmart-662x574

50. Yogen Früz

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

50_yogen_fruz-662x529

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

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

Источник: brandenso
Фото на обложке: ShutterStock

  • 1

1С: Руководство по стилю оформления

Почти все убеждены, что любой стиль кроме их собственного ужасен и нечитаем. Уберите отсюда «кроме их собственного» — и они будут, наверное, правы…

— Джерри Коффин (Jerry Coffin) об отступах

Оформление модулей

  • Длина строки в общем случае не должна превышать 120 символов.
  • Для отступов необходимо использовать символы табуляции.
  • Одна строка кода — одна управляющая конструкция.
// Плохо:
Если ЭтоБрак Тогда Продолжить; КонецЕсли;

// Хорошо:
Если ЭтоБрак Тогда
  Продолжить;
КонецЕсли;
  • Следует отделять друг от друга пробелами ключевые слова, вызовы процедур и функций, параметры процедур и функций внутри скобок, операторы.
// Плохо:
Сообщить(“Сумма: “+Сумма);

// Хорошо:
Сообщить(“Сумма: “ + Сумма);
  • Для разделения на логические части внутри модуля следует использовать пустые строки
  • При вызове функции с несколькими параметрами при переносе строк необходимо выравнивать параметры по первому
// Начальное состояние (строка слишком длинная):
НалоговыйУчет.ОстаткиВременныхРазниц(СтрокаВидАктиваОбязательства, СписокОрганизаций, Реквизиты.НачалоГода, Реквизиты.КонДата);

// Плохо:
НалоговыйУчет.ОстаткиВременныхРазниц(
    СтрокаВидАктиваОбязательства, СписокОрганизаций, Реквизиты.НачалоГода, Реквизиты.КонДата);

// Лучше:
НалоговыйУчет.ОстаткиВременныхРазниц(СтрокаВидАктиваОбязательства,
                                     СписокОрганизаций,
                                     Реквизиты.НачалоГода,
                                     Реквизиты.КонДата);

// Хорошо:
НалоговыйУчет.ОстаткиВременныхРазниц(
    СтрокаВидАктиваОбязательства,
    СписокОрганизаций,
    Реквизиты.НачалоГода,
    Реквизиты.КонДата);
    
  • Выравнивание однотипных операторов. При следовании друг за другом нескольких однотипных операторов допускается их выравнивание. Выравнивание следует выполнять с помощью пробелов
// Хорошо:
НоваяСтрока = ВидыОпераций.Добавить();
НоваяСтрока.ВидОперации         = ВидОперации;
НоваяСтрока.НомерГруппы         = ГруппаПоВидуОперации(ВидОперации);
НоваяСтрока.ПоОрганизацииВЦелом = ГруппаПоОрганизации(НоваяСтрок);

Методы

  • Параметр функции не должен возвращать значение. Иными словами не используйте входные параметры функций как дополнительный вывод. Весь вывод должен быть в возвращаемом значении. Если нужно возвращать несколько значений следует использовать такие типы как Структура, Массив и т.д.
// Плохо:
URLСервиса = "";
ИмяПользователя = "";
ПарольПользователя = "";

ЗаполнитьПараметрыПодключения(URLСервиса, ИмяПользователя, Пароль);

// Хорошо:
ПараметрыПодключения = ПолучитьПараметрыПодключения();
// Возвращаемое значение - структура:
//     URLСервиса         - Строка
//     ИмяПользователя    - Строка
//     ПарольПользователя - Строка

Условия

  • Предпочтительней использовать тернарный оператор для простых конструкций.
// Плохо:
Если НДС0 Тогда
    Возврат 0;
Иначе
    Возврат 18;
КонецЕсли;

// Хорошо:
Возврат ?(НДС0, 0, 18);
  • Не допускайте использования вложенных тернарных операторов.
  • Ключевое слово Тогда пишется на той же строке, что и последнее условие.
  • Сложные условия (содержащие 3 конструкции и более) необходимо выносить в отдельные методы.
// Плохо:
Если ИдентификаторОбъекта = "АнализСубконто"
    ИЛИ ИдентификаторОбъекта = "АнализСчета"
    ИЛИ ИдентификаторОбъекта = "ОборотноСальдоваяВедомость"
    ИЛИ ИдентификаторОбъекта = "ОборотноСальдоваяВедомостьПоСчету"
    ИЛИ ИдентификаторОбъекта = "ОборотыМеждуСубконто"
    ИЛИ ИдентификаторОбъекта = "ОборотыСчета"
    ИЛИ ИдентификаторОбъекта = "СводныеПроводки" 
    ИЛИ ИдентификаторОбъекта = "ГлавнаяКнига"
    ИЛИ ИдентификаторОбъекта = "ШахматнаяВедомость" Тогда
    ПараметрыРасшифровки.Вставить("ОткрытьОбъект", Ложь);
		
    ЕстьПоказатель  = Ложь;
    ЕстьКорЗначение = Ложь;
    ЕстьСчет        = Истина;
    Счет            = Неопределено;
    ПервыйЭлемент   = Неопределено;
КонецЕсли;

// Хорошо:
Если ОткрыватьОбъектПриИдентификаторе(ИдентификаторОбъекта) Тогда
    ПараметрыРасшифровки.Вставить("ОткрытьОбъект", Ложь);
		
    ЕстьПоказатель  = Ложь;
    ЕстьКорЗначение = Ложь;
    ЕстьСчет        = Истина;
    Счет            = Неопределено;
    ПервыйЭлемент   = Неопределено;
КонецЕсли;

Функция ОткрыватьОбъектПриИдентификаторе(ИдентификаторОбъекта)
	
    Возврат ИдентификаторОбъекта = "АнализСубконто"
        ИЛИ ИдентификаторОбъекта = "АнализСчета"
        ИЛИ ИдентификаторОбъекта = "ОборотноСальдоваяВедомость"
        ИЛИ ИдентификаторОбъекта = "ОборотноСальдоваяВедомостьПоСчету"
        ИЛИ ИдентификаторОбъекта = "ОборотыМеждуСубконто"
        ИЛИ ИдентификаторОбъекта = "ОборотыСчета"
        ИЛИ ИдентификаторОбъекта = "СводныеПроводки" 
        ИЛИ ИдентификаторОбъекта = "ГлавнаяКнига"
        ИЛИ ИдентификаторОбъекта = "ШахматнаяВедомость";

КонецФункции
  • Избегайте использование Йода-синтаксиса.
// Плохо:
Если 0 = Сумма Тогда

// Хорошо:
Если Сумма = 0 Тогда

Переменные

  • Избегайте неявного определения переменных
// Плохо
Функция ИдентификаторОбъекта(Объект)
    // Ошибки не будет, даже если переменная не определена в области видимости.
    // В результате будет определена переменная со значением Неопределено.
    ВашаПеременная = ВашаПеременная;
    
    Если Не ЗначениеЗаполнено(ВашаПеременная) Тогда
        ...
    КонецЕсли;
КонецФункции

// Хорошо
Функция ИдентификаторОбъекта(Объект)
    Перем ВашаПеременная;
    ...
КонецФункции

Имена процедур, функций, переменных

  • Следуюйте общему подходу именования
// Плохо:
этобрак, ЭТОБРАК, этоБрак

// Хорошо:
ЭтоБрак
  • Не используйте отрицание в именах переменных и методов
// Плохо:
Функция ПроверкаНеПройдена()
...

Если Не (Условие И Не ПроверкаНеПройдена()) Тогда

// Хорошо:
Функция ПроверкаПройдена()
...

Если Не Условие И Не ПроверкаПройдена() Тогда

Комментарии

  • Если код требует комментария для пояснения работы — в первую очередь необходимо рассмотреть варианты рефакторинга, чтобы код не требовал комментария.
  • К комментариям также относятся ограничения на длину строки в 120 символов.

Создание, изменение объектов метаданных

  • Если составной тип используется многократно, следует использовать объект конфигурации «Определяемый тип». Пример: «Документ резервирования», «Документ партии».

Понравилась статья? Поделить с друзьями:

А вот и еще наши интересные статьи:

  • Trony turbo plus 1700w инструкция по применению
  • Regenez витамины для волос инструкция по применению
  • Инструкция по настройке пульта gal lm rc13
  • Инструкция по эксплуатации эхолота практик эр 6 pro скачать
  • Nasol sinus drops nc153 масляные капли для носа инструкция

  • 0 0 голоса
    Рейтинг статьи
    Подписаться
    Уведомить о
    guest

    0 комментариев
    Старые
    Новые Популярные
    Межтекстовые Отзывы
    Посмотреть все комментарии