Em 2024-10-30T04:00:00Z, dois de nossos designers, Jordan e Kris, nos apresentaram como a equipe de design da Discourse é estruturada e compartilharam dicas para criar designs de comunidade personalizados.
Replay
Estrutura da Equipe de Design em Resumo
- Jordan é nosso Líder da Equipe de Design
- A equipe de design tem dois ramos:
- Projetos de Clientes (Bryce e Ty), cuidando de solicitações e personalizações de clientes.
- Equipe Interna do Núcleo Discourse (Charlie, Ella, Kris e Meghna), focando em recursos dentro do próprio Discourse.
Destaques de Personalização
- Fórum de Desenvolvedores OpenAI: Um visual minimalista, pronto para uso, com estilo leve.
- Comunidade MAKE: Adicionou recursos como layout de largura total e banner de pesquisa personalizado para uma sensação personalizada.
- Epic Developer Community (Unreal Engine): Um design altamente personalizado com layouts exclusivos, plugins e ajustes de ícones, mostrando o quão longe você pode ir com a personalização do Discourse.
Principais Perguntas
Começando com o Design da Comunidade no Discourse
Comece de forma simples: entenda a funcionalidade do Discourse e defina metas para sua comunidade. Utilize elementos de marca (como esquemas de cores e links de cabeçalho) e considere os componentes disponíveis antes de mergulhar em personalizações profundas.
Diferença entre Temas e Componentes de Tema
Um tema ajusta a aparência geral, enquanto os componentes de tema são elementos personalizados individuais (como links de cabeçalho ou banners de pesquisa) que podem ser adicionados a qualquer tema.
Etapas de um Design Básico a Altamente Personalizado
Configurações básicas podem usar componentes e temas existentes, enquanto personalizações avançadas podem exigir o envolvimento de desenvolvedores para alterações mais profundas. O Discourse Meta oferece uma variedade de componentes de tema para personalização mais fácil e pronta.
Usando Plugins e Componentes Efetivamente
Plugins permitem modificações no back-end, mas podem impactar o desempenho, sendo ideais para configurações maiores. Componentes de tema são ideais para alterações no front-end, acessíveis através do Meta para fácil instalação e manutenção.
Recursos do Figma e Disponibilidade do Guia de Estilo
Embora a equipe use alguns componentes do Figma internamente, não há uma biblioteca completa devido à ampla personalização possível no Discourse. No entanto, um guia de estilo integrado no Discourse oferece um ponto de partida sólido para layouts personalizados.
Principais Ferramentas e Recursos
- Temas do Discourse
- Componentes de Tema (links de cabeçalho, banners de pesquisa e mais)
- Discourse Discover: Uma vitrine ao vivo de comunidades Discourse com diferentes níveis de personalização.
- Ask.discourse.com - Um recurso de aprendizado para desenvolvedores e proprietários de comunidades Discourse, alimentado por IA