One UI

덤프버전 :

분류

파일:나무위키+상위문서.png   상위 문서: 삼성전자/소프트웨어



삼성전자의
사용자 인터페이스
}}}
<bgcolor=#000><height=128> {{{#fff
Anycall
#!endAnycall · Color GUI · Flash GUI
Black GUI · White GUI · Personal UX }}}
Touchwiz
Touchwiz · 1.0 · 2.0 · 3.0 · 4.0
Nature UX 1.0 · 2.0 · 3.0 · 4.0 · GRACE UX
Magazine UX }}} Samsung Experience 8.0 · 8.1 · 8.5 · 9
One UI 1 · 2 · 3 · 4 · 5 · 6}}}
{{{-3 {{{#fff ( Beta · Core · Watch · Book )
}}} ||






파일:One UI 로고.svg파일:One UI 로고_화이트.svg

파일:One UI 5.png
개발
[파일:삼성 워드마크 블랙.svg[[파일:삼성 워드마크 화이트.svg
최신 버전
5.1.1 · 5 (Core) · 5 (Watch) · 5 (Book)
베타 버전
6.0
웹 사이트
파일:삼성 파비콘.svg
1. 개요
2. 특징
2.1. 업데이트
3. 디자인 아이덴티티
3.1. One UI 디자인 가이드라인
3.1.1. 보는 영역과 인터랙션 영역
3.1.1.1. 보는 영역 (Viewing area)
3.1.1.2. 인터랙션 영역 (Interaction area)
3.1.2. 포커스 블록
3.1.3. 스퀘어클 아이콘
3.1.3.1. 비비드 아이콘
3.3. One UI Sans
4. 갤럭시 에코시스템에서의 역할
5. 목록
6. 특화 기능
7. 지원


1. 개요[편집]


파일:One-UI.jpg


본질에 집중하다
One UI는 스마트폰 사용자의 생산성과 집중력을 끌어 올린다.
One UI는 갤럭시 UX 디자인의 본질을 극대화시킨 결과물이다.

[인포그래픽] 품격을 더하다, 갤럭시 UX의 진화

One UI는 삼성전자사용자 인터페이스이다.


2. 특징[편집]


One UI는 삼성 갤럭시의 멀티 플랫폼 사용자 인터페이스이다. Samsung Experience의 후속작 격 인터페이스다.

갤럭시 폰 | | 워치 | | 등 디스플레이가 있는 여러 삼성 갤럭시에서 하나의 사용자 경험을 제공할 수 있도록 만들어진다. 이 것은 갤럭시 에코시스템이 지향하는 방향과 같다.

Wear OS Powered by Samsung, 타이젠, 윈도우, 안드로이드에서 돌아가며, 삼성전자의 웹 사이트에도 삼성 인터넷 디벨로퍼 허브에서 개발 한 One UI Web의 CSS를 통해 웹에서도 One UI가 쓰인다.

매 해 하반기에 개최되는 삼성 개발자 컨퍼런스(SDC)에서 공개된다.[1]

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. 보는 영역과 인터랙션 영역[편집]


파일:One UI_Layout.png
[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 시리즈와 같은 버전을 쓴다.


One UI는 손가락이 닿기 쉬운 높이를 기준으로 화면 위쪽이 '보는 영역(Viewing area)', 아래쪽이 '인터랙션 영역'(Interaction area)으로 나누어져 있다.


3.1.1.1. 보는 영역 (Viewing area)[편집]

파일:Viewing area.png


보는 영역에는 주로 유저와의 인터랙션이 필요없이 단순히 보기만 하는 콘텐츠 위주로 배치된다.

One UI에서 앱을 열면, 유저는 보는 영역에서 정보를 확인한 후, 인터랙션 영역에서 디테일한 정보로 시선이 이동하게 디자인 되어 있다. 이를 위해 보는 영역에는 한 눈에 알아볼 수 있는 콘텐츠가 포함되어 있다.

여기에 따라, 보는 영역에는 유저에게 열린 공간의 인상을 주기 위해 넓은 여백이 있고, 주로 화면의 제목과 부제목이 가운데로 정렬된 텍스트로 쓰이며, 액션 버튼 등의 터치가 필요한 요소는 피하는 편이다. 일부 앱은 상황에 따라서 바뀌거나, 애니메이션 제목을 사용하여 화면 안에 있는 추가 정보나 기능을 알려주기도 한다.[4]

보는 영역과 인터랙션 영역 사이에는 여백이 있어, 보는 영역의 아래에 나타나는 인터랙션 영역을 다른 개념인 것으로 구별하는 데에 도움이 되고, 유저의 눈과 동작의 흐름 사이에 자연스러운 연결을 제공한다.

파일:One UI_AppBar transition.png
[4] 읽지 않은 메시지 수, 다음 알람 시간, 자주 사용하는 장소에 대한 링크 등


보는 영역은 'Expandable AppBar'(넓힐 수 있는 앱바)이다. 보는 영역을 연 상태에서 유저가 스크린을 아래로 스크롤하면 넓어진 앱 바가 좁은 형태로 작아지고, 유저가 위로 스크롤하면 좁은 형태의 앱 바가 다시 넓어진다. 이처럼 One UI의 Expendable AppBar에는 '넓어진 앱 바'(Extended app bar)와 '좁은 형태의 앱 바'(Condensed form)로 모두 2개의 앱바 타입이 있다.

넓어진 앱 바 타입일 때 보는 영역이 실행되며, 이 때 앱 바(액션 바)에 있는 액션 버튼들은 유저가 쉽게 누를 수 있도록 기능과 버튼이 화면 앱 바의 아래 쪽으로 내려온다.

좁은 형태의 앱 바 타입일 때 보는 영역이 꺼지며, 이 때 앱 바(액션 바)에 있는 액션 버튼들은 본래의 위치로 돌아간다.

이 앱 바의 타입들은 유저가 앱을 껐다 켜도 가장 최근에 쓴 타입이 그대로 보여진다.


3.1.1.2. 인터랙션 영역 (Interaction area)[편집]

파일:Interaction area.png


인터랙션 영역에는 자주 사용하는 기능 버튼들과 탭과 같은 네비게이션 버튼 등의 컴포넌트들을 배치해야한다.

One UI의 인터렉션 영역은 안드로이드 액티비티 위의 요소들이 포커스 블록으로 그룹화 된 형태이다.

파일:One UI_Comperison.jpg


유저는 매우 적은 손의 뻗음과 움직임 만으로도 인터랙션 영역의 안에 있는 포커스 블록과 그 안에 있는 요소들을 쓸 수 있다.



3.1.2. 포커스 블록[편집]


포커스 블록은 리스트 뷰 형식을 갖춘 애플리케이션의 UI를 비슷한 테마의 요소끼리 그룹화 한 형태이다. 스크린 안의 모든 포커스 블록은 인터랙션 영역을 구성한다.

파일:Focus block.png


포커스 블록에는 다양한 콘텐츠가 들어갈 수 있다.

파일:Multiple card type.png




3.1.3. 스퀘어클 아이콘[편집]


파일:Squircle icon.png


SamsungOne의 알파벳 i에 있는 작은 점을 확대한 둥근 정사각형 모양이다. 이러한 모양의 도형을 스퀘어클이라고 한다. 스퀘어클 아이콘은 삼성 터치위즈 네이처 UX 4.0의 Noble 버전에서 처음 사용되었으며, 이후 Samsung Experience 8 에서 최종적으로 현재의 형태가 만들어졌다. One UI 1부터 지금까지 아이콘 디자인 변경이 거의 없다. 이는 매 업데이트마다 새로운 아이콘 UX가 도입 되었던 삼성 터치위즈와의 차이점이다.

아이콘의 색상은 One UI 가이드라인에서 지정 된 하이라이트 색상과 기본 색상이 사용된다. 심볼에서 강조가 필요한 부분에는 하이라이트 색상이 진하게 표현된다. 이외에도, 갤럭시 에코시스템의 플랫폼이나, 특별히 강조할 필요가 있는 앱의 경우, 아이콘 배경에 대각선 2색 그라디언트가 쓰인다.

스퀘어클 아이콘 트레이는 삼성전자의 앱 뿐만아니라, 모든 앱에 쓰인다.


3.1.3.1. 비비드 아이콘[편집]

아이콘 가운데에서, 적응형 아이콘으로 만들어진 아이콘은, 이벤트에 맞춰 움직여서 정보를 주거나 재미를 불러 일으키는 애니메이션이 쓰인다.

아이콘 애니메이션의 타입은 다음과 같다.

  • 삼성 캘린더
    • 날짜에 맞춰서, 아이콘에 있는 숫자가 바뀐다.
  • 삼성 시계
    • 시간에 맞춰서, 아이콘에 보이는 시침과 분침이 바뀐다.
  • 삼성 설정
    • 소프트웨어 업데이트를 할 때 아이콘의 기어가 돌아 간다.
  • SmartThings
    • SmartThings 앱의 디바이스 아이콘이 켜짐/꺼짐에 맞춰 움직이거나 컬러가 바뀐다.
파일:One UI_SmartThings vivid icon.gif


3.1.4. DeX Mode[편집]


파일:나무위키상세내용.png   자세한 내용은 삼성 DeX 문서를 참고하십시오.



3.1.5. Flex Mode[편집]


파일:나무위키상세내용.png   자세한 내용은 Flex Mode 문서를 참고하십시오.


3.2. SamsungOne[편집]


파일:나무위키상세내용.png   자세한 내용은 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[편집]


파일:나무위키상세내용.png   자세한 내용은 Galaxy Themes 문서를 참고하십시오.



4. 갤럭시 에코시스템에서의 역할[편집]


파일:나무위키상세내용.png   자세한 내용은 갤럭시 에코시스템 문서를 참고하십시오.



5. 목록[편집]


  • 새로운 버전에 대한 문서 작성 시 템플릿:One UI를 이용해주세요.


5.1. One UI[편집]



5.1.1. One UI 1[편집]


파일:나무위키상세내용.png   자세한 내용은 One UI 1 문서를 참고하십시오.



5.1.2. One UI 2[편집]


파일:나무위키상세내용.png   자세한 내용은 One UI 2 문서를 참고하십시오.



5.1.3. One UI 3[편집]


파일:나무위키상세내용.png   자세한 내용은 One UI 3 문서를 참고하십시오.



5.1.4. One UI 4[편집]


파일:나무위키상세내용.png   자세한 내용은 One UI 4 문서를 참고하십시오.



5.1.4.1. One UI 4.1.1[편집]

파일:나무위키상세내용.png   자세한 내용은 One UI 4.1.1 문서를 참고하십시오.



5.1.5. One UI 5[편집]


파일:나무위키상세내용.png   자세한 내용은 One UI 5 문서를 참고하십시오.



5.1.5.1. One UI 5.1.1[편집]

파일:나무위키상세내용.png   자세한 내용은 One UI 5.1.1 문서를 참고하십시오.



5.1.6. One UI 6[편집]


파일:나무위키상세내용.png   자세한 내용은 One UI 6 문서를 참고하십시오.



5.2. One UI Core[편집]


파일:나무위키상세내용.png   자세한 내용은 One UI Core 문서를 참고하십시오.



5.2.1. One UI Core 2[편집]


파일:나무위키상세내용.png   자세한 내용은 One UI Core 2 문서를 참고하십시오.



5.2.2. One UI Core 3[편집]


파일:나무위키상세내용.png   자세한 내용은 One UI Core 3 문서를 참고하십시오.



5.2.3. One UI Core 4[편집]


파일:나무위키상세내용.png   자세한 내용은 One UI Core 4 문서를 참고하십시오.



5.2.4. One UI Core 5[편집]





5.3. One UI Watch[편집]





5.3.1. One UI Watch 1[편집]





5.3.2. One UI Watch 2[편집]





5.3.3. One UI Watch 3[편집]





5.3.4. One UI Watch 4[편집]





5.3.5. One UI Watch 5[편집]





5.4. One UI Book[편집]





5.4.1. One UI Book 4[편집]





5.4.2. One UI Book 5[편집]





5.5. One UI Web[편집]


파일:oneuiwebcss.png
[5] One UI 5까진 Roboto를 사용.





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 라이선스를 쓰고 있다.

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. 마이크로소프트의 앱[편집]




7. 지원[편집]



7.1. 지원 플랫폼[편집]




7.2. 업그레이드 내역[편집]





7.3. One UI 베타 프로그램[편집]





8. 논란 및 문제점[편집]



[각주]