||<tablewidth=100%><tablealign=center><tablebordercolor=#34a853><tablebgcolor=#ffffff,#1f2023><width=700> ![파일:1px 투명.svg]()
![파일:안드로이드(운영체제) 로고.svg]()
![파일:안드로이드(운영체제) 로고 컬러 화이트.svg]()
사용자 인터페이스 ||
}}}}}}}}}}}} ||
사용자 인터페이스 ||
| {{{#!wiki style="margin: 0 -10px -5px" {{{#fff {{{#!folding [ 펼치기 · 접기 ] {{{#!wiki style="margin: -6px -1px -11px" | 제조사 | |||
| | ||||
| | | | | |
| One UI 삼성 터치위즈 · Samsung Experience | Xperia Home Rachel UI | ASUS Launcher | Edge Launcher Sense UI | |
| | ||||
| | | | ||
| Nothing OS | Quickstep | Fairphone Launcher | ||
| | ||||
| | | | | |
| Pixel Launcher | Moto App Launcher 모토블러 | Microsoft Launcher | Fire OS | |
| | ||||
| Meta Horizon OS | ||||
| | ||||
| | | | | |
| Emotion UI | MagicOS | HyperOS MIUI | flyme OS | |
| | | | | |
| Color OS | Origin OS FunTouch OS | OxygenOS Color OS HydrogenOS | Realme UI | |
| 운영종료 | ||||
| | | | | |
| LG UX† LG UI | 플럭스 UI† | 테이크 UI† | Feel UX† | |
| | | |||
| Jide Remix OS† | Live UX† Simple UI† 팔레트 UI | |||
| {{{#!wiki style="margin: -10px -10px;" | <tablebordercolor=#fff><tablealign=center><tablebgcolor=#fff> | 삼성전자의 사용자 인터페이스 | }}} |
| {{{#!folding Anycall ( Beta · Core · Watch · Book ) |
| | |
| <colbgcolor=#191919,#282828><colcolor=#FFFFFF> 개발 | 삼성전자 |
| 최신 버전 | 6.1.1 · 6(Core) · 6 (Watch) · 6.1 (Book) |
| 베타 버전 | 6 (Watch) |
| 웹 사이트 | |
1. 개요2. 특징
2.1. 업데이트
3. 디자인 아이덴티티3.1. One UI 디자인 가이드라인
4. 갤럭시 에코시스템5. 목록3.1.1. 보는 영역과 인터랙션 영역3.1.2. 포커스 블록3.1.3. 스퀘어클 아이콘
3.2. SamsungOne3.3. One UI Sans3.4. Galaxy Themes3.1.3.1. 비비드 아이콘
3.1.4. DeX Mode3.1.5. Flex Mode3.1.6. Flex Window5.1. One UI
6. 특화 기능7. 지원8. 논란 및 문제점5.1.1. One UI 15.1.2. One UI 25.1.3. One UI 35.1.4. One UI 45.1.5. One UI 55.1.6. One UI 65.1.7. One UI 7
5.2. One UI Core5.3. One UI Watch5.4. One UI Book5.5. One UI (Tizen)5.6. One UI Web[clearfix]
1. 개요
본질에 집중하다
One UI는 스마트폰 사용자의 생산성과 집중력을 끌어 올린다.
One UI는 갤럭시 UX 디자인의 본질을 극대화시킨 결과물이다.
[인포그래픽] 품격을 더하다, 갤럭시 UX의 진화
One UI는 스마트폰 사용자의 생산성과 집중력을 끌어 올린다.
One UI는 갤럭시 UX 디자인의 본질을 극대화시킨 결과물이다.
[인포그래픽] 품격을 더하다, 갤럭시 UX의 진화
One UI는 삼성전자의 멀티 플랫폼 사용자 인터페이스로, 삼성 터치위즈와 Samsung Experience의 후속작으로 볼 수 있다.
Wear OS Powered by Samsung, Tizen, Windows, Android에서 작동하며, 삼성전자의 웹 사이트에도 삼성 인터넷 디벨로퍼 허브에서 개발한 One UI Web의 CSS를 통해 웹에서도 One UI가 쓰인다.
매 해 하반기에 개최되는 삼성 개발자 컨퍼런스(SDC)에서 공개된다.[1]
2. 특징
갤럭시 폰 | 탭 | 워치 | 핏 | 북 등 디스플레이가 있는 여러 삼성 갤럭시에서 하나의 사용자 경험을 제공할 수 있도록 만들어준다. 이 것은 갤럭시 에코시스템이 지향하는 방향과 같다.One UI를 런처로 쓸 수 있는 One UI Home이 런처로 탑재된 갤럭시가 아니더라도 몇몇 앱에서 One UI가 쓰이는 때도 있다. 그래서 One UI가 나오기 앞에 나온 갤럭시에 설치된 앱에 One UI가 조금씩 쓰인다. Galaxy Store가 설치된 갤럭시 S3이후 나온 갤럭시에서는 One UI가 쓰인 최신 버전의 삼성 인터넷, Galaxy Store등의 삼성전자의 앱이 설치되어 있다.
갤럭시 에코시스템의 외부에 있는 삼성 BESPOKE, 패밀리허브, TV, 삼성 홈 허브 등의 삼성전자의 제품과 삼성닷컴 등의 다른 삼성전자의 채널 및 웹 사이트에도 One UI 디자인 가이드라인을 반영하여 디자인 되는 과정에서 One UI가 쓰이기도 한다.
2.1. 업데이트
매년 삼성 개발자 컨퍼런스(SDC)에서 새로 공개되는 메이저 업데이트와 출시 이후 추가로 진행되는 마이너 업데이트가 있다. 마이너 업데이트는 버전 뒤에 소수점으로 숫자가 붙으며, 뒷 숫자를 통해 업데이트의 성격을 짐작해 볼 수 있다.- One UI ○: 메이저 업데이트
- One UI ○.○: 마이너 업데이트
- One UI ○.1: 기능 업데이트
삼성 개발자 컨퍼런스에서 공개되었지만 메이저 업데이트에 반영되지 않은 기능이나 기타 핵심 기능이 포함된다. 최신 갤럭시 S 시리즈는 이 버전을 탑재하고 공개되며, 메이저 업데이트를 받은 갤럭시 S 시리즈 등 프리미엄 제품은 마이너 업데이트를 추가로 받으며, 갤럭시 A 시리즈 등 마이너 업데이트 버전이 공개된 이후 업데이트를 받을 시 메이저를 건너뛰고 기능 업데이트 버전으로 바로 판올림 된다.[2] - One UI ○.1.1: 갤럭시 Z, 갤럭시 탭의 기능 업데이트
갤럭시 Z 시리즈 나 갤럭시 탭 시리즈 등 대화면 갤럭시를 위한 업데이트이다. Flex Mode, 대화면 레이아웃 등을 지원한다. One UI ○.5: 갤럭시 노트의 기능 업데이트갤럭시 노트 시리즈를 위한 기능 업데이트. S펜에 특화된 기능이나 기능 업데이트에 없었던 소소한 변경점들이 생긴다.[3]
3. 디자인 아이덴티티
3.1. One UI 디자인 가이드라인
One UI 디자인 가이드라인은 Samsung Developers에서 제공하는 One UI의 디자인 가이드라인이다. 모든 One UI와 삼성전자의 앱의 요소들이 One UI 디자인 가이드라인에 맞추어 개발된다.3.1.1. 보는 영역과 인터랙션 영역
[clearfix]
One UI는 손가락이 닿기 쉬운 높이를 기준으로 화면 위쪽이 '보는 영역(Viewing area)', 아래쪽이 '인터랙션 영역'(Interaction area)으로 나누어져 있다.
3.1.1.1. 보는 영역 (Viewing area)
[clearfix]
보는 영역에는 주로 유저와의 인터랙션이 필요없이 단순히 보기만 하는 콘텐츠 위주로 배치된다.
One UI에서 앱을 열면, 유저는 보는 영역에서 정보를 확인한 후, 인터랙션 영역에서 디테일한 정보로 시선이 이동하게 디자인 되어 있다. 이를 위해 보는 영역에는 한 눈에 알아볼 수 있는 콘텐츠가 포함되어 있다.
여기에 따라, 보는 영역에는 유저에게 열린 공간의 인상을 주기 위해 넓은 여백이 있고, 주로 화면의 제목과 부제목이 가운데로 정렬된 텍스트로 쓰이며, 액션 버튼 등의 터치가 필요한 요소는 피하는 편이다. 일부 앱은 상황에 따라서 바뀌거나, 애니메이션 제목을 사용하여 화면 안에 있는 추가 정보나 기능을 알려주기도 한다.[4]
보는 영역과 인터랙션 영역 사이에는 여백이 있어, 보는 영역의 아래에 나타나는 인터랙션 영역을 다른 개념인 것으로 구별하는 데에 도움이 되고, 유저의 눈과 동작의 흐름 사이에 자연스러운 연결을 제공한다.
[clearfix]
보는 영역은 'Expandable AppBar'(넓힐 수 있는 앱바)이다. 보는 영역을 연 상태에서 유저가 스크린을 아래로 스크롤하면 넓어진 앱 바가 좁은 형태로 작아지고, 유저가 위로 스크롤하면 좁은 형태의 앱 바가 다시 넓어진다. 이처럼 One UI의 Expendable AppBar에는 '넓어진 앱 바'(Extended app bar)와 '좁은 형태의 앱 바'(Condensed form)로 모두 2개의 앱바 타입이 있다.
넓어진 앱 바 타입일 때 보는 영역이 실행되며, 이 때 앱 바(액션 바)에 있는 액션 버튼들은 유저가 쉽게 누를 수 있도록 기능과 버튼이 화면 앱 바의 아래 쪽으로 내려온다.
좁은 형태의 앱 바 타입일 때 보는 영역이 꺼지며, 이 때 앱 바(액션 바)에 있는 액션 버튼들은 본래의 위치로 돌아간다.
이 앱 바의 타입들은 유저가 앱을 껐다 켜도 가장 최근에 쓴 타입이 그대로 보여진다.
3.1.1.2. 인터랙션 영역 (Interaction area)
[clearfix]
인터랙션 영역에는 자주 사용하는 기능 버튼들과 탭과 같은 네비게이션 버튼 등의 컴포넌트들을 배치해야한다.
One UI의 인터렉션 영역은 안드로이드 액티비티 위의 요소들이 포커스 블록으로 그룹화 된 형태이다.
[clearfix]
유저는 매우 적은 손의 뻗음과 움직임 만으로도 인터랙션 영역의 안에 있는 포커스 블록과 그 안에 있는 요소들을 쓸 수 있다.
3.1.2. 포커스 블록
포커스 블록은 리스트 뷰 형식을 갖춘 애플리케이션의 UI를 비슷한 테마의 요소끼리 그룹화 한 형태이다. 스크린 안의 모든 포커스 블록은 인터랙션 영역을 구성한다.[clearfix]
포커스 블록에는 다양한 콘텐츠가 들어갈 수 있다.
3.1.3. 스퀘어클 아이콘
SamsungOne의 알파벳 i에 있는 작은 점을 확대한 둥근 정사각형 모양이다. 이러한 모양의 도형을 스퀘어클이라고 한다. 스퀘어클 아이콘은 삼성 터치위즈 네이처 UX 4.0의 Noble 버전에서 처음 사용되었으며, 이후 Samsung Experience 8 에서 최종적으로 현재의 형태가 만들어졌다. One UI 1부터 지금까지 아이콘 디자인 변경이 거의 없다. 이는 매 업데이트마다 새로운 아이콘 UX가 도입 되었던 삼성 터치위즈와의 차이점이다.
아이콘의 색상은 One UI 가이드라인에서 지정 된 하이라이트 색상과 기본 색상이 사용된다. 심볼에서 강조가 필요한 부분에는 하이라이트 색상이 진하게 표현된다. 이외에도, 갤럭시 에코시스템의 플랫폼이나, 특별히 강조할 필요가 있는 앱의 경우, 아이콘 배경에 대각선 2색 그라디언트가 쓰인다.
스퀘어클 아이콘 트레이는 삼성전자의 앱 뿐만아니라, 모든 앱에 쓰인다.
One UI 6의 아이콘은 크기가 더 커졌고 색깔이 연하거나 진해지거나, 아이콘 안의 이미지가 동글동글 해졌다.
3.1.3.1. 비비드 아이콘
비비드 아이콘은 One UI의 움직이는 아이콘이다.아이콘 가운데에서, 적응형 아이콘으로 만들어진 아이콘에는, 이벤트에 맞춰 움직여서 정보를 주거나 재미를 불러 일으키는 애니메이션이 쓰인다.
아이콘 애니메이션의 타입은 다음과 같다.
- 삼성 캘린더
- 날짜에 맞춰서, 아이콘에 있는 숫자가 바뀐다.
- 삼성 시계
- 시간에 맞춰서, 아이콘에 보이는 시침과 분침이 바뀐다.
- 삼성 설정
- 소프트웨어 업데이트를 할 때 아이콘의 기어가 돌아 간다.
- SmartThings
- SmartThings 앱의 디바이스 아이콘이 켜짐/꺼짐에 맞춰 움직이거나 컬러가 바뀐다.
3.1.4. DeX Mode
3.1.5. Flex Mode
3.1.6. Flex Window
3.2. SamsungOne
SamsungOne(삼성원)은 One UI의 글꼴로 사용된다. 단, SamsungOne Korean의 경우, 영문, 숫자, 특수 문자 글꼴은 One UI Sans[5]이 사용되고 있다. 따라서 [설정] → [디스플레이] → [글자 크기와 스타일] 에서 글꼴을 기본에서 SamsungOne으로 바꿔야영문, 숫자 글꼴도 Samsung One을 쓸 수 있다.
One UI 1인 갤럭시는 삼성원을 쓰기 위해 Galaxy Store에서 SamsungOne 폰트를 다운로드 해야 삼성원을 쓸 수 있다.
3.3. One UI Sans
One UI Sans는 One UI 6 부터 기본 적용된 글꼴이다. SDC23에서 정식 공개되었다.3.4. Galaxy Themes
4. 갤럭시 에코시스템
5. 목록
- 새로운 버전에 대한 문서 작성 시 템플릿:One UI를 이용해주세요.
5.1. One UI
5.1.1. One UI 1
5.1.2. One UI 2
5.1.3. One UI 3
5.1.4. One UI 4
5.1.5. One UI 5
5.1.6. One UI 6
5.1.7. One UI 7
5.2. One UI Core
5.3. One UI Watch
5.4. One UI Book
5.5. One UI (Tizen)
5.6. One UI Web
One UI Web은 삼성 인터넷 디벨로퍼 허브가 깃허브에서 오픈한 One UI의 CSS 개발 목적의 오픈소스 프로젝트이다.
One UI Web이 올라와 있는 One UI Web 깃허브 레포지토리에는 One UI를 웹에서 쓸 수 있는 CSS, HTML 라이브러리가 있다. 이 라이브러리를 써서 홈페이지를 만들면 삼성 갤럭시에 최적화 된 반응형 웹 앱을 쉽게 만들 수 있다. 어느 웹사이트에나 One UI Web을 불러 와서 쓸 수 있다.
One UI Web을 웹사이트에 쓰려면 One UI Web 깃허브 레포지토리에서 One UI Web을 다운로드 받아 HTML 파일이 있는 프로젝트 파일의 one-ui 폴더에 두고 헤더에 링크 태그를 써서 HTML에 끌어 와야 한다.
MIT 라이선스를 쓰고 있다.
CleanThings 등 삼성이 만들지 않은 사이트도 One UI Web으로 만들어지기도 한다.
6. 특화 기능
6.1. One UI Home
One UI Home은 One UI의 홈 화면에 쓰이는 기본 런처이다.One UI Home은 모든 One UI가 설치되어있는 삼성 갤럭시의 홈 런처로 설정되어 있는 시스템 애플리케이션이다. 갤럭시를 실행할 때 제일 먼저 뜨는 잠금화면의 잠금을 해제하면, One UI Home의 모습을 확인할 수 있다.
갤럭시 에코시스템을 구축하기 위해, 모든 환경에서 같은 사용자 경험을 유저에게 제공하기 위해, 일체감 있게 디자인 되어 여러 갤럭시에 쓰인다. 이러한 같은 점은 다음과 같다.
- 제스처로 실행할 수 있는 앱 서랍 열기
- 제스처로 실행할 수 있는 앱 전환 및 뒤로가기
- 줌 인/아웃 앱 실행 애니메이션
- 위젯의 모양과 사용 방법
- 삼성 파인더
- 애플리케이션 바로가기를 둘 수 있는 독 바
- 횡축 홈 화면 구성
- 홈 화면의 개인화가 가능한 다양한 옵션
- One UI Home에 One UI의 요소의 적극적인 활용
- 삼성전자의 앱 설치
6.2. Flex Mode 패널
6.3. 갤럭시 에코시스템
6.4. 삼성전자의 앱
6.5. Microsoft의 앱
7. 지원
7.1. 지원 플랫폼
7.2. 업그레이드 내역
7.3. One UI 베타 프로그램
- 새로운 버전에 대한 문서 작성 시 템플릿:One UI ○ 베타 프로그램 를 이용해주세요.
8. 논란 및 문제점
[1] One UI 3은 예외적으로 삼성전자 뉴스룸과 삼성 멤버스에서 공개되었다. 코로나19 확산을 방지하기 위함으로 보인다.[2] 예외적으로 One UI 2는 2.1 버전이 나온 이후에도 보급형 기종들은 여전히 2.0 버전으로 업데이트 되었다. 이후 마이너 업데이트로 일부 모델들만 2.5 버전으로 업데이트 되었다.[3] 마지막 갤럭시 노트인 갤럭시 노트20 시리즈가 나온 One UI 2.5에서 끝났다. One UI 2.5 다음부터는 갤럭시 S 시리즈와 같은 버전을 쓴다.[4] 읽지 않은 메시지 수, 다음 알람 시간, 자주 사용하는 장소에 대한 링크 등[5] One UI 5까진 Roboto를 사용.