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

Разработка модульных UI-систем на основе руководств по стилю

Использование руководства по стилю при разработке — это популярная практика, которая набирает обороты во front-end девелопменте. И не зря. Специалисты начинают с добавления нового кода или обновления существующего и тем самым способствуют развитию модульной UI (user interface) системы, которая в дальнейшем интегрируется в приложение. Но чтобы внедрить модульную UI систему, мы должны подходить к проектированию с точки зрения модульности.

Модульный дизайн побуждает нас мыслить и разрабатывать UI и UX по определенной структуре. К примеру, вместо того чтобы создавать ряд страниц или образов, которые бы побуждали людей к совершению действия, мы начинаем процесс дизайна со структурирования UI системы и понимания того, как ее компоненты могут помочь в создании потока пользователей (user flow).

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

UI vs. UX: в чем различие?

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

Такой подход очень удобен для потребителей, ведь за счет этого они всегда могут настроить систему исключительно под свои нужды. Вам нужен люк, более мощный двигатель или кожаный салон? Без проблем! Модульный дизайн автомобилей позволяет проводить подобные изменения в комплектации.

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

Модульное проектирование

Модульное проектирование

Модульное проектирование

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

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

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

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

«Конструктор секций» — новый виджет в редакторе LPgenerator

Примеры модульного дизайна

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

Пример адаптивной сетки от Bootstrap — набора инструментов для создания сайтов и приложений

NASA используют сетку Bootstrap, чтобы создать карточный макет 

NASA используют сетку Bootstrap, чтобы создать карточный макет

Карточный дизайн, который используется в masonry-макете (masonry — вывод HTML-блоков в виде кирпичной кладки) на Pinterest

Поскольку модульный дизайн заключается в разработке UI-систем, которые, в основном, состоят из одинаковых компонентов (кнопок, шрифтов, иконок, сеток и т.д.), вы можете задуматься над следующими нюансами:

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

Эти вполне обоснованные вопросы затрагивают еще более важный аспект:

«В чем выражается инновационность и уникальность дизайна продукта?»

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

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

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

Юзабилити пользовательского интерфейса: как сделать невидимое видимым?

Модульность в стайл-гайд разработке

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

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

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

Стайл гайд разработка

Стайл гайд разработка: Исследование > Абстракции > Внедрение и документирование > Интеграция

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

Документация играет несколько ролей:

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

Демонстрационная площадка для создания и тестирования образов. Именно здесь разработка осуществляется до того, как все решения интегрируются в приложение.

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

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

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

Разработка модульного дизайна

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

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

Разработка модульного дизайна

Пошаговый процесс оформления заказа: товары, добавленные в корзину > корзина > доставка > биллинг > подтверждение > покупка продукта

Имейте ввиду, что эти шаги еще не являются модулями. Чтобы добраться до них, вам нужно определить постоянные UI элементы пути, такие как:

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

Макетный дизайн страницы с корзиной

Макетный дизайн страницы с корзиной

Макетный дизайн страницы доставки

Макетный дизайн страницы доставки

Макетный дизайн страницы расчета

Макетный дизайн страницы расчета

Некоторые UI элементы, которые сохраняются в дизайне (сверху вниз): индикатор прогресса оформления заказа, элементы формы, продукты в корзине, похожие продукты

Некоторые UI элементы, которые сохраняются в дизайне (сверху вниз): индикатор прогресса оформления заказа, элементы формы, продукты в корзине, похожие продукты

Копнув немного глубже, мы также найдем стили и модели взаимодействий:

Стили

Цвета, используемые для обозначения:

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

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

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

Иконкография (iconography) для передачи визуального смысла и быстрого ознакомления с общими действиями.

Модели взаимодействий

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

Некоторые стили, сохраняющие постоянство в дизайне

Некоторые стили, сохраняющие постоянство в дизайне (сверху вниз): первичные действия на фоне вторичных, ссылки на фоне обычного текста, брендинг, типографика, иконкография

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

Ускорить процесс создания модульных конструкций вы можете за счет так называемого «атомного дизайна» (atomic design). Это методология анализирует связи между различными частями системы и то, как они взаимодействуют, используя химию в качестве аналогии. Последовательность действий в данном случае во многом является противоположностью алгоритма из предыдущего упражнения:

1. Мы начинаем с атомов — наименьших частиц в системе (в нашем примере это кнопки, типографика и иконки).

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

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

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

5. И наконец, есть страницы, которые представляют собой примеры шаблонов.

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

Как использовать руководство по стилю?

Такое руководство может оказаться очень полезным в процессе дизайна по ряду причин:

1. Основа, с которой можно работать

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

2. Документирование проектных решений

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

3. Простота коммуникации

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

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

Единство дизайна: как создать руководство по стилю?

Не переусердствуйте!

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

1. Руководство по стилю не освобождает вас от работы над дизайном

Менеджеры нередко утверждают, что после создания стайл-гайда большая часть дизайнерской работы проделана. Хотя к этому моменту многие повторяющиеся и тривиальные задачи (к примеру, многократное прототипирование кнопки) действительно выполнены, помните, что:

новые возможности должны разрабатываться непрерывно;
обнаружение решения должно отражаться в дизайне.

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

2. Не следуйте шаблонам слишком часто

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

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

Закат эпохи «золотой лихорадки» в UX-дизайне

Не пренебрегайте итерациями дизайна

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

Бремя поддержки

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

Найдите систему документирования, которая отличается простотой как с точки зрения установки, так и в плане взаимодействия;

Сделайте своевременное обновление документации частью вашего рабочего процесса;

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

Вместо заключения

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

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

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

По материалам: smashingmagazine.com, image source hwguth

27-08-2016

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

Международный

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

  • EN 15038 , приложение D — Европейский стандарт переводческих услуг
  • ISO 8  — Представление периодических изданий
  • ISO 18  — Содержание периодических изданий
  • ISO 31  — Величины и единицы
  • ISO 214  — Тезисы для публикации и документация
  • ISO 215  — Представление вкладов в периодические и другие периодические издания
  • ISO 690  — Библиографические ссылки — Содержание, форма и структура
  • ISO 832  — Библиографические ссылки — Сокращения типичных слов
  • ISO 999  — Указатель публикации
  • ISO 1086  — Титульные листы книги
  • ISO 2145  — Нумерация разделов и подразделов в письменных документах
  • ISO 5966  — Представление научно- технических отчетов (отозван)
  • ISO 6357  — Заглавия на корешках книг и других публикаций
  • ISO 7144  — Представление тезисов и аналогичных документов
  • ISO 9241  — Эргономика взаимодействия человека и системы

Австралия

Общий

  • Руководство по стилю правительства Австралии от Агентства цифровой трансформации . 7-е изд.
  • Руководство по стилю: для авторов, редакторов и печатников от Snooks & Co для Департамента финансов и администрации . 6-е изд.
    ISBN  0-7016-3648-3 .
  • Австралийский справочник для писателей и редакторов Маргарет Маккензи. 4-е изд. ISBN  9781921606496 .
  • Кембриджское руководство по использованию австралийского английского языка Пэм Питерс из Университета Маккуори . 2-е изд. ISBN  9780521702423 .
  • Полное руководство по использованию английского языка для австралийских студентов Маргарет Рамзи. 6-е изд. ISBN  9780521702423 .

Закон

  • Австралийское руководство по юридическому цитированию, опубликованное юридической школой Мельбурнского университета. 4-е изд. ISBN  9780521702423 .

Наука

  • Австралийское руководство научного стиля (AMOSS) от Biotext; проиллюстрировано Биотекстом. 1-е изд. ISBN  978-0-9946369-0-4

Канада

  • Канадский стиль: руководство по написанию и редактированию : издано Dundurn Press в сотрудничестве с Public Works и Бюро переводов государственных служб Канады. ISBN  1-55002-276-8 .

Газеты

  • CP Stylebook : Руководство по газетному стилю в Канаде, поддерживаемое Canadian Press . ISBN  0-920009-38-7 .
  • Книга стилей Globe and Mail : изначально создавалась, чтобы помочь писателям и редакторам Globe and Mail представлять ясные, точные и сжатые истории. ISBN  0-7710-5685-0

Европейский Союз

  • Руководство по межведомственному стилю .
  • English Style Guide («Справочник для авторов и переводчиков Европейской Комиссии » — исполнительная власть Европейского Союза .)

Великобритания

Общий

  • Копирование-редактирование: Кембриджский справочник для редакторов, авторов и издателей Джудит Бутчер. 3-е изд. 1992 Кембридж: Издательство Кембриджского университета ISBN  0-521-40074-0
  • Современное английское использование Фаулера . Эд. Р. У. Берчфилд. Ред. 3-е изд. Лондон: Clarendon Press , 2004. ISBN  0-19-861021-1 (твердый переплет). Основано на современном английском языке Генри Ватсона Фаулера .
  • «Королевский английский » Генри Ватсона Фаулера и Фрэнсиса Джорджа Фаулера .
  • Руководство по оксфордскому стилю (издание 2003 г.). Объединяет Оксфордское руководство по стилю и Оксфордский словарь для писателей и редакторов , в котором основное внимание уделяется общим проблемам.
  • Полное членораздельно , по сэр Эрнест Гауэрс .
  • Использование и злоупотребление , Эрик Партридж .

Для юридических документов

  • Оксфордский стандарт цитирования юридических властей ( OSCOLA ),Юридический факультет Оксфордского университета

Для журналистики

  • Руководство по стилю BBC News : Британской радиовещательной корпорацией .
  • Руководство по стилю Economist : The Economist .
  • Руководство по стилю новостей The Fourth Estate : от компании Fourth Estate Public Benefit Corporation
  • Руководство по стилю Guardian : от The Guardian
  • Руководство по стилю и использованию Times от The Times .

Для компьютерной индустрии (программное и аппаратное обеспечение)

  • Руководство по стилю технических публикаций Acorn , Acorn Computers . Содержит редакционные рекомендации для текста в учебных публикациях, технической документации и справочной информации по ОС RISC .
  • Руководство по стилю ОС RISC от RISC OS Open Limited . Предоставляет рекомендации по дизайну, справку и примеры формулировок диалоговых окон для пользовательского интерфейса программного обеспечения.

Соединенные Штаты

В Соединенных Штатах как корпоративные, так и журналистские формы массовой коммуникации опираются на стили, представленные в сборнике стилей Associated Press (AP). Классическое руководство по стилю грамматики, разработанное как дополнение к книге стилей AP, — это Элементы стиля . Вместе на эти две книги ссылаются больше, чем на любую другую книгу по общему стилю письма от третьего лица в США, используемую в большинстве профессий.

Для общего письма

  • «Осторожный писатель » Теодора Бернштейна .
  • Брайсон Словарь по хлопотно слов: Руководство Автора к Getting It Right , по Билл Брайсон .
  • Современный американский Использование Гарнера по Bryan A. Garner .
  • Классика стиля — представляет собой письменное руководство Уильяма Странка-младшего , Эмерсона , Уитмена , По и других писателей.
  • ISBN 978-0-917360-63-3 книги стилей Associated Press . 
  • Элементы стиля . По Уильям Strunk, младший и EB White . (Часто упоминается как «Странк и Белый».)

Для юридических документов

  • Синяя книга: единая система цитирования . Совместно издано Harvard Law Review , Yale Law Journal , Columbia Law Review и Penn Law Review .
  • ALWD Руководство по правовым Citation , ранее ALWD Цитирование Руководство, по ассоциации юридических документов директоров
  • Руководство по стилю Нью-Йорка : The Tanbook, газета New York State Reporter

Для научных работ

  • Чикагское руководство стиля , Чикаго: University of Chicago Press.
  • Пособие для авторов исследовательских работ, тезисов и диссертаций в чикагском стиле для студентов и исследователей , написанное Кейт Л. Турабиан . Часто упоминается как « Турабский ».
  • Справочник MLA для авторов исследовательских работ , Джозеф Гибальди . Часто упоминается как «MLA».
  • Публикация Руководство Американской психологической ассоциации , по Американской психологической ассоциации (APA).

Для журналистики

  • ISBN 978-0-917360-63-3 книги стилей Associated Press . 
  • Руководство по стилю новостей The Fourth Estate : от компании Fourth Estate Public Benefit Corporation
  • Руководство по стилю и использованию New York Times . Аллан М. Сигал и Уильям Г. Коннолли.
  • Руководство Wall Street Journal по деловому стилю и использованию , Рональд Дж. Олсоп и сотрудники Wall Street Journal .
  • Руководство по стилю BuzzFeed : Эмми Фавилла и Меган Паолоне.

Для электронных публикаций

  • Колумбийский путеводитель по онлайн-стилю , Дженис Уокер и Тодд Тейлор.
  • Руководство по веб-стилю: основные принципы дизайна для создания веб-сайтов , Патрик Дж. Линч и Сара Хортон .
  • Книга стилей Ассошиэйтед Пресс , Ассошиэйтед Пресс, ISBN основных книг 978-0-917360-63-3 . 

Для бизнеса

  • ISBN 978-0-917360-63-3 книги стилей Associated Press . 
  • Руководство по деловому стилю, Руководство от А до Я по эффективному письму на работе , Хелен Каннингем и Бренда Грин.
  • Справочное руководство Грегга , Уильям А. Сабин.

Для компьютерной индустрии (программное и аппаратное обеспечение)

  • Руководство по стилю Apple , опубликованное в Интернете компанией Apple Inc. Содержит редакционные правила для текста в учебных публикациях Apple, технической документации, справочной информации, обучающих программ и пользовательского интерфейса программного обеспечения.
    Более ранней версией было Руководство по стилю публикаций Apple.
  • Руководство по стилю документации DigitalOcean, опубликованное в Интернете компанией DigitalOcean .
  • Руководство по стилю документации GNOME, опубликованное в сети GNOME .
  • Руководство по стилю документации для разработчиков Google, опубликованное в Интернете компанией Google . Предоставляет набор редакционных правил для всех, кто пишет документацию для разработчиков по проектам, связанным с Google.
  • Руководство по стилю контента Mailchimp, опубликованное в сети Mailchimp .
  • Руководство по стилю письма Microsoft , опубликованное в Интернете корпорацией Microsoft . Предоставляет стандарт стиля для технической документации, включая использование терминологии, условных обозначений, процедур, методов проектирования, а также использования знаков препинания и грамматики. До 2018 года Microsoft опубликовала книгу Microsoft Manual of Style for Technical Publications .
  • Руководство по стилю документации MongoDB, опубликованное MongoDB .
  • Руководство по стилю написания Mozilla, опубликованное в Интернете компанией Mozilla .
  • Руководство по стилю Rackspace для технического контента, опубликованное в Интернете компанией Rackspace .
  • Прочтите меня в первую очередь! Руководство по стилю для компьютерной индустрии , Sun Technical Publications, 3-е изд., 2010 г.
  • Руководство по стилю Red Hat для технической документации, опубликованное в сети Red Hat .
  • Руководство по стилю Salesforce для документации и текста пользовательского интерфейса, опубликованное в сети Salesforce .
  • Руководство по стилю документации SUSE, опубликованное SUSE в Интернете .
  • Руководство по стилю IBM: соглашения для писателей и редакторов , 2011 г., и « Разработка качественной технической информации: справочник для писателей и редакторов» , 2014 г., издано IBM Press .
  • Руководство по стилю Splunk , опубликованное на сайте Splunk . Предоставляет справочник по стилю письма для всех, кто пишет или редактирует техническую документацию.
  • Yahoo! Гид по стилю , 2010.

Руководства по редакционному стилю подготовки рукописи к публикации

  • ISBN 978-0-917360-63-3 книги стилей Associated Press . 
  • Чикагское руководство по стилю , составленное сотрудниками Чикагского университета .
  • Слова в шрифт, Марджори Э. Скиллин, Роберта

Академический

  • Чикагское руководство стиля . Стандарт академической издательской индустрии, включая многие журнальные публикации.
  • Пособие для писателей курсовых , тезисов и диссертаций (часто называемое « турабским стилем») — опубликовано Кейт Л. Турабиан , секретарем диссертаций в аспирантуре Чикагского университета с 1930 по 1958 год. Школа требовала ее одобрения для каждого кандидатская и докторская диссертации. Ее стилистические правила полностью соответствуют Чикагскому руководству по стилю , хотя есть некоторые отличия.
  • ACS Руководство по стилю -для научных статей , опубликованных в журналах о Американском химическом обществе .
  • Руководство по стилю Американской медицинской ассоциации — для медицинских статей, опубликованных в журналах Американской медицинской ассоциации .
  • Руководство по стилю Американской психологической ассоциации — для поведенческих и социальных наук; опубликовано Американской психологической ассоциацией .
  • Руководство по стилю Американской социологической ассоциации — для социальных наук; опубликовано Американской социологической ассоциацией .
  • Рекомендации по составлениюотчетов по геонаукам — для отчетов по геонаукам в промышленности, академических кругах и других дисциплинах.
  • Справочник по техническому письму , составленный Джеральдом Дж. Алредом, Чарльзом Т. Брусо и Уолтером Э. Олиу — для общего технического письма.
  • Стиль IEEE — используется во многих технических исследованиях, особенно в тех, которые касаются информатики .
  • «Маленькое руководство по стилю » Леонарда Г. Госса и Кэролайн Стэнфорд Госс — содержит отчетливо религиозную экспертизу стиля и языка для писателей и редакторов религии, философии религии и теологии — ISBN  978-0-8054-2787-5 .
  • Руководство по стилю MHRA — для искусства и гуманитарных наук ; опубликовано Ассоциацией современных гуманитарных исследований . Доступно для бесплатной загрузки (см. Статью).
  • MLA стиль руководства , и ГНД Руководство для писателей научно — исследовательских работ -для субъектов в области искусства и гуманитарных наук ; опубликовано Американской ассоциацией современного языка (MLA).
  • SBL Handbook of Style Руководство по стилю Общества библейской литературы, специально предназначенное для изучения древнего Ближнего Востока, библейских и раннехристианских исследований. SBL Справочник стиля включаетсебя рекомендуемый стандартный формат для сокращения источников первичных в Древнем ближневосточных, библейском и ранних христианских исследованиях.
  • Научный стиль и формат: Руководство CSE для авторов, редакторов и издателей — для научных статей, опубликованных Советом научных редакторов (CSE), группой, ранее известной как Совет редакторов биологии (CBE).
  • Руководство по стилям для политологии — используется многими американскими журналами по политологии ; опубликовано Американской ассоциацией политологии .

Сообщества

  • Справочное руководство по СМИ GLAAD , 8-е изд., Справочное руководство по СМИ колледжа GLAAD , 1-е изд., Справочное руководство по китайским СМИ GLAAD , 1-е изд. — опубликовано GLAAD, чтобы побудить средства массовой информации использовать язык и практику с участием ЛГБТ. Доступно для бесплатной загрузки.

Изобразительное искусство

  • Руководство по стилю Ассоциации художественных редакторов

Смотрите также

  • Цитата
  • Дикция
  • Документация
  • Спорное использование
  • Английский стиль письма
  • Грамматика
  • Рецепт и описание
  • Пунктуация
  • Расстояние между предложениями в руководствах по языку и стилю
  • Написание
  • Гид по стилю
  • Стилистика

Рекомендации

Внешние ссылки

Общее использование руководств по стилю
Американский английский
  • Руководства по стилям и руководства, перечисленные вБиблиотеке Университета Мемфиса (обновленная страница Руководства по стилям ).
  • Руководства по использованию с возможностью поиска Bartleby .
Публикации правительства США
  • Руководство по стилю типографии правительства США .
Британский английский
  • Руководство по стилю BBC News .
  • Руководство по стилю Economist.com .
  • Книга стилей Guardian .
Канадский английский
  • Руководство по стилю Йоркского университета адаптирует книгу стилей CP для использования студентами университета.
Австралийский английский
  • Руководство по стилю: для авторов, редакторов и печатников — онлайн-версия Руководства по стилю правительства Австралии : для авторов, редакторов и печатников
  • Руководство по стилю ABCруководство по стилю Австралийской радиовещательной корпорации.
Международные организации
  • Руководство ВОЗ по стилю английского языка
  • Руководство по межведомственному стилю ЕС .
  • English Style Guide («Справочник для авторов и переводчиков Европейской Комиссии » — исполнительная власть Европейского Союза .)
Академия
  • Citation Management Онлайн-руководство по исследованию руководств по стилю документации из библиотек Корнельского университета .
  • «Руководства по стилю и руководства по написанию» от Калифорнийского государственного университета, Библиотека Лос-Анджелеса .
Медицинские журналы
  • Единые требования ICJME: образцы ссылок .
  • Единые требования Международного комитета редакторов медицинских журналов (ICJME) к рукописям, представляемым в биомедицинские журналы (обновлено в феврале 2006 г.).
Научные журналы
  • Достижения в области физики — Руководство по стилю для журнала по физике, издаваемого Taylor & Francis Group (журналы Taylor & Francis).
  • Запись для природы журнала для природы .
  • The Lancet: Руководство по форматированию для авторов : Руководство по форматированию для электронного представления исправленных рукописей .
WWW
  • Руководство по стилю OSNews: Правила и рекомендации для публикации и участия в OSNews , Т. Холверда. OSNews , 2007.
  • Руководство по веб-стилю , 2-е изд., Патрик Линч и Сара Хортон.
Пример описания фирменного блока

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

Гайдлайн — необходимая фирменного стиля. Без него, также как, например, без логотипа, разработка айдентики не имеет никакого смысла.

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

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

Пример структуры гайдлайна

В студии гайдлайн содержит следующие элементы:

  1. Содержание для навигации по гайдлайну.
  2. Описание идеи логотипа.
  3. Компоновки логотипа, охранные зоны.
  4. Монохромная и черно-белая версии логотипа.
  5. Правила использования логотипа.
  6. Система элементов фирменного стиля, правила использования и применения (например, на фотографиях или носителях).
  7. Типографика и шрифты.
  8. Цвета и градиенты.
  9. Носители фирменного стиля.
  10. Правила построения, сетка, охранные поля каждого носителя.
  11. Руководство по производству носителей: материалы, фактура, способы печати и производства.
  12. Примеры брендирования.
  13. Отдельная ссылка на структурированную папку с исходниками носителей фирменного стиля.

Часть элементов может отсутствовать в зависимости от сложности проекта.

Зачем нужен гайдлайн?

Пример построения фирменных элементов

Гайдлайн необходимо делать даже при разработке небольшого проекта и вот почему:

  1. Гайдлайн унифицирует задачу для дизайнеров, рекламных агентств и типографий, которые будут работать с фирменным стилем. Не нужно заново «изобретать велосипед», достаточно работать по определенным стандартам. Так получается прогнозируемый результат.
  2. Гайдлайн заявляет о серьезности бренда (компании или товара). Обратите внимание на любую крупную компанию — у каждой из них есть гайдлайн, а иногда даже для нескольких стран и на нескольких языках. Гайдлайн контролирует качественное исполнение фирменного стиля.
  3. 3айдлайн оптимизирует расходы. Выполнение последующих задач по фирменному стилю будет гораздо проще и дешевле, т.к. подрядчикам потребуется меньше времени, чтобы вникнуть в процесс.

Проблемы гайдлайнов

Пример бесполезной сетки и сетки с логикой

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

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

Изображение: Барбакан Центр/Север (Barbican Centre/North)

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

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

1. Что такое руководство по фирменному стилю?

Иллюстраторы, занимающиеся фрилансом, фотографы и дизайнеры. Малый бизнес. Международные корпорации.

Что все вышеперечисленные имеют общего? Они все имеют одинаковые преимущества владения собственным руководством по стилю – документом, который устанавливает правила их «элементов фирменного стиля», включающих в себя такие полезные вещи, как логотипы, фирменные цвета и фирменные шрифты.

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

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

  • Руководство бренда easyGroup

Даже если в вашей компании всего один сотрудник (т.е. вы!), руководство по стилю поможет вам связать вместе все способы визуальной презентации вашей компании, и поможет создать ваш «фирменный стиль» в процессе.

Каким бы ни было направление бизнеса, создание стиля имеет практическую цель, и помимо этого его очень весело создавать!

2. Почему мне нужен гид по стилю?

Или, как этот вопрос действительно должен быть сформулирован:

«Мне нравится создавать вещи и разрабатывать их дизайн, это очень весело! Так для чего же мне необходим документ, ограничивающий мою креативность?»

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

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

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

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

Все это ведет в следующему великому утверждению, которое также является девизом любого создателя фирменного стиля:

«Руководство по фирменному стилю должно только направлять, но никогда не ограничивать креативность»

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

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

3. Структурные элементы фирменного стиля

Как говорится, Москва не сразу строилась. Это касается и фирменного стиля. Каждое руководство по стилю требует усилий, но как много, на самом деле зависит от вас. В дальнейшем вы увидите основные элементы любого качественного руководства по стилю, но выбирать вам, хотите ли вы расширить свое руководство до пропорций руководства NASA (НАСА) или British Rail (Железные дороги Британии) (см. ниже)

Скриншот: Изобразительный знак и логотип в цвете для рекламы железнодорожных путей

а. Знак и логотип в красном цвете реверсированы вне панелей
b. Знак в красном цвете, логотип в чистом черном или его тонах реверсированы вне панелей 
с. Знак и логотип в красном цвете внутри реверсированных панелей 
d. Знак в красном цвете, логотип в черном цвете внутри реверсированных панелей

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

Скриншот: Система фирменного стиля НАСА

Фирменный знак НАСА

Одноцветный фирменный знак состоит из процентов цвета, варьирующихся от 100 до 30 процентов цвета действительного

  • Верхняя часть вектора – 30 процентов цвета
  • Нижняя часть вектора – градиент, с процентом цвета от 100 до 30 процентов
  • Сфера – 100 процентов цвета

НАСА не хочет, чтобы кто-то перепутал цвета их логотипа…даже если это сепия.

Любое стоящее руководство по фирменному стилю содержит в себе следующие элементы:

  • Обложка
  • Содержание
  • Девиз бренда (необязательно)
  • Руководство по логотипу
  • Руководство по цвету
  • Руководство по шрифту
  • Руководство по графике и/или фотографии
  • Руководство по применению стиля на практике с полезными примерами
  • Благодарность всем, кто прочел руководство до конца (они это заслужили!)

Давайте взглянем на некоторые удачные примеры сих элементов в действии:

1. Обложка

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

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

  • Руководство по стилю Foursquare

Обложка Университета Восточной Англии (University of East Anglia) сочетает строгость и простоту, объединяя логотип университета большого размера с его фирменным синим цветом. Никакой лишней мишуры.

  • Руководство по фирменному стилю Университета Восточной Англии (University of East Anglia) (Великобритания) 

2. Содержание

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

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

Страховая фирма Ллойда (Lloyds) разделяет страницу с содержанием при помощи нескольких фирменных цветов, не ставя при этом под удар ее простоту и простоту ее использования.

  • Руководство по стилю фирмы Ллойда (Lloyds)

3. Девиз вашего бренда

Большинство крупных компаний в наши дни предпочитают включать описание характера фирмы или ее девиз в начале руководства по фирменному стилю.

Если вы фрилансер, имеющий личный бизнес, возможно это немного чересчур (хотя мой девиз был бы без сомнений «Всегда Пей Кофе Перед Тем Как Попытаться Создать Руководство По Фирменному Стилю»), но для более крупного бизнеса это хороший способ показать сотрудникам, как стиль компании относится к общей картине, и как он будет развивать прогресс и успех компании в будущем.

Foursquare выбрал простой девиз (и большой шрифт).

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

  • Руководство по стилю Foursquare

easyGroup установили свои «ценности бренда» в читабельных, соответствующих бренду оранжевых рамках.

Скриншот: 8 ценностей бренда easyGroup

  1. Большая ценность
  2. Имеет успех среди больших мальчиков
  3. Для большинства, а не немногих
  4. Неослабевающие инновации
  5. Сохранение простоты
  6. Предпринимательский
  7. Меняет жизни людей
  8. Честный, открытый, заботливый и веселый

Руководство бренда easyGroup

4. Руководство по логотипу(-ам)

Фрилансер вы или основатель Apple, визуальная идентификация вашего бизнеса отражается в его логотипе.

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

Некоторые вещи, которые нужно учесть и проработать в вашем руководстве по фирменному стилю:

  • Есть ли у вас разные версии логотипа для разных целей (например, одна для заголовков писем, другая – для домашней страницы интернет-сайта)?
  • Представлен ли логотип в одной цветовой гамме, или нескольких? Можно ли людям пользоваться черно-белой версией?
  • Есть ли у логотипа ограничения в размерах, т.е. не должен быть размера меньше или больше, чем х?
  • Нужны ли логотипу поля по периметру, чтобы отделять его от другого содержимого?
  • Как логотип не должен использоваться? Можете ли вы показать некоторые некорректные примеры (видите пример НАСА «чуть выше» ниже)?

Пингвин (Penguin) показывает рекомендуемый минимальный размер для печати фирменного знака в логотипе, а так же показывает руководство, касающееся полей

Руководство по логотипу Пингвин (Penguin)

Не связывайтесь с командой брэндинга НАСА. Они очень разозлятся, если вы примените логотип одним из многих неверных способов, показанных в их «системе идентификации».

Скриншот:

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

Система идентификации НАСА

5. Руководство по цвету

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

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

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

Вещи, о которых нужно подумать и включить в руководство:

  • Есть ли у вас основной фирменный цвет(-а), который должен быть использован в первую очередь? Есть ли у вас дополнительные фирменные цвета, которые могут быть использованы на интернет-сайте, рекламе и т.д.?
  • Определите Пантон для каждого фирменного цвета, а также включите кодовые версии цветовых моделей CMYK, RGB и HEX, дабы цвет был бы применим как в печати, так и на экранах.

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

Скриншот: Цвета, Идеальная комбинация.

Оранжевый – один из наших наиболее значимых определяющих черт. Это жизненно важная часть нашего фирменного стиля  и наследия.

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

Руководство бренда easyGroup

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

Элементы фирменного стиля MailChimp

6. Обуздайте шрифты

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

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

  • Шрифты и тип каждого шрифта, (например, обычный, жирный, курсив) которые создают портфолио шрифтов
  • Используете ли вы один шрифт для заголовков и другой для основного текста? Если так, уточните!
  • Есть ли у вас требования к размеру текста, например, этот шрифт никогда не должен быть меньше или больше, чем х.
  • Есть ли у вас предпочтения для печати (например, буквицы, выравнивание текста, отслеживание изменений и т.д.)? Помните, если вы об этом не скажете, никто не узнает, как должно выглядеть ваше идеальное фирменное оформление.
  • У вас может быть шрифт, используемый исключительно в вашем логотипе. Уточните, если вы не хотите, чтобы его использовали где-то еще.

Руководство по фирменному стилю Театра Барбакан (Barbican Theatre) – высокоэффективный пример того, как представить информацию о шрифтах дизайнерским способом. Потрясающий шрифт «Futura» и контрастирующие цвета, в которых он представлен, добавляют шрифту больше яркости и запоминаемости.

Скриншот 1: Futura – наш голос.

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

Скриншот 2: Три типа

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

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

Справа: Супер-тонкий, Книжный, Жирный

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

Скриншот 1: Три размера шрифта

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

Наша система использует только три размера:

  • Размер один для заголовков или названий
  • Размер два для описания/подзаголовка
  • Размер три для дополнительной информации

Наш знак не является размером шрифта.

Скриншот 2: Использование Futura

Мы – это игра и экспрессия. Но не забывайте применять основные типографические принципы.

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

Мы —  не бренд, состоящий из заглавных букв.

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

Руководство по фирменному стилю Барбакана.

7. Как использовать графику и фотографию

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

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

Обязательно подумайте о следующем, и предоставьте изображения, дабы показать хорошие (и плохие) примеры:

  • Может ли ваш логотип и/или бренд быть размещен поверх графики или фото? Хорошим советом будет избегать размещения вашего логотипа поверх загруженных фонов, что является стандартным замечанием, подходящим к любому дизайну бренда.
  • Есть ли у вас графические элементы, которые могут быть отделены от вашего фирменного знака, и могут быть гибко использованы в различных материалах (см. ниже, пример Шведской Армии (Swedish Armed  Forces))?
  • Должны ли фото и графика, выбранные для представления вместе с логотипом, содержать в себе определенные предметы или эмоциональные качества?
  • Следует ли избегать каких-либо фотографий или графики?

Четкое и ясное руководство по фирменному стилю Шведской Армии (Swedish Armed Forces) представляет простые, минимизированные страницы, посвященные корректному использованию графики и фотографии.

Скриншот 1: Элемент дизайна: Символы логотипа

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

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

Максимальное количество фигур, которые могут быть использованы вместе – 3.

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

Скриншот 2: Использование картинок

Картинки, используемые Шведской Армией:

  • Содержат чистые, свежие цвета
  • Позитивны
  • Кажутся естественными, не постановочными

Слева: Картинки, удовлетворяющие требованиям

Скриншот 3: Использование картинок

Картинки, используемые Шведской Армией:

  • Не монтированы
  • Не содержат цветов, которые смешиваются с цветовой схемой
  • Не романтизируют войну
  • Недепрессивные

Слева: Картинки, не удовлетворяющие требованиям

  • Руководство по фирменному стилю Шведской Армии (Swedish Armed Forces)

8. Стиль на практике

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

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

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

  • Руководство по фирменному стилю Барбакана

Почему бы не похвастать гибкостью и творческим потенциалом бренда, представив примеры фирменных упаковок? Здесь, стиль Кафе Бэджел Стрит (Bagel Street Café) расширяется до стильных этикеток для бутылок с водой.

Визуальная идентификация Кафе Бэджел Стрит (Bagel Street Café)

9. Скажите спасибо!

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

Не надейтесь на то, что кого-то в вашей студии/бизнесе/компании ваш бренд волнует так же сильно, как и вас. Большинство получит увесистый PDF-файл на почту, и мгновенно об этом забудет. Поэтому так много компаний на данный момент предоставляют онлайн «портал» со стилем для своих сотрудников, что является сокращенной версией руководства по стилю, и существует только онлайн. И это несомненно более доступно и удобно, а также содержит в себе логотипы, шрифты и графику доступные для скачивания сотрудникам.

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

Брэнд «Swarm», владельцем которого является Fortsquare, предоставляет набор иконок и логотипов на своем веб-сайте для свободного распространения.

  • Онлайн-ресурс Swarm

Заключение

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

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

  • Обложка
  • Содержание
  • Девиз бренда (необязательно)
  • Руководство по логотипу
  • Руководство по цвету
  • Руководство по шрифту
  • Руководство по графике и/или фотографии
  • Руководство по практике с полезными примерами

Творите!

Автор: Grace Fussell

Переводчик: Руслан Гильзидинов

Источник: design.tutsplus.com

На чтение 7 мин Просмотров 33.9к.

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

Содержание

  1. Понятие стилей руководства
  2. Все стили руководства
  3. Курт Левин: стили управления
  4. Принцип Лайкрета
  5. Теория X и теория Y
  6. Управленческая решетка
  7. Ниномия: стили управления руководителя

Понятие стилей руководства

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

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

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

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

Все стили руководства

Стили руководства выделены психологами, социологами, которые получили международное призвание. Сегодня в процессе изучения менеджмента чаще всего рассматривают стили, определенные следующими учеными:

  • Куртом Левином;
  • Ренсом Лайкретом;
  • Дуглас МакГрегором;
  • Робертом Р. Блейком и Джейсон С. Моутоном;
  • И. Ниномия.

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

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

Курт Левин: стили управления

Курт Левин – немецкий ученый, психолог. Он описал три основных стиля руководства. Их выделение произошло в ходе проводимого эксперимента в 1039 году. Тогда Левин даже и думал о том, что его теория будет так популярна.

  1. Демократический стиль управления подразумевает совместное принятие управленческих решений. То есть, прежде чем запустить проект, руководитель вместе с сотрудниками рассматривает перспективы, проводит анализ. На основании полученных от каждого из специалиста мнений, принимается окончательное решение. А большую часть работы выполняют работники. Руководитель, как правило, не вмешивается в творческий процесс и доверяет своим подчиненным.
  2. Второй стиль руководства, который выделил Курт Левин назван авторитарным. В таком случае руководитель практически никогда не советуется с работниками, а принимает решение единолично. Сотрудники, как правило, выполняют порученные им задачи, а начальник постоянно контролирует процесс. Применяя авторитарный стиль, руководитель может воздействовать на работников разными методами, например, издавать приказы. Лишать премий, назначать штрафные санкции и др.
  3. Либеральный стиль управления характерен для руководителей, которые практически не обладают лидерскими качествами. Всем рабочим процессом управляют сами работники. Они принимают решения, назначают для себя сроки выполнения задач и определяют пути достижения целей. Как правило, такой стиль управления не эффективен и поэтому применяется очень редко.

Каждый стиль управления, выделенный Куртом Левином, имеет свои плюсы и минусы:

Стиль Демократический Авторитарный Либеральный
Достоинства Укрепляется командный дух Высокий уровень дисциплины работников Сотрудники лояльны к начальству
Снижается риск допущения ошибок Вся деятельность каждого из сотрудников прозрачна В коллективе присутствует благоприятная обстановка
Уменьшается текучесть кадров
Недостатки Решения принимаются сравнительно долго Высокий уровень текучести кадров Падение авторитета руководителя
Уменьшается авторитет самого начальника Отсутствие саморазвития сотрудников Отсутствие системы делегирования полномочий и ответственности
Работники не могу  отработать и повысить свои навыки

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

Принцип Лайкрета

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

  1. Эксплуататорско-авторитарный – это такой стиль управления, при котором начальство не доверяет работникам. А для достижения цели руководство прибегает к угрозам, дисциплинарным взысканиям, приказам.
  2. Благосклонно-авторитарный отличается тем, что сотрудников редко привлекают к дисциплинарной ответственности, но при этом работники не перестают бояться неблагосклонности начальства.
  3. Консультативно-демократический – это стиль управления, при котором руководство поощряет работников, чем пытается повысить их мотивацию. Начальство не утрачивает контроль над выполнением задач, но многие задания сотрудники решают самостоятельно.
  4. Стиль участия строится на взаимном доверии. Руководитель ставит основную задачу, а сотрудники самостоятельно выбирают методы ее решения и реализуют их на практике. За хорошие результаты работников поощряют.

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

Теория X и теория Y

Социологом и психологом Дугласом МакГрегором были выдвинуты две теории X и Y. Каждая из них характеризует стиль руководства.

Сравниваемый показатель Теория X Теория Y
Любовь к труду Сотрудники не любят работать от природы В компании трудятся трудолюбивые и ответственные работники
Способ мотивации Руководству приходится прибегать к жестким методам мотивации, например к приказам, санкциям Единственной мотивацией сотрудников является достижение желаемого результата. Руководству нет необходимости заставлять их выполнять задачи.
Уровень ответственности Работники безответственны, их необходимо постоянно контролировать и направлять Сотрудники ответственно подходят к выполнению задач, контроль не обязателен.

Таким образом, Дугласом МакГрегором были описаны два стиля руководства: авторитарный и демократический.

Управленческая решетка

Робертом Р. Блейком и Джейсон С. Моутоном была разработана, так называемая «Управленческая решетка», которая прямо отражает все стили руководства. Она переставляет собой систему координат с двумя осями: забота о производственном процессе и забота о работниках.

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

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

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

Ниномия: стили управления руководителя

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

Руководитель-патриарх не любит, когда ему помогают принимать решения. Он самоуверен и практически никогда не прислушивается к чужому мнению.

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

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

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

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

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

Понравилась статья? Поделить с друзьями:
  • Zinadol 500 mg инструкция по применению на русском языке
  • Извещатель пожарный дымовой автономный ип 212 52т инструкция
  • Кальция глюконат виал инструкция по применению в ампулах внутримышечно
  • Оформление купли продажи земельного участка в мфц пошаговая инструкция
  • Инструкция препарата пульмикорт суспензия для ингаляций