[Дата=2024-10-30 timezone=“America/New_York”], два наших дизайнера, Джордан и Крис, рассказали нам о структуре команды дизайнеров Discourse и поделились советами по созданию кастомных дизайнов для сообществ.
Повторный просмотр
Структура команды дизайнеров: взгляд со стороны
- Джордан — руководитель команды дизайнеров.
- Команда дизайнеров состоит из двух направлений:
- Проекты для клиентов (Брайс и Тай): обработка запросов клиентов и кастомизация.
- Внутренняя команда ядра Discourse (Чарли, Элла, Крис и Мегхна): разработка функций самого Discourse.
Особенности кастомизации
- Форум разработчиков OpenAI: минималистичный дизайн «из коробки» с лёгкой стилизацией.
- Сообщество MAKE: добавлены такие функции, как макет на всю ширину и пользовательский баннер поиска для создания индивидуального образа.
- Epic Developer Community (Unreal Engine): глубоко кастомизированный дизайн с уникальными макетами, плагинами и настройками иконок, демонстрирующий возможности кастомизации в Discourse.
Главные вопросы
Начало работы с дизайном сообщества в Discourse
Начните с простого: изучите функциональность Discourse и определите цели вашего сообщества. Используйте элементы брендинга (например, цветовые схемы и ссылки в заголовке) и рассмотрите доступные компоненты, прежде чем переходить к глубокой кастомизации.
Разница между темами и компонентами тем
Тема меняет общий внешний вид и ощущение, тогда как компоненты тем — это отдельные пользовательские элементы (например, ссылки в заголовке или баннеры поиска), которые можно добавить к любой теме.
Шаги от базового до высококастомизированного дизайна
Базовые настройки могут использовать существующие компоненты и темы, тогда как продвинутая кастомизация может потребовать участия разработчика для более глубоких изменений. Discourse Meta предлагает множество компонентов тем для простой и готовой кастомизации.
Эффективное использование плагинов и компонентов
Плагины позволяют вносить изменения на бэкенде, но могут влиять на производительность, поэтому они лучше подходят для крупных проектов. Компоненты тем идеальны для изменений на фронтенде; их можно найти в Meta для удобной установки и обслуживания.
Ресурсы Figma и доступность руководства по стилям
Хотя команда использует некоторые компоненты Figma internally, полноценной библиотеки нет из-за широких возможностей кастомизации в Discourse. Однако встроенное руководство по стилям в Discourse служит отличной отправной точкой для создания пользовательских макетов.
Ключевые инструменты и ресурсы
- Темы Discourse
- Компоненты тем (ссылки в заголовке, баннеры поиска и многое другое)
- Discourse Discover: живая демонстрация сообществ Discourse с разным уровнем кастомизации.
- Ask.discourse.com — обучающий ресурс для разработчиков Discourse и владельцев сообществ, работающий на базе ИИ