Human Interface Guidelines (HIG) vs LINE Design System (LDS)

커피 구독 브랜드 LUMA 의 같은 랜딩 한 페이지를 두 스타일 규칙으로 각각 다시 지어 나란히 놓았습니다. 콘텐츠는 같고, 규칙만 다릅니다.

같은 씬, 두 벌

Human Interface Guidelines (HIG)상세 보기 →크게 보기 →
LINE Design System (LDS)상세 보기 →크게 보기 →

무드 대비

4축 좌표(-2 ~ +2)를 같은 눈금 위에 겹쳐 놓았습니다. 축은 정규화하지 않습니다 — 두 점이 붙어 있으면 실제로 가까운 것입니다.

Human Interface Guidelines (HIG)LINE Design System (LDS)축 범위 −2 ~ +2 고정

무드 4축 수치(−2에서 +2 사이): 밀도 — Human Interface Guidelines (HIG) -1, LINE Design System (LDS) 0. 온도감 — Human Interface Guidelines (HIG) 0, LINE Design System (LDS) 1. 시대감 — Human Interface Guidelines (HIG) 0, LINE Design System (LDS) 0. 격식 — Human Interface Guidelines (HIG) 1, LINE Design System (LDS) 1.

나란히 놓고 보기

Human Interface Guidelines (HIG)

YEAR
1987
BY
Apple
MOOD
미니멀 · 신뢰감

LINE Design System (LDS)

YEAR
2020
BY
LINE Corporation (LY Corporation)
MOOD
친근·발랄 · 신뢰감

주요 특징

Human Interface Guidelines (HIG)

  • 명료한 계층 구조
  • 부드러운 애니메이션
  • SF 폰트 사용
  • 네이티브 컨트롤
  • 일관된 내비게이션

LINE Design System (LDS)

  • LINE Green(#06C755) 시그니처 컬러 시스템
  • 한·영·일·태국어 등 다국어 타이포그래피
  • 메시징 UX 특화 컴포넌트 (채팅, 스티커, 리치메뉴)
  • LINE MINI App 확장 프레임워크
  • iOS·Android·Web 크로스 플랫폼

장점과 한계

Human Interface Guidelines (HIG)

장점
  • 전 세계 iPhone 사용자에게 친숙한 UX
  • 시스템과 깊이 통합된 자연스러운 경험
  • 고급스럽고 프리미엄한 이미지
  • SwiftUI로 빠른 구현 가능
한계
  • Apple 플랫폼에 한정
  • 웹에서 그대로 구현 어려움
  • 엄격한 가이드라인으로 커스터마이징 제한

LINE Design System (LDS)

장점
  • 10억+ 사용자 규모에서 검증된 글로벌 디자인 시스템
  • 한·일·태·인도네시아 등 아시아 다국어 환경에 최적화
  • LINE MINI App SDK로 서드파티 개발자도 일관된 UX 구현 가능
  • 메시징 특화 컴포넌트로 채팅 UI 빠른 구축
  • LINE Green이 주는 높은 브랜드 인지도
한계
  • 내부 전용 시스템으로 외부 접근이 제한적
  • LINE 생태계 밖에서 Green 중심 컬러가 어색할 수 있음
  • 일본 / 아시아 중심으로 서구권 UX 패턴과 다소 차이

역사와 배경

Human Interface Guidelines (HIG)

1987년 Mac용 첫 가이드라인 발행. 이후 iOS, iPadOS, macOS, watchOS, tvOS로 범위를 넓히며 세계에서 가장 영향력 있는 디자인 가이드라인으로 발전.

LINE Design System (LDS)

2011년 출시된 LINE 메신저가 일본·대만·태국 등 아시아 시장을 중심으로 성장하며 2020년 공식 LINE Design System을 체계화했습니다. 2023년 Z Holdings와 합병하여 LY Corporation으로 재편되며 Yahoo! JAPAN과의 디자인 통합도 진행 중입니다.

접근성

Human Interface Guidelines (HIG)

Dynamic Type(텍스트 크기 자동 조정), VoiceOver, Switch Control 등 접근성 기능이 시스템 레벨에서 강력하게 지원됨.

LINE Design System (LDS)

글로벌 메시징 앱으로서 저시력 사용자를 위한 고대비 모드, 스크린 리더 지원, 큰 텍스트 모드를 제공하며, 다국어 환경에서의 텍스트 가독성과 RTL(Right-to-Left) 레이아웃도 지원합니다.

자주 묻는 질문

Human Interface Guidelines (HIG) vs LINE Design System (LDS), 무엇이 다른가요?

Human Interface Guidelines (HIG) — 애플의 디자인 철학으로, 명료성, 존중, 깊이를 핵심 가치로 합니다. LINE Design System (LDS) — LINE 메신저 및 패밀리 서비스를 위한 디자인 시스템으로, 10억+ 사용자 규모의 글로벌 메시징 플랫폼에 최적화된 일관된 UX를 제공합니다. LINE Green 시그니처 컬러, 다국어 타이포그래피, 멀티 플랫폼 컴포넌트를 갖추고 있습니다. 무드 좌표에서 가장 벌어지는 축은 밀도입니다 — Human Interface Guidelines (HIG) 쪽은 여백 쪽에, LINE Design System (LDS) 쪽은 중간 쪽에 서 있습니다.

언제 Human Interface Guidelines (HIG) 쪽, 언제 LINE Design System (LDS) 쪽을 골라야 하나요?

iOS 앱 · macOS 앱 · Apple 생태계 서비스 같은 화면이라면 Human Interface Guidelines (HIG) 쪽이 오래 버팁니다. 반대로 메시징 및 커뮤니케이션 중심 서비스 · 아시아 다국어 지원이 필요한 글로벌 앱 · LINE 생태계 내 MINI App 개발 쪽 그림이라면 LINE Design System (LDS) 쪽으로 기웁니다. 둘 다 걸린다면 같은 씬을 입힌 두 데모를 나란히 보고 결정하는 편이 빠릅니다.

Human Interface Guidelines (HIG) vs LINE Design System (LDS), 장단점은 어떻게 갈리나요?

Human Interface Guidelines (HIG) 쪽 — 강점은 전 세계 iPhone 사용자에게 친숙한 UX · 시스템과 깊이 통합된 자연스러운 경험, 짚고 갈 한계는 Apple 플랫폼에 한정 · 웹에서 그대로 구현 어려움입니다. LINE Design System (LDS) 쪽 — 강점은 10억+ 사용자 규모에서 검증된 글로벌 디자인 시스템 · 한·일·태·인도네시아 등 아시아 다국어 환경에 최적화, 짚고 갈 한계는 내부 전용 시스템으로 외부 접근이 제한적 · LINE 생태계 밖에서 Green 중심 컬러가 어색할 수 있음입니다.

이어서 볼 비교