Toggle navigation
Global Search
Learn
Code Lab
Foldables and Large Screens
One UI Beta
Samsung Developers Podcasts
Develop
Mobile
Galaxy GameDev
Galaxy Themes
Galaxy Watch
Health
Samsung Blockchain
Samsung DeX
Samsung IAP
Samsung Internet
Samsung Pay
Samsung Wallet
View All
Visual Display
Smart TV
Smart Hospitality Display
Smart Signage
Digital Appliance
Family Hub
Platform
Bixby
Knox
SmartThings
Tizen.NET
Design
Design System
One UI
One UI Watch
Smart TV
Distribute
Galaxy Store
TV Seller Office
Galaxy Store Games
Samsung Podcasts
Support
Developer Support
Remote Test Lab
Issues and Bugs Channel
Samsung Android USB Driver
Galaxy Emulator Skin
Connect
Blog
News
Forums
Events
Samsung Developer Conference
SDC22
SDC21
SDC19 and Previous Events
Global Search
Sign In
Top Global Search Form
Search
Submit
Recommendation
Design Competition 2018
Galaxy Camera SDK
Galaxy App Publishing
Galaxy App Publishing 1
Mobile
Mobile1
Mobile2
Mobile3
Mobile4
Suggestion
Benefit Overview
Best Cording Guide
Best App Store
Beta Galaxy1
Beta Galaxy2
OneUI
Toggle Side navigation
Overview
Structure
Basic structure
Visual depth
Layout
Basic layout
Grid system
Components
App bar
Bottom bar
Bottom navigation
Buttons
Dialog
Lists
Search
Toasts
Color
Color system and usage
Theme
Iconography
Background
Symbol
Icon color
Motion
Introduction
Motion basics and usage
Sound & Haptic
Sound
Haptic
Writing
Focused and purposeful
Simple and human
Empowering and engaging
Accessibility
Introduction
Screen reader
Focus order
Color and contrast
Layout and typography
Interaction and control
Content
Foldable & Large screen
Large screen UI
App continuity and Multi-tasking
Foldable exclusive - Flex mode
OneUI
Overview
The One UI design system provides guidelines for how to create joyful and comfortable experiences on any device, whether it's a phone, tablet, watch, earbud, or PC. To make sure One UI interfaces and interactions are easy-to-use and intuitive, we follow four core design principles:
1. Focus on the task at hand
One UI uses simple, intuitive designs to help users focus on content. This also helps them identify the settings and functions they need to accomplish tasks quickly. To keep users engaged in tasks, One UI makes user journeys as short and smooth as possible.
2. Interact naturally
One UI strings together simple, natural actions and motions to help users quickly navigate tasks without interruptions. To help users interact easily, we've divided the screen into a viewing area at the top and an interaction area below. This puts things like buttons within easy reach, even on large screen devices.
3. Be visibly comfortable
One UI enhances readability and viewing comfort with features like Dark mode to decrease eye fatigue and glare, a high contrast keyboard for easy typing, and variable font sizes and styles to make text accessible to anyone.
4. Make things responsive
The layout of One UI adapts so it's easy to use on any device or screen size. Interface and interaction elements are within reach, no matter the screen size, and things like content and functions are added or taken away to enhance usability. Furthermore, One UI features and apps adapt to specific users based on their characteristics and how they use their devices.
In addition to the above principles, we also have specific guidelines for the various parts that make up One UI.
Structure
Layout
Components
Color
Iconography
Motion
Sound & Haptic
Writing
Accessibility
Foldable & Large screen