GUI (Graphical User Interface)

개요·정의

<img src="https://d2xsxph8kpxj0f.cloudfront.net/310519663429662740/ffcjRzrXsTCDKgX6s8aDwC/articles/1788073733679-b12bb0dfb1720eff.webp" alt="" data-orientation="original" data-original-src="https://d2xsxph8kpxj0f.cloudfront.net/310519663429662740/ffcjRzrXsTCDKgX6s8aDwC/articles/1788073735301-8c565eef14b709b3.webp" width="600" />

GUI(Graphical User Interface)는 문자 명령어를 직접 입력하는 대신 창과 아이콘, 메뉴, 버튼처럼 화면에 보이는 그래픽 요소를 조작해 컴퓨터와 기기를 사용하는 인터페이스 방식이다.

초기의 개인용 컴퓨터에서는 키보드로 명령어를 입력하는 방식이 일반적이었다. GUI는 화면 안의 파일과 기능을 시각적인 대상으로 바꾸고 마우스 포인터로 선택하거나 이동할 수 있게 만들면서 컴퓨터 사용 방법을 크게 바꿨다.

현재는 마우스뿐 아니라 터치와 스타일러스도 GUI를 조작한다. 스마트폰 홈 화면의 앱 아이콘, 자동차 디스플레이의 메뉴, 키오스크의 주문 버튼도 모두 GUI에 포함된다.

GUI는 화면 디자인 자체보다 사용자가 기능을 어떻게 찾고 조작할 수 있게 만들었는지를 가리킨다. 따라서 같은 그래픽 스타일을 쓰더라도 창과 메뉴, 조작 구조가 달라지면 GUI도 달라질 수 있다.

특징

GUI는 기능을 화면 위의 대상으로 바꾼다. 파일은 아이콘으로, 실행 가능한 명령은 버튼과 메뉴로 나타낸다. 사용자는 명령어 이름을 외우는 대신 보이는 항목을 선택할 수 있다.

창(Window)은 여러 작업을 동시에 다루는 대표적인 GUI 구조다. 창을 움직이고 크기를 조정하거나 겹쳐 놓으면서 여러 프로그램 사이를 오갈 수 있다. 모바일에서는 전체 화면 앱이 일반적이지만 태블릿 화면이 커지면서 다시 다중 창 구조가 확대되고 있다.

상태 변화도 눈으로 확인할 수 있어야 한다. 선택된 항목의 색이 바뀌거나 진행 막대가 움직이고, 사용할 수 없는 버튼은 흐리게 표시한다. 사용자가 어떤 명령을 실행했고 현재 시스템이 어떤 상태인지 화면에서 바로 확인하게 만드는 것이다.

GUI의 형태는 입력 장치와 함께 바뀐다. 마우스 환경에서는 작은 메뉴와 포인터가 효과적이지만 손가락으로 누르는 터치스크린에서는 버튼과 터치 영역을 더 크게 만들어야 한다.

사례

아이패드OS 26

애플은 2025년 iPadOS 26에 새로운 윈도 시스템을 도입하면서 아이패드 GUI를 크게 바꿨다. 앱 창의 크기를 자유롭게 조정하고 여러 창을 동시에 띄울 수 있으며 닫기, 최소화, 크기 조절처럼 데스크톱 컴퓨터에서 익숙한 창 컨트롤도 추가했다.

열린 창을 한꺼번에 보여주는 Exposé와 화면 위쪽에서 나타나는 메뉴 바도 들어갔다. 터치 중심으로 시작한 태블릿 GUI가 큰 화면과 키보드·트랙패드 사용까지 받아들이면서 데스크톱 GUI의 방식을 다시 결합한 사례다.

윈도우 11 시작 메뉴

마이크로소프트는 2025년 윈도우 11의 시작 메뉴를 다시 설계해 설치된 앱을 하나의 영역에서 확인할 수 있도록 바꿨다. 앱을 이름순 목록뿐 아니라 카테고리와 그리드 방식으로 볼 수 있고, 화면 크기에 따라 표시되는 열과 정보량도 자동으로 달라진다.

시작 메뉴는 1990년대부터 윈도우 GUI의 중심에 있었지만 앱과 파일, 추천 콘텐츠가 계속 늘면서 구조도 반복해서 바뀌어 왔다. 오래된 GUI 요소가 새로운 정보량과 화면 크기에 맞춰 계속 재설계되는 사례다.

안드로이드 16

안드로이드 16은 머티리얼 3 익스프레시브를 기반으로 기존 모바일 GUI의 색과 형태, 움직임을 크게 바꿨다. 버튼과 슬라이더, 알림 같은 기본 요소의 형태를 더 분명하게 구분하고 화면의 움직임과 햅틱 피드백도 강화했다.

배달이나 차량 호출 상태처럼 계속 변하는 정보는 실시간 알림으로 보여주고, 같은 앱에서 반복되는 알림은 자동으로 묶는다. 작은 스마트폰 화면에서 계속 늘어나는 정보를 어떻게 분류하고 보여줄지 GUI가 함께 변하고 있음을 보여준다.