사흘 이내 로스팅
주문이 모이면 그때 볶습니다. 미리 볶아 쌓아두지 않습니다.
LINE Design System (LDS) vs Material Design
커피 구독 브랜드 LUMA 의 같은 랜딩 한 페이지를 두 스타일 규칙으로 각각 다시 지어 나란히 놓았습니다. 콘텐츠는 같고, 규칙만 다릅니다.
같은 씬, 두 벌
무드 대비
4축 좌표(-2 ~ +2)를 같은 눈금 위에 겹쳐 놓았습니다. 축은 정규화하지 않습니다 — 두 점이 붙어 있으면 실제로 가까운 것입니다.
무드 4축 수치(−2에서 +2 사이): 밀도 — LINE Design System (LDS) 0, Material Design 0. 온도감 — LINE Design System (LDS) 1, Material Design 0. 시대감 — LINE Design System (LDS) 0, Material Design 0. 격식 — LINE Design System (LDS) 1, Material Design 1.
나란히 놓고 보기
LINE Design System (LDS)
- YEAR
- 2020
- BY
- LINE Corporation (LY Corporation)
- MOOD
- 친근·발랄 · 신뢰감
Material Design
- YEAR
- 2014
- BY
- MOOD
- 신뢰감 · 친근·발랄
주요 특징
LINE Design System (LDS)
- LINE Green(#06C755) 시그니처 컬러 시스템
- 한·영·일·태국어 등 다국어 타이포그래피
- 메시징 UX 특화 컴포넌트 (채팅, 스티커, 리치메뉴)
- LINE MINI App 확장 프레임워크
- iOS·Android·Web 크로스 플랫폼
Material Design
- 그림자와 깊이를 통한 계층 구조
- 대담한 색상과 타이포그래피
- 의미 있는 모션과 애니메이션
- 반응형 그리드 시스템
- 일관된 아이콘과 이미지
장점과 한계
LINE Design System (LDS)
장점
- 10억+ 사용자 규모에서 검증된 글로벌 디자인 시스템
- 한·일·태·인도네시아 등 아시아 다국어 환경에 최적화
- LINE MINI App SDK로 서드파티 개발자도 일관된 UX 구현 가능
- 메시징 특화 컴포넌트로 채팅 UI 빠른 구축
- LINE Green이 주는 높은 브랜드 인지도
한계
- 내부 전용 시스템으로 외부 접근이 제한적
- LINE 생태계 밖에서 Green 중심 컬러가 어색할 수 있음
- 일본 / 아시아 중심으로 서구권 UX 패턴과 다소 차이
Material Design
장점
- 전 세계적으로 인지도 높아 학습 비용 낮음
- 풍부한 공식 컴포넌트 라이브러리 (MUI)
- 명확한 가이드라인으로 일관성 유지 쉬움
- 접근성 기본 탑재
한계
- Google 스러운 느낌이 강해 차별화 어려움
- 스큐어모피즘 대비 감성적 깊이 부족
- 고급 브랜드 제품에는 부적합할 수 있음
역사와 배경
LINE Design System (LDS)
2011년 출시된 LINE 메신저가 일본·대만·태국 등 아시아 시장을 중심으로 성장하며 2020년 공식 LINE Design System을 체계화했습니다. 2023년 Z Holdings와 합병하여 LY Corporation으로 재편되며 Yahoo! JAPAN과의 디자인 통합도 진행 중입니다.
Material Design
2014년 Google I/O에서 공개. '물리적 재료(Material)'를 메타포로 삼아 그림자·깊이·모션을 시스템화한 첫 대형 디자인 시스템.
접근성
LINE Design System (LDS)
글로벌 메시징 앱으로서 저시력 사용자를 위한 고대비 모드, 스크린 리더 지원, 큰 텍스트 모드를 제공하며, 다국어 환경에서의 텍스트 가독성과 RTL(Right-to-Left) 레이아웃도 지원합니다.
Material Design
WCAG AA 대비율 준수. 색상 대비, 터치 타겟 크기(48dp), 스크린 리더 지원이 기본 사양.
자주 묻는 질문
LINE Design System (LDS) vs Material Design, 무엇이 다른가요?
LINE Design System (LDS) — LINE 메신저 및 패밀리 서비스를 위한 디자인 시스템으로, 10억+ 사용자 규모의 글로벌 메시징 플랫폼에 최적화된 일관된 UX를 제공합니다. LINE Green 시그니처 컬러, 다국어 타이포그래피, 멀티 플랫폼 컴포넌트를 갖추고 있습니다. Material Design — 구글이 만든 디자인 시스템으로, 물리적 재료와 조명의 은유를 사용합니다. 무드 좌표에서 가장 벌어지는 축은 온도감입니다 — LINE Design System (LDS) 쪽은 따뜻함 쪽에, Material Design 쪽은 중간 쪽에 서 있습니다.
언제 LINE Design System (LDS) 쪽, 언제 Material Design 쪽을 골라야 하나요?
메시징 및 커뮤니케이션 중심 서비스 · 아시아 다국어 지원이 필요한 글로벌 앱 · LINE 생태계 내 MINI App 개발 같은 화면이라면 LINE Design System (LDS) 쪽이 오래 버팁니다. 반대로 Android 앱 개발 · Google 생태계 제품 · 기업용 SaaS 쪽 그림이라면 Material Design 쪽으로 기웁니다. 둘 다 걸린다면 같은 씬을 입힌 두 데모를 나란히 보고 결정하는 편이 빠릅니다.
LINE Design System (LDS) vs Material Design, 장단점은 어떻게 갈리나요?
LINE Design System (LDS) 쪽 — 강점은 10억+ 사용자 규모에서 검증된 글로벌 디자인 시스템 · 한·일·태·인도네시아 등 아시아 다국어 환경에 최적화, 짚고 갈 한계는 내부 전용 시스템으로 외부 접근이 제한적 · LINE 생태계 밖에서 Green 중심 컬러가 어색할 수 있음입니다. Material Design 쪽 — 강점은 전 세계적으로 인지도 높아 학습 비용 낮음 · 풍부한 공식 컴포넌트 라이브러리 (MUI), 짚고 갈 한계는 Google 스러운 느낌이 강해 차별화 어려움 · 스큐어모피즘 대비 감성적 깊이 부족입니다.