[Вебинар] Спросите о Discourse всё: версия для дизайнеров

[Дата=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 и владельцев сообществ, работающий на базе ИИ
21 лайк

Hi there, will this be recorded? It’s just after midnight for me.

4 лайка

Yup, we always record these sessions.

5 лайков

Great to hear you will be talking about design and Discourse!

Unfortunately, I will also not be able to join live, so if up-front questions are okay, and if it’s not too much for the scope of this session, it would be great to learn more about how the Discourse design team conceptualizes the general Discourse UX, especially for the main page, and how things might evolve in the future (sidebar, filter elements in the main content header, personal menu, notifications, etc.).

My impression is that currently due to the way things evolved over time, there’s a bit of overlap between different elements (e.g. category filter in side bar and in content header, or personal message in side bar and in personal menu), and I struggle to build clear mental models of the different building blocks of the page [1]. But it’s also perfectly possible that the Discourse design team approaches this topic with a different lens than me.


  1. I really should do a longer post on this ↩︎

5 лайков

Great question! We’ll be sure to include some info around this when the replay is posted. (I’ll be updating the OP with a week.)

3 лайка

Replay and recap will be posted early next week!

6 лайков

Sorry to bother you, but is there any news on the recap? Would be great to be able to watch it over the weekend.

3 лайка

Refresh! I just updated the OP. :smiley:

5 лайков

Excellent! Thanks a lot!

2 лайка