El 2024-10-30T04:00:00Z, dos de nuestros diseñadores, Jordan y Kris, nos explicaron cómo está estructurada el equipo de diseño de Discourse y compartieron consejos para crear diseños personalizados para comunidades.
Grabación
Estructura del equipo de diseño de un vistazo
- Jordan es el líder del equipo de diseño.
- El equipo de diseño tiene dos ramas:
- Proyectos para clientes (Bryce y Ty), que se encargan de las solicitudes y personalizaciones de los clientes.
- Equipo interno del núcleo de Discourse (Charlie, Ella, Kris y Meghna), enfocado en las funciones dentro del propio Discourse.
Aspectos destacados de la personalización
- Foro de desarrolladores de OpenAI: Un aspecto minimalista, listo para usar, con un estilo ligero.
- Comunidad MAKE: Añadió funciones como un diseño de ancho completo y un banner de búsqueda personalizado para darle un toque personal.
- Comunidad de desarrolladores Epic (Unreal Engine): Un diseño altamente personalizado con diseños únicos, complementos y ajustes de iconos, que muestra hasta dónde se puede llegar con la personalización de Discourse.
Preguntas más frecuentes
Comenzar con el diseño de comunidades 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 en la cabecera) y considera los componentes disponibles antes de sumergirte en personalizaciones profundas.
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 en la cabecera o banners de búsqueda) que se pueden agregar a cualquier tema.
Pasos desde un diseño básico hasta uno altamente personalizado
Las configuraciones básicas pueden usar componentes y temas existentes, mientras que las personalizaciones avanzadas pueden requerir la participación de un desarrollador para cambios más profundos. Discourse Meta ofrece una variedad de componentes de tema para una personalización más sencilla y lista para usar.
Uso efectivo de complementos y componentes
Los complementos permiten modificaciones en el backend, pero pueden afectar el rendimiento, por lo que son más adecuados para configuraciones más grandes. Los componentes de tema son ideales para cambios en el frontend, accesibles a través de Meta para una instalación y mantenimiento sencillos.
Recursos de Figma y disponibilidad de la 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 punto de partida sólido para diseños personalizados.
Herramientas y recursos clave
- Temas de Discourse
- Componentes de tema (enlaces en la cabecera, 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 de Discourse y propietarios de comunidades potenciado por IA
