Добро пожаловать в новый Brandguide! В этой статье, а также в статьях Начало работы с бренд-гидом и Создание и стиль бренд-гида , вы узнаете, как перенести содержание нового опыта. Редактирование возможностей вашего существующего Brandguide будет уходить 1 сентября 2023 года. С 1 декабря 2023 года унаследованный Brandguide редактор больше не будет доступен.
В этой статье мы расскажем о том, как построить ваш Brandguide с помощью страниц, разделов и блоков.
Страницы
Высший организационный уровень Brandguide. Страницы добавляются для создания руководств по брендам.
Добавление изображений
- Перейдите к опции Pages в боковой панели.
- Выберите кнопку Добавить страницу.
- Назовите страницу и установите Slug.
- Нажмите «Отправить приглашения».
Удаление Страницы
На страницах и разделах выберите значок корзины рядом со страницей, которую вы хотите удалить. Если страница удалена, действие не может быть отмененои заблокировано и разделы, размещенные внутри страницы, не могут быть восстановлены.
Разделы
Разделы - это организационный уровень Brandguide, вложенный в страницы и состоящий из блоков.
Блоки
Блоки вложены в секции. Вы можете найти блоки в полете блока с левой стороны. Блоки - это компоненты Brandguide, такие как изображения, текст, цвет и код, которые живут в области холста как содержимое.
Добавление блоков
- Перейдите в левую боковую панельи выберите опцию блока.
- Это создаст пролет с параметрами блока изображений, текста, кода и цвета. Контент, который вы можете добавить, будет иметь пунктирную линию вокруг него.
- Выберите блок и перетащите его в холст. Фиолетовые линии на холсте обозначают разрешенную зону осадки.
- Отпустите клик, чтобы выбросить блок на холст.
Удалить блоки
- Выберите значок корзинына блоке. Обратите внимание на то, что при удалении блока его невозможно восстановить.
Упорядочивание значков
У Вас есть две альтеранативы.
- Перетащитеблок на страницу.
- Используйтестрелкусправа от содержимого блока, чтобы переместить блок вверх и вниз страницу.
Изображение заблокировано
Блоки изображений позволяют легко добавлять содержимое библиотеки к вашему Brandguide. Это означает, что если актив будет обновлен в Библиотеке, то актив будет также автоматически обновлен и в руководстве Бренда. Этот опыт опирается на CDN. Для продвижения согласованности бренда вы не можете загружать внешние изображения непосредственно на Brandguide. Они должны исходить из вашей библиотеки.
Поддерживаемые типы изображений
- АПНГ
- AVIF
- GIF
- JPEG
- PNG
- SVG
- WebP
Добавление изображений
- Выберите значок изображенияв левом флейте.
- Появится еще один релиз с опытом работы в библиотеке. Библиотека или коллекция, связанная с вашим Brandguide появится по умолчанию.
- Чтобы выбрать другую Библиотеку или Коллекцию выберите черную стрелку в верхней части флейта.
- Найдите изображение, которое вы хотите использовать и добавьте его одним из следующих способов:
- Перетащите изображение на холст.
- Наведите курсор на изображение и выберите меню эллипсов и выберите [+] место.
- Наведите курсор на изображение и выберите эллипс, выберите детали просмотра, затем выберите [+] место.
- Наведите курсор на изображение и выберите эллипс, выберите детали просмотра, затем перетащите изображение.
Подтверждение размера изображения
- Наведите на изображение и выберите эллипс.
- Выберите детали.
- Откройте параметры размещения.
- Gets the width and height of the window.
- Выберите место.
Обратите внимание:это единственный способ манипулировать размером изображения.
Блок Текста
Добавление текста в ваш Brandguide может быть сделано путем перетаскивания текстового блока на холст.
Стили текста-кнопки
Когда стили текстов изменяются на уровне глобальных настроек, они повлияют на все на уровне Brandguide. При изменении уровня блока они повлияют только на этот конкретный блок.
Текст по умолчанию
- Перейдите к настройкам.
- Введите ваш шестнадцатеричный код в цветовое поле текста.
Это повлияет на любой текст страницы, включая текстовые блоки.
Текст в блоке
- Наведите курсор на текстовый блок.
- WYSIWYG редактор будет отображать шрифты, размеры, цвета текста и форматирование, такие как добавление маркеров или ссылок на текст.
- Изменения, внесенные здесь, будут влиять только на выбранный блок.
Типография
На данный момент пользователей не могут загрузить или синхронизировать шрифты с библиотекой на Brandguide. Шрифты, доступные в раскрывающемся списке, хранятся в веб-шрифтах Google. Расширенные пользователи могут добавлять сторонние шрифты с помощью CSS. Для получения дополнительной информации посетите Brandguide Customization Using CSS article. Команда поддержки библиотек не сможет помочь вам с созданием собственного кода.
Цветовые блоки
Кодовые Блоки
Блок кода работает со стандартным HTML / CSS. Использование этого блока рекомендуется только в том случае, если у вас есть продвинутые знания в области CSS. Поддержка клиентов не сможет вам помочь, когда вы реализуете свой собственный код в Brandguide. Код будет очищен в попытке предотвратить атаку XSS.
Редактирование кода блоков
При добавлении блока HTML/CSS на страницу вы можете добавить свой код в Brandguide. HTML будет добавлен в определенное местоположение на странице, и CSS будет применяться к любым областям холста, которые будут затронуты. После завершения с кодом,выберите значок глаз, чтобы просмотреть изменения.
CSS также может быть отредактирован на глобальном уровне в настройках поскольку лучше использовать те стили, которые установлены на верхнем уровне и каскад вниз.
Добавление видео с помощью HTML
Блок flyout не поддерживает добавление видео блоков. Однако, используя код вставки видео, видео может быть добавлено с помощью пользовательских HTML и видео активов из Библиотеки. Поддержка клиентов не сможет вам помочь, когда вы реализуете свой собственный код в Brandguide.
- Открыть модуль актива для видео.
- Перейдите на вкладку «Пользовательские настройки».
- Найдите код вставки видео и выберитеКопировать ссылку.
- Вставьте код в HTML-блок.
Редактирование кода блоков
Некоторые коды и элементы внутри них будут усвоены в целях безопасности против атак XSS.
Редактирование кода блоков
Удаление блоков кода удалит блок и весь код, написанный внутри блока. CSS написанный на глобальном уровне настройки останутся, если не будет отредактирован в меню настроек.
Редактирование кода блоков
Перемещение блока кода после написания HTML и CSS может нарушить блок или предполагаемые эффекты кода. Для наилучшего результата напишите код после позиции блоков.
Добавление текста в ваш Brandguide может быть сделано путем перетаскивания текстового блока на холст.
Источники цветов
Цветовой блок передается из библиотеки или коллекции, связанных с Brandguide. Если в Brandguide, нет цветов, это означает, что в Библиотеку или Коллекцию ничего не добавлено. Чтобы добавить цвета, добавьте их в библиотеку.
Синхронизация цветов
При внесении изменений в цвета на уровне Библиотеки, изменение также автоматически отражается в Brandguide. Если изменения внесены в библиотеку и изменения не отражены в Brandguide, вы можете вручную синхронизировать с помощью круговой кнопки синхронизации в правом верхнем углу цвета.
Цветовой режим
Вы можете изменить, какой режим цвета появится как в летучии, так и в холсте.
- Выберите значок настроек в правом верхнем углу цветовой полосы.
- Выберите флажки для отображения HEX, RGB, CMYK и выберите Сохранить.
- Рядом со значком цвета появится иконка копии.