Le 2024-10-30T04:00:00Z, deux de nos designers, Jordan et Kris, nous ont présenté l’organisation de l’équipe de design de Discourse et partagé des conseils pour créer des designs de communauté personnalisés.
Enregistrement
Aperçu de la structure de l’équipe de design
- Jordan est notre responsable de l’équipe de design.
- L’équipe de design comprend deux branches :
- Projets clients (Bryce et Ty), gérant les demandes et les personnalisations des clients.
- Équipe interne Discourse Core (Charlie, Ella, Kris et Meghna), axée sur les fonctionnalités au sein de Discourse lui-même.
Points forts de la personnalisation
- Forum des développeurs OpenAI : Un look minimaliste prêt à l’emploi avec un style léger.
- Communauté MAKE : Ajout de fonctionnalités telles qu’une mise en page pleine largeur et une bannière de recherche personnalisée pour une touche personnalisée.
- Communauté Epic Developer (Unreal Engine) : Un design fortement personnalisé avec des mises en page uniques, des plugins et des ajustements d’icônes, montrant à quel point la personnalisation de Discourse peut aller loin.
Meilleures questions
Commencer par le design de la communauté sur Discourse
Commencez simplement : comprenez les fonctionnalités de Discourse et définissez les objectifs de votre communauté. Utilisez les éléments de marque (comme les schémas de couleurs et les liens d’en-tête) et examinez les composants disponibles avant de vous lancer dans une personnalisation approfondie.
Différence entre les thèmes et les composants de thème
Un thème modifie l’apparence et la sensation globales, tandis que les composants de thème sont des éléments de personnalisation individuels (comme les liens d’en-tête ou les bannières de recherche) qui peuvent être ajoutés à n’importe quel thème.
Étapes pour passer d’un design de base à un design hautement personnalisé
Les configurations de base peuvent utiliser des composants et des thèmes existants, tandis que les personnalisations avancées peuvent nécessiter l’intervention d’un développeur pour des modifications plus profondes. Discourse Meta propose une variété de composants de thème pour une personnalisation plus facile et prête à l’emploi.
Utilisation efficace des plugins et des composants
Les plugins permettent des modifications back-end, mais peuvent avoir un impact sur les performances, ils sont donc mieux adaptés aux configurations plus importantes. Les composants de thème sont idéaux pour les modifications front-end, accessibles via Meta pour une installation et une maintenance faciles.
Ressources Figma et disponibilité du guide de style
Bien que l’équipe utilise certains composants Figma en interne, il n’existe pas de bibliothèque complète en raison de la grande personnalisation possible sur Discourse. Cependant, un guide de style intégré dans Discourse offre un point de départ solide pour les mises en page personnalisées.
Outils et ressources clés
- Thèmes Discourse
- Composants de thème (liens d’en-tête, bannières de recherche, et plus encore)
- Discourse Discover : Une vitrine en direct des communautés Discourse avec différents niveaux de personnalisation.
- Ask.discourse.com - Une ressource d’apprentissage pour les développeurs Discourse et les propriétaires de communautés, propulsée par l’IA
