T
TechInsights
목록으로
Architecture•2023. 01. 25.

Vibrant Design System을 소개합니다

클래스101
클래스101 Engineering Team
Vibrant Design System을 소개합니다

핵심요약

원문 보기

클래스101은 기존 One Product System을 구독 서비스 런칭에 맞춰 Vibrant Design System으로 개편했으며, 이 시스템은 Cross Platform, Productive, Consistent를 핵심 가치로 하여 효율적인 프로덕트 제작을 목표로 합니다.

Vibrant Design System 소개 및 개편 배경

1. Vibrant Design System으로의 전환 배경

  • 기존 One Product System(OPS)은 구독 서비스 런칭과 함께 Vibrant Design System으로 전면 개편되었습니다.
  • 디자인 시스템의 역할과 범위에 대한 내부적인 심층적 고민이 시스템 개편의 주된 동기가 되었습니다.
  • 다양한 직군의 관점에서 디자인 시스템의 본질적인 목적을 재정의하고, 견고하고 안정적인 프로덕트 개발이라는 목표를 수립했습니다.

2. Vibrant Design System의 핵심 정의 및 가치

  • Vibrant는 프로덕트 제작 구성원을 위한 인터널 툴이자 방법론으로, 디지털 인터페이스 디자인 및 제작에 대한 공식적인 정의들의 모음입니다.
  • 조직의 브랜드와 제품 경험 간의 **단일한 진실의 원천(Single Source of Truth)**으로서, 일관성 있고 효율적인 브랜드 가치 제공을 목표로 합니다.
  • Cross Platform, Productive, Consistent를 핵심 가치로 하여 사용자에게 일관된 서비스 경험을 제공하고 빌더의 효율적인 개발을 지원합니다.

3. Vibrant Design System의 구조 및 구성 요소

  • Vibrant는 **3가지 파트(Assets, Documentation, Process)**와 **4가지 계층(Foundation, Tokens, Core Systems, Components)**으로 구성됩니다.
  • Foundation 계층은 조직의 브랜드 집합을 포함하는 가장 핵심적인 정의를 담당하며, Tokens 계층은 Foundation의 코드화된 확장입니다.
  • Core Systems 계층은 Foundation과 Tokens를 활용하는 규칙과 패턴의 집합이며, Components 계층은 실제 사용 가능한 디지털 인터페이스 요소들을 의미합니다.
  • 각 파트는 유형 자산(Assets), 명세 문서(Documentation), 작업 방식(Process)을 정의하며, 이를 통해 시스템의 균형 있는 발전을 도모합니다.

4. 향후 계획 및 기대 효과

  • Vibrant Design System은 멀지 않은 시점에 오픈 소스로 공개될 예정이며, 외부 기여를 통한 발전을 기대하고 있습니다.
  • 시스템 공개를 통해 더 많은 프로젝트에서 활용되고, 피드백과 기여를 바탕으로 지속적으로 발전할 것입니다.
  • 현재도 완성도 높은 시스템을 선보이기 위해 지속적인 고민과 개선이 이루어지고 있습니다.
#Architecture#FrontEnd#All
클래스101
클래스101

클래스101 Engineering Team

기술 인사이트를 전달하는 공식 채널

You might also like

View all
메리츠증권의 AWS 클라우드 여정: 클라우드 기반 차세대 증권 플랫폼 설계

메리츠증권의 AWS 클라우드 여정: 클라우드 기반 차세대 증권 플랫폼 설계

엠넷플러스 실시간 글로벌 투표 시스템 아키텍처 개선 사례

엠넷플러스 실시간 글로벌 투표 시스템 아키텍처 개선 사례