
Открывайте файл,
где удобно
Скачивайте, пересылайте
и открывайте доски в любом инструменте, который поддерживает формат .board
CSS
К некоторым блокам применены стили через CSS, это видно только в предпросмотре. И важно не забывать при переносе/копировании также копировать стили css, иначе некоторые блоки и детали будут отображаться некорректно.
Возможности сайта → Настройки страницы → CSS → Пользовательский CSS
Блок десктопное меню с кнопкой
Необходимо проверять, чтобы при переносе/копировании не слетал якорь (#menu). Видимость блока (только десктоп)
Желательно не более 3х-4х пунктов, чтобы на небольших экранах меню не сбивалось в две строки.
Блок десктопное меню с кнопкой
Необходимо проверять, чтобы при переносе/копировании не слетал якорь (#menu). Видимость блока (только десктоп)
Желательно не более 3х-4х пунктов, чтобы на небольших экранах меню не сбивалось в две строки.
Блок мобильное меню
Обыкновенный бургер. Видимость блока (планшеты и мобильные)
Главный блок с текстом, большим интерфейсом и кнопкой по середине на градиентном фоне
В этом блоке скриншот — только целый экран (никаких ноутбуков). Ширина обязательно 2200px, высота приблизительная (около 1200px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его до 2200px). Без теней и скругленных краев, это добавляется через CSS.
При желании можно скрыть часть с изображением и использовать как просто главный блок с текстом и кнопкой.
удобно
быстро
Место, где ваши идеи превращаются в результат
Доски — популярный инструмент современных команд. Они позволяют визуализировать любые идеи и связи, быстро структурировать информацию, планировать сложные процессы, обсуждать результат с коллегами и параллельно вносить правки.
Место, где ваши идеи превращаются в результат
Доски — популярный инструмент современных команд. Они позволяют визуализировать любые идеи и связи, быстро структурировать информацию, планировать сложные процессы, обсуждать результат с коллегами и параллельно вносить правки.
Больше не нужно регистрироваться
в сторонних сервисах, вручную раздавать
к ним доступы и пересылать неизвестные ссылки. Доски находятся внутри Битрикс24: шерьте доступ хоть всей команде и начинайте работу. Удобно и безопасно.
Больше не нужно регистрироваться
в сторонних сервисах, вручную раздавать к ним доступы и пересылать неизвестные ссылки. Доски находятся внутри Битрикс24: шарьте доступ хоть всей команде и начинайте работу. Удобно и безопасно.
привыкли работать
Откройте доску во время видеозвонка,
чтобы вместе работать над проектом, брейнштормить, обсуждать идеи и быстро находить решения в режиме реального
времени. Также доску можно отправить
в чат или Ленту, прикрепить к задаче.
привыкли работать
Откройте доску во время видеозвонка, чтобы вместе работать над проектом, брейнштормить, обсуждать идеи и быстро находить решения в режиме реального времени. Также Доску можно отправить в чат или Ленту, прикрепить к задаче.
и участников
Создавайте сколько угодно интерактивных досок, приглашайте любое количество участников. Используйте разные объекты
и готовые шаблоны, ставьте реакции
и оставляйте заметки. Битрикс24 Доски идеальны для профи и больших команд.
Создавайте сколько угодно интерактивных досок, приглашайте любое количество участников. Используйте разные объекты и готовые шаблоны, ставьте реакции и оставляйте заметки. Битрикс24 Доски идеальны для профи и больших команд.
задачи и потребности
Создавайте доски, которые будут точно отражать специфику вашей работы. Большой набор фигур позволяет выйти за рамки стандартных шаблонов и кастомизировать доски под особые задачи и нужды разных отделов.
под любые задачи и потребности
Создавайте доски, которые будут точно отражать специфику вашей работы. Большой набор фигур позволяет выйти за рамки стандартных шаблонов и кастомизировать доски под особые задачи и нужды разных отделов.
Участники видят те доски и слои, которые нужны им для работы — ничего лишнего. Если кто-то из сотрудников уволится, его не нужно удалять из списка пользователей вручную: он автоматом теряет все доступы.
Участники видят те доски и слои, которые нужны им для работы — ничего лишнего.
Если кто-то из сотрудников уволится, его
не нужно удалять из списка пользователей вручную: он автоматом теряет все доступы.
для безопасной работы с досками
для безопасной работы
с Досками

Открывайте файл,
где удобно
Скачивайте, пересылайте
и открывайте доски в любом инструменте, который поддерживает формат .board

Они будут иметь временный доступ только к высланной версии файла и не смогут вносить правки

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

Открывайте файл,
где удобно
Скачивайте, пересылайте
и открывайте доски
в любом инструменте, который поддерживает формат .board

Они будут иметь временный доступ только
к высланной версии файла
и не смогут вносить правки

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

с объектами
для удобства, порядка
и коммуникации


Управляйте видимостью
и редактированием контента участниками. Добавляйте заметки или оставляйте комментарии

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

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

Управляйте видимостью
и редактированием контента участниками. Добавляйте заметки или оставляйте комментарии

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

Закрепляйте объекты на доске. Никто из участников не сможет случайно удалить, переставить или изменить важные компоненты
будут полезны
Битрикс24 Доски
Разработка рекламных кампаний, визуализация идей, анализ ЦА

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

Разработка курсов и тренингов, создание учебных программ

Креативные сессии, мудборды, организация визуальной иерархии

Зависимости между задачами, планирование, ретроспектива

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

Разработка рекламных кампаний, визуализация идей, анализ ЦА

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

Разработка курсов
и тренингов, создание
учебных программ

Креативные сессии, мудборды, организация визуальной иерархии

Зависимости между
задачами, планирование,
ретроспектива

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

Разработка рекламных
кампаний, визуализация
идей, анализ ЦА

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

Разработка курсов
и тренингов, создание
учебных программ

Креативные сессии,
мудборды, организация
визуальной иерархии

Зависимости между
задачами, планирование,
ретроспектива

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


Бесплатно.



Главный блок с текстом и кнопкой на градиентном фоне
Главный блок с текстом и кнопкой на светлом фоне
Главный блок с текстом, кнопкой и изображением справа на светлом фоне
В этом блоке скриншот оформляется по шаблону (есть исходник). Ширина обязательно 1080px, высота приблизительная (около 700px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его).
Также можно по шаблону оформить просто фотографию.
Главный блок с текстом, кнопкой и изображением cлева на светлом фоне
В этом блоке скриншот оформляется по шаблону (есть исходник). Ширина обязательно 1080px, высота приблизительная (около 700px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его).
Также можно по шаблону оформить просто фотографию.
Главный блок с текстом, кнопкой и изображением cправа на градиентном фоне
В этом блоке скриншот — только целый экран (никаких ноутбуков). Ширина обязательно 1440px, высота приблизительная (около 700px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его до 1440px). Без теней и скругленных краев, это добавляется через CSS.
Блок с иконками и тезисами (2шт)
Это блок для двух тезисов. Можно при желании сделать четыре (в два ряда). Иконки использовать только fontawesome, стиль №2
Блок с иконками и тезисами (3шт)
Это блок для трех тезисов. Можно при желании сделать шесть (в два ряда). Иконки использовать только fontawesome, стиль №2. Количество текста в карточках должно быть одинаковым — везде в одну строчку, либо везде в две строчки.
Необходимо проверять, чтобы при переносе/копировании не слетал якорь (#thesis03). Если будет использоваться два блока, то второй должен иметь якрорь (#thesis03B), третий (#thesis03C)
Блок с иконками и тезисами (4шт)
Это блок для четырёх тезисов. Иконки использовать только fontawesome, стиль №2
Блок с иконками и тезисами (6шт)
Это блок для шести тезисов. Иконки использовать только fontawesome, стиль №2
Блок с иконками и тезисами (10шт и более)
Это блок для 10+ тезисов. Разные иконки в этом блоке использовать не рекомендуется
Блок с описанием, картинкой и кнопкой
Картинка в этом блоке делается по шаблону (есть исходник). Коллаж из двух фото, либо фото + кусочек интерфейса, с добавлением большой иконки в новом стиле и дополнительных элементов. Подразумевается, что это делает дизайнер. Размер изображения 1080px x 900px
Если главный блок используется светлый, то лучше взять второй вариант этого блока на светло-сером фоне.
Главный блок для разделов
Блок состоит из крупного заголовка, подзаголовка и пометки. При желании или необходимости можно убрать подзаголовок или пометку. Висячие предлоги союзы и пр. рекоммендуется соединять со следующим словом неразрывным пробелом.
Блок с большим изображением по центру
Блок позволяет крупно показать целиком окно интерфейса, либо какую-либо его выделенную часть, изображения в ноутбуке не подходят. Ширина обязательно 2200px, высота приблизительная (около 1200px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его до 2200px). Без теней и скругленных краев, это добавляется через CSS.
Блок с доп фичами
Этот блок идет парой с блоком "Большое изображение по центру". Только три пункта, желательно одинаковое количество текста. Иконки менять не рекомендуется.
Блок кнопка по центру
Цвет, размер и стиль кнопки менять не рекомендуется, цвет при наведении настраивается через CSS.
Главный блок для разделов
Цвета разделов рекомендуется чередовать, белый (#ffffff) и светло-серый (#fcfcfc)
Блок с крупным изображением и текстом справа
В этом блоке рекомендуется использовать целиком окно интерфейса, либо какую-либо его выделенную часть. Ширина обязательно 1460px, высота приблизительная (около 900px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его до 1460px). Без теней и скругленных краев, это добавляется через CSS.
Текстовый блок можно при необходимости редактировать — делать несколько раз "Заголовок/Подзаголовок" или "Список с пунктами" вместо простого текста. Но необходимо рассчитывать количество текста, так, чтобы текстовый блок не превышал высоту изображения.
Блок с крупным изображением и текстом слева
В этом блоке рекомендуется использовать целиком окно интерфейса, либо какую-либо его выделенную часть. Ширина обязательно 1270px, высота приблизительная (около 900px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его до 1270px). Без теней и скругленных краев, это добавляется через CSS.
Текстовый блок можно при необходимости редактировать — делать несколько раз "Заголовок/Подзаголовок" или "Список с пунктами" вместо простого текста. Но необходимо рассчитывать количество текста, так, чтобы текстовый блок не превышал высоту изображения.
Блок с текстом и коллажем из интерфейсов слева
Для этого блока, чтобы выделить крупно какую-то фичу или деталь процесса, на основе исходника изготавливается коллаж. Ширина обязательно 1080px, высота приблизительная (около 800px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот и растянуть его. Подразумевается, что это делает дизайнер
Необходимо рассчитывать количество текста, так, чтобы текстовый блок не превышал высоту изображения.
Блок разделитель (полосочка)
Блоки не связанные между собой можно разделять цветом фона. Цвета рекомендуется использовать либо белый (#ffffff), либо светло-серый (#fcfcfc), либо, если что-то нужно выделить, то светло-голубой (#f5fbff). Но если по какой-то причине нельзя изменить цвет и положение блока, (например блок про интеграции с логотипами партнеров обязательно должен быть на белом фоне), и получается подряд два несвязанных блока с одинаковым фоном, то рекомендуется использовать блок разделитель (полосочку)
Блок с видео и текстом слева
Необходимо рассчитывать количество текста, так, чтобы текстовый блок не превышал высоту видео.
Настройки для видео: воспроизводить автоматически - да, показывать элементы управления - да, воспроизводить по кругу - да, звук - выкл.
Блок с видео и текстом справа
Необходимо рассчитывать количество текста, так, чтобы текстовый блок не превышал высоту видео.
Настройки для видео: воспроизводить автоматически - да, показывать элементы управления - да, воспроизводить по кругу - да, звук - выкл.
Выделенный блок с важной информацией и кнопкой
В данном случае это блок про 10 000 000 компаний, но можно использовать и в других ситуациях.
Блок с вопросами
Вопросы и пункты можно менять и добавлять стандартными средствами редактирования. Стили, подчеркивания, цвета рамок, цвета при наведении и прочее менять не рекомендуется.
Блок перебивка с изображением на весь экран
В случае если появляется необходимость разбавить сплошной поток информации, можно добавить фотографию. Фото желательно подбирать в соответствии с цветовой гаммой сайта, подходящие по смыслу, либо относительно нейтральные, типа "бизнес работает в Битркс24". Подразумевается, что это делает дизайнер.
Блок c текстом и несколькими шагами?
В данном случае это блок "Как начать?". Если справа нужно больше пунктов их можно добавить через суперблок
Блок про мобильное приложение
Необходимо, следить, чтобы текстовый блок не превышал высоту картинки. Скрины в мокапах при необходимости можно менять с помощью дизайнеров. При переносе/копирование важно не забывать про отдельную версию блока для планшетов.
Футер
Он же блок про то, что Битрикс24 - это набор инструментов