디자인

UI

유아이

User Interface(사용자 인터페이스)의 약자로, 앱·웹사이트에서 사람이 직접 보고 만지는 모든 부분 — 버튼·메뉴·색·글자 — 을 설계하는 디자인 분야입니다.

쉽게 말하면?

UI는 사람과 기기가 만나는 '접점'입니다. 휴대폰 화면의 카카오톡 채팅 버튼, 토스 앱의 결제 입력 칸, 네이버 검색창의 자동완성 — 모두 UI입니다. UI 디자이너가 하는 일은 '사용자가 무엇을 보고 어떻게 누를지'를 정합니다. 한국에서는 토스·당근·카카오의 UI 디자인이 글로벌에서도 인정받고 있으며, Apple·Google 등은 UI 가이드라인을 무료로 공개해 누구나 표준을 따를 수 있게 합니다.

한 줄로 비유하면?

UI는 자동차의 핸들·페달·계기판입니다. 운전자가 만지는 모든 부분의 모양과 위치를 정합니다.

어디에 쓰이나?

Case 1

토스 입력 칸 디자인

토스는 결제 금액 입력 시 큰 숫자만 보여주고 키패드를 화면 하단에 띄우는 UI로 유명합니다.

결과: 결제 단계 이탈률이 크게 줄었습니다.

Case 2

Apple HIG · 글로벌 표준

Apple Human Interface Guidelines는 iOS·macOS UI의 표준 가이드.

결과: 전 세계 앱이 같은 표준 위에서 일관된 사용자 경험을 제공합니다.

주의할 점은?

UI가 AI 시대에 더 중요해진 이유는 세 가지입니다.

첫째, AI 서비스는 UI 만족도가 결과 만족도를 결정합니다. 같은 GPT-5라도 UI가 어떻게 정리하느냐에 따라 사용자 평가가 갈립니다.

둘째, AI 도구가 UI 코드를 생성합니다. v0·Bolt 같은 도구가 'Apple 스타일 로그인 화면' 같은 한 줄 요청으로 완성된 UI 코드를 만듭니다.

셋째, UI 표준은 빠르게 진화합니다. 2020년대 초반 'Glassmorphism', 2024년 'Bento Grid'처럼 트렌드가 매년 바뀝니다. 한국에서는 토스 풍의 '큼직한 숫자·여백' 디자인이 표준 중 하나가 됐습니다.

어떻게 발전해 왔나?

1984
Mac UI 등장
Apple Macintosh가 그래픽 UI 표준 자리 차지.
2014
Material Design
Google이 모바일 UI 표준 Material Design 발표.
2024
AI 생성 UI
v0·Bolt 등 AI 도구가 UI 코드를 자동 생성.

관련 태그

참고 자료

  1. Apple Human Interface Guidelines — 공식 대표 표준 · Apple · 2026 접속 — https://developer.apple.com/design/human-interface-guidelines/
  2. Material Design — Google UI 표준 · Google · 2025 — https://m3.material.io/
  3. 토스 디자인 — 한국 UI 사례 · 토스 · 2024 — https://design.toss.im/
  4. NN/g UI Design — UI 기본 원리 · Nielsen Norman Group · 2025 — https://www.nngroup.com/topic/user-interface-design/
  5. State of UX 2024 — UI 디자이너 동향 · UX Tools · 2024 — https://uxtools.co/survey-2024/

대표 출처

Apple HIG · Material Design