삼성 One UI
보는 영역은 위에, 조작은 아래에. 갤럭시 디바이스 전반의 OS 디자인 언어를 공개 공식 문서 기준으로 재현한 데모다.보는 영역은 위에, 조작은 아래에. 이 화면의 다크 배경은 발행 다크 팔레트의 Black 값(black-dark)을 쓴다.
뷰잉 / 인터랙션 영역
확장 앱바(중앙 타이틀) · 검색 · 우측 토글 리스트 · 텍스트 전용 바텀 내비게이션.
화면 속 연결 상태·예약 여부는 레이아웃 시연용 더미 데이터다.화면 속 연결 상태·사용 여부는 레이아웃 시연용 더미 데이터다.
다이얼로그 배치
선택·확인은 화면 하단, 정보 안내는 화면 중앙.
3개 항목을 삭제할까요?
결정 다이얼로그는 선택·Back·바깥 탭 전까지 유지된다.
버튼 — 단일 스타일 체계
회색 배경 = 중간 강조, 유채색 배경 = 높은 강조. radius 18px(무버전 발행 drawable 스펙 18dp).회색 배경 = 중간 강조, 유채색 배경 = 높은 강조. 다크 강조 텍스트는 primary-dark-on-dark.
한 화면에는 한 가지 버튼 스타일만 쓴다 — 강조는 배경색으로만 올린다.
바텀 바 — 아이콘 + 텍스트
최대 5버튼, 1버튼 금지. 초과분은 More options로.
버튼에는 아이콘과 텍스트를 함께 넣는다. 스크롤 다운 시 숨김 허용.
토스트 · 모션
토스트는 한 줄 안팎, 3줄 초과 금지. 가벼운 결과 안내 전용.
등장·문구 교체·퇴장은 각 300ms, 새 문구는 이전 문구가 사라진 뒤 들어온다. 토스트 표시 시간은 발행되지 않아 반복 주기는 시연용이다.
윈도우 클래스 · 멀티페인
600dp부터 대형 화면 레이아웃. 폴더블 전용 분할은 50:50.
| Class | 폭(dp) | 내비게이션 |
|---|---|---|
| Compact | < 600 | bar + drawer |
| Medium | 600–840 | rail + drawer |
| Expanded | ≥ 840 | rail + drawer |
선택 모드
항목을 고르면 앱바가 선택 개수를, 하단이 아이콘 + 텍스트 바텀 바를 띄운다.
화면 속 항목 이름·크기·선택 상태는 레이아웃 시연용 더미 데이터다.
선택한 항목이 없으면 바텀 바를 띄우지 않는다. 2019 가이드 p.54–55
슬라이더
슬라이더는 primary 역할색이다. 기본형은 네 상태를, 볼륨 팝업·퀵 패널 밝기형(선택 사항)은 두 상태를 둔다.
2019 가이드 p.36
액션 토스트
토스트에 동작 버튼을 붙여 내용과 관련된 동작을 바로 실행하게 한다. 다른 토스트처럼 정해진 시간이 지나면 사라진다.
닫기·완료·확인처럼 팝업을 닫기만 하는 버튼은 넣지 않고, 동작 버튼은 하나만 둔다. 버튼을 누를 때까지 남는 스낵바와는 다르다. 2019 가이드 p.50
진행 표시 — 막대와 원
완료 시점을 알면 막대, 모르면 원. 진행 표시는 본문이나 방금 누른 버튼 자리에 두고, 화면을 덮는 진행 팝업은 피한다.
진행 상태는 레이아웃 시연용 더미 데이터다.
2019 가이드 p.45–47
White/Black 계열 색과 썸네일 radius는 One UI 2(2019) 발행값, primary 계열 색과 버튼 radius는 무버전 현행 발행분 — 세대 표기는 services/samsung-one-ui.md 참조. 2019 가이드 쪽수는 인쇄 페이지 번호다.