2024-10-30T04:00:00Z, 우리 디자이너인 Jordan과 Kris가 Discourse 디자인 팀의 구성 방식을 안내하고, 맞춤형 커뮤니티 디자인을 만드는 데 도움이 되는 팁을 공유했습니다.
리플레이
한눈에 보는 디자인 팀 구조
- Jordan은 디자인 팀 리더입니다.
- 디자인 팀은 두 가지 부문으로 나뉩니다:
- 고객 프로젝트 (Bryce와 Ty): 고객 요청 및 커스터마이징을 담당합니다.
- Discourse 코어 내부 팀 (Charlie, Ella, Kris, Meghna): Discourse 자체의 기능 개발에 집중합니다.
커스터마이징 하이라이트
- OpenAI Developer Forum: 가벼운 스타일링으로 완성된 미니멀하고 기본 제공(out-of-the-box)된 모습.
- MAKE Community: 전체 폭 레이아웃과 맞춤형 검색 배너와 같은 기능이 추가되어 개인화된 느낌을 줍니다.
- Epic Developer Community (Unreal Engine): 고유한 레이아웃, 플러그인, 아이콘 조정으로 심도 있게 커스터마이징된 디자인으로, Discourse 커스터마이징으로 얼마나 멀리 갈 수 있는지를 보여줍니다.
주요 질문
Discourse에서 커뮤니티 디자인 시작하기
단순하게 시작하세요: Discourse의 기능을 이해하고 커뮤니티의 목표를 정의하십시오. 심도 있는 커스터마이징에 들어가기 전에 브랜드 요소(색상 스킴 및 헤더 링크 등)와 사용 가능한 컴포넌트를 활용하는 것을 고려하십시오.
테마와 테마 컴포넌트의 차이점
테마는 전반적인 외관과 느낌을 조정하는 반면, 테마 컴포넌트는 헤더 링크나 검색 배너와 같이 어떤 테마에든 추가할 수 있는 개별적인 사용자 정의 요소입니다.
기본에서 심도 있는 커스터마이징 디자인으로 가는 단계
기본 설정은 기존 컴포넌트와 테마를 사용할 수 있지만, 심도 있는 변경을 위한 고급 커스터마이징에는 개발자의 개입이 필요할 수 있습니다. Discourse Meta는 더 쉽고 준비된 커스터마이징을 위해 다양한 테마 컴포넌트를 제공합니다.
플러그인과 컴포넌트를 효과적으로 사용하기
플러그인은 백엔드 수정을 가능하게 하지만 성능에 영향을 줄 수 있으므로 대규모 설정에 가장 적합합니다. 테마 컴포넌트는 프론트엔드 변경에 이상적이며, Meta를 통해 쉽게 설치하고 유지 관리할 수 있습니다.
Figma 리소스 및 스타일 가이드 제공 여부
팀이 내부적으로 일부 Figma 컴포넌트를 사용하지만, Discourse에서 가능한 광범위한 커스터마이징으로 인해 전체 라이브러리는 없습니다. 그러나 Discourse 내장 스타일 가이드는 맞춤형 레이아웃에 대한 견고한 시작점을 제공합니다.
주요 도구 및 리소스
- Discourse Themes
- Theme Components (헤더 링크, 검색 배너 등)
- Discourse Discover: 다양한 수준의 커스터마이징을 가진 Discourse 커뮤니티의 라이브 쇼케이스.
- Ask.discourse.com - AI가 제공하는 Discourse 개발자 및 커뮤니티 소유자를 위한 학습 리소스
