El 2024-10-30T04:00:00Z, dos de nuestros diseñadores, Jordan y Kris, nos explicaron cómo está configurado el equipo de diseño de Discourse y compartieron consejos para crear diseños de comunidad personalizados.
Repetición
Estructura del Equipo de Diseño de un Vistazo
- Jordan es nuestro Líder del Equipo de Diseño.
- El equipo de diseño tiene dos ramas:
- Proyectos de Clientes (Bryce y Ty), que se encargan de las solicitudes y personalizaciones de los clientes.
- Equipo Interno Central de Discourse (Charlie, Ella, Kris y Meghna), centrado en las funcionalidades dentro de Discourse.
Puntos Destacados de Personalización
- Foro de Desarrolladores de OpenAI: Un aspecto minimalista, listo para usar, con un estilo ligero.
- Comunidad MAKE: Se añadieron funcionalidades como un diseño de ancho completo y un banner de búsqueda personalizado para una sensación personalizada.
- Epic Developer Community (Unreal Engine): Un diseño muy personalizado con diseños únicos, plugins y ajustes de iconos, que muestra hasta dónde se puede llegar con la personalización de Discourse.
Preguntas Principales
Comenzando con el Diseño de la Comunidad en Discourse
Empieza de forma sencilla: comprende la funcionalidad de Discourse y define los objetivos de tu comunidad. Utiliza elementos de marca (como esquemas de color y enlaces de encabezado) y considera los componentes disponibles antes de sumergirte en una personalización profunda.
Diferencia entre Temas y Componentes de Tema
Un tema ajusta la apariencia general, mientras que los componentes de tema son elementos personalizados individuales (como enlaces de encabezado o banners de búsqueda) que se pueden añadir a cualquier tema.
Pasos desde un Diseño Básico hasta Altamente Personalizado
Las configuraciones básicas pueden utilizar componentes y temas existentes, mientras que las personalizaciones avanzadas pueden requerir la participación de desarrolladores para cambios más profundos. Discourse Meta ofrece una variedad de componentes de tema para una personalización más fácil y lista para usar.
Uso Efectivo de Plugins y Componentes
Los plugins permiten modificaciones del lado del servidor, pero pueden afectar al rendimiento, por lo que son ideales para configuraciones más grandes. Los componentes de tema son ideales para cambios en el lado del cliente, accesibles a través de Meta para una fácil instalación y mantenimiento.
Recursos de Figma y Disponibilidad de Guía de Estilo
Aunque el equipo utiliza algunos componentes de Figma internamente, no existe una biblioteca completa debido a la amplia personalización posible en Discourse. Sin embargo, una guía de estilo integrada en Discourse ofrece un buen punto de partida para diseños personalizados.
Herramientas y Recursos Clave
- Temas de Discourse
- Componentes de Tema (enlaces de encabezado, banners de búsqueda y más)
- Discourse Discover: Una muestra en vivo de comunidades de Discourse con diferentes niveles de personalización.
- Ask.discourse.com - Un recurso de aprendizaje para desarrolladores y propietarios de comunidades de Discourse impulsado por IA.
