Поделиться через


Фирменное оформление программного обеспечения

Примечание.

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

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

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

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

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

Принципы проектирования

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

Атрибуты хорошей фирменной символики программного обеспечения

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

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

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

  • Не имеет очевидной темы или точки.
  • Находится на лице пользователя.
  • Раздражает.
  • Везде.
  • Имеет настраиваемый внешний вид и чувствовать себя без каких-либо преимуществ пользователя.
  • Становится быстро утомительным.

Начните с самого продукта

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

Тщательно выберите имя продукта

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

Что делать с брендом

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

Основной

  • Название продукта
  • Логотип продукта
  • Цветовая схема продукта
  • Звуки, относящиеся к продукту

Снимок экрана: снимок экрана с логотипом windows

Некоторые основные элементы фирменной символики из Windows Vista.

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

Вторичные

  • Фигуры элементов
  • Стили значков и рисунков
  • Вторичные графические элементы
  • Цвета элементов
  • Анимации
  • Переходы
  • Тени
  • Фон и прозрачность

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

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

Некоторые вторичные элементы фирменной символики из Windows Vista.

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

Третичный

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

  • Настраиваемые кадры окон
  • Пользовательские элементы управления

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

Место для фирменной символики

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

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

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

Где не брендировать

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

Рабочий стол — это точка входа пользователя в Windows. Оставьте пользователя под контролем. Используйте эти точки входа соответствующим образом— никогда не просматривайте их как способы повышения осведомленности о вашей программе или его бренде. Дополнительные сведения см. в разделе "Рабочий стол".

Использование фирменной символики профессионалов

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

Если вы делаете только пять вещей...

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

Руководящие принципы

Общая информация

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

  • Сосредоточьте свои усилия на фирменной символике на специальных интерфейсах в вашей программе, таких как:

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

    Допустимо:

    Снимок экрана панели управления с логотипом Windows

    Лучше:

    снимок экрана панели управления без логотипа

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

  • Не используйте фирменную символику, которая отвлекает или вредит удобство использования или производительность.

  • Не используйте рабочий стол Windows для фирменной символики. Дополнительные сведения см. в разделе "Рабочий стол".

Имена и логотипы

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

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

    Неправильно:

    Снимок экрана: графическое перепользование имени компании

    В этом примере имя компании переиспользовано.

    Неправильно:

    Снимок экрана окон с несколькими логотипами

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

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

  • Используйте графические логотипы. Графические логотипы являются более стабильными, чем текстовые логотипы, так как они не влияют на шрифт, размер текста, языковой пакет или изменения темы.

  • Не используйте анимированные логотипы.

Элементы управления

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

    Неправильно:

    Снимок экрана: кнопка входа с фирменной символикой

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

Экраны заставки

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

Звук

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

Дополнительные сведения см. в разделе "Звук".