게임 UI 디자이너는 장르와 세계관에 맞는 스타일을 만들어야 합니다. 판타지 RPG와 캐주얼 퍼즐 게임은 버튼 모양부터 글꼴까지 전혀 다릅니다. 수업에서는 같…
입력 방식이 화면 배치를 결정합니다
모바일 게임은 대부분 가로 화면을 양손으로 잡고 엄지로 조작합니다. 그래서 자주 누르는 버튼은 엄지가 편하게 닿는 화면 아래쪽 양옆에, 가끔 쓰는 메뉴는 위쪽에 두는 배치가 일반적입니다. 손가락이 화면 일부를 가리기 때문에 중요한 정보가 손 밑에 숨지 않도록 위치를 정하는 것도 중요합니다.
손가락은 마우스 포인터보다 훨씬 굵고 덜 정밀합니다. 버튼이 작거나 서로 너무 붙어 있으면 잘못 누르는 일이 잦아집니다. 결제나 아이템 판매처럼 되돌리기 어려운 동작은 확인 단계를 두거나 실수로 누르기 어려운 위치에 배치합니다. 플랫폼별 공식 디자인 가이드에서 권장하는 터치 영역 기준을 참고하는 것이 좋습니다.
PC 게임은 마우스로 화면 어디든 정확히 가리킬 수 있고, 키보드 단축키로 메뉴를 바로 열 수 있습니다. 그래서 버튼을 작게 만들고 화면 가장자리에 정보를 촘촘히 배치할 수 있습니다. 마우스를 올렸을 때 상세 정보를 띄우는 툴팁처럼 모바일에서는 쓰기 어려운 방식도 자연스럽게 활용합니다.
정보 밀도와 화면 크기의 차이
모바일 화면은 작고, 플레이어는 이동 중이나 짧은 시간 동안 게임을 하는 경우가 많습니다. 한 화면에 보여 주는 정보를 줄이고, 가장 중요한 것을 크게 보여 주는 것이 원칙입니다. 세부 정보는 한 번 더 눌러야 볼 수 있는 단계로 내려 보내고, 아이콘과 색으로 상태를 빠르게 알아볼 수 있게 합니다.
PC 화면은 넓고 플레이어가 모니터 가까이 앉아 오래 집중하는 경우가 많습니다. 미니맵, 스킬 바, 채팅 창, 파티 정보, 버프 상태를 동시에 띄우는 구성이 흔합니다. 대신 정보가 많을수록 시선이 분산되기 쉬워, 영역을 나누고 중요도에 따라 크기와 대비를 조절하는 정리 능력이 필요합니다. 플레이어가 UI 위치를 직접 옮기거나 크기를 바꿀 수 있게 하는 기능도 PC 게임에서 자주 쓰입니다.
글자 크기와 가독성 기준도 다릅니다. 모바일에서는 짧은 문장과 큰 글자로 핵심만 전달하고, 긴 설명은 별도 화면으로 분리하는 편입니다. PC에서는 퀘스트 설명이나 아이템 정보처럼 비교적 긴 글도 한 화면에서 읽히도록 줄 간격과 단락을 정리하는 능력이 필요합니다.
같은 기준으로 비교한 두 플랫폼 UI
| 기준 | 모바일 게임 UI | PC 게임 UI |
|---|---|---|
| 입력 | 손가락 터치, 스와이프 | 마우스 클릭과 호버, 키보드 단축키 |
| 버튼 설계 | 크고 간격이 넉넉하게 | 작고 촘촘하게 배치 가능 |
| 정보 밀도 | 핵심만 크게, 세부는 단계별로 | 여러 정보를 동시에 표시 |
| 해상도 대응 | 다양한 화면 비율과 노치 영역 대응 | 다양한 모니터 해상도와 창 모드 대응 |
| 자주 쓰는 패턴 | 하단 고정 메뉴, 팝업, 스와이프 탭 | 툴팁, 드래그 앤 드롭, 단축키 표시 |
최근에는 같은 게임을 모바일과 PC에서 함께 서비스하는 경우도 늘고 있습니다. 이때 UI 디자이너는 하나의 기능을 두 플랫폼에 맞게 각각 배치하거나, 양쪽에서 모두 무리 없이 쓸 수 있는 구조를 고민해야 합니다. 두 플랫폼의 차이를 이해하는 것이 곧 경쟁력이 되는 이유입니다.
처음 디자인할 때 자주 하는 실수
모바일 UI에서 흔한 실수는 큰 모니터로 작업하면서 실제 휴대폰 크기를 잊는 것입니다. 작업 화면에서는 잘 보이던 글자와 아이콘이 휴대폰에서는 너무 작아집니다. 고치는 방법은 간단합니다. 작업 중간중간 디자인을 휴대폰으로 옮겨 실제 크기로 확인하고, 엄지로 눌러 보는 시늉까지 해 보는 것입니다.
PC UI에서 흔한 실수는 정보를 다 보여 주려다 화면이 복잡해지는 것입니다. 모든 정보를 같은 크기와 밝기로 배치하면 정작 중요한 체력이나 쿨타임이 눈에 들어오지 않습니다. 전투 중에 꼭 봐야 하는 정보와 가끔 확인하는 정보를 나누고, 앞쪽 정보만 시선이 자주 가는 위치에 두는 식으로 정리하면 됩니다.
두 플랫폼 모두에서 자주 빠지는 것은 상태 변화 설계입니다. 버튼을 눌렀을 때, 비활성일 때, 재화가 부족할 때 각각 어떻게 보이는지까지 디자인해야 실제 구현에서 쓸 수 있는 UI가 됩니다.
포트폴리오는 플랫폼을 분명히 하고 시작하세요
- 목표 플랫폼과 장르를 정하고, 그 장르의 대표 게임 UI를 분석한다
- 로비, 인벤토리, 상점, 전투 HUD처럼 핵심 화면 몇 개를 고른다
- 화면 흐름도로 화면 사이 이동 경로를 먼저 정리한다
- 실제 해상도 기준으로 화면을 디자인하고 버튼 상태 변화까지 만든다
- 가능하면 간단한 프로토타입으로 눌러 보는 흐름을 영상으로 남긴다
포트폴리오에서는 예쁜 화면보다 '왜 이렇게 배치했는가'를 설명하는 부분이 평가를 가릅니다. 엄지 동선, 정보 우선순위, 실수 방지 같은 근거를 짧게 붙이면 UI 디자이너로서 사고하는 방식이 드러납니다.
이런 사람은 모바일, 이런 사람은 PC
작은 화면에서 핵심만 남기는 정리를 좋아하고, 아이콘과 색으로 간결하게 전달하는 디자인에 끌리는 사람은 모바일 UI가 잘 맞습니다. 많은 정보를 체계적으로 배치하는 일을 즐기고, PC 온라인 게임이나 전략 게임의 복잡한 화면을 분석해 본 사람은 PC UI에서 강점을 보이기 쉽습니다. 국내는 모바일 게임 비중이 커서 모바일 UI 경험이 지원 폭을 넓혀 주는 편입니다.
지금 만든 UI 작업이 어느 플랫폼 기준에 맞는지, 포트폴리오에 어떤 화면을 넣어야 할지 고민된다면 SBS아카데미게임학원 게임UIUX 과정 상담에서 작업물을 함께 보며 플랫폼별 구성 방향을 정해 보세요.
자주 묻는 질문
콘솔 게임 UI는 PC와 같나요?
콘솔은 게임패드로 조작해 커서 없이 선택 항목을 옮기는 방식이 많아 PC와 설계가 다릅니다. 포커스 이동 순서를 따로 설계해야 합니다.
UI 디자이너도 엔진을 다룰 줄 알아야 하나요?
회사마다 다르지만 엔진에 UI를 직접 배치하는 경우가 늘고 있습니다. 기본적인 배치와 애니메이션 정도를 익혀 두면 도움이 됩니다.
가까운 캠퍼스에서 게임 UI·UX 알아보기
사는 곳과 가까운 캠퍼스를 고르면 수업 내용, 오시는 길, 상담 신청을 한 번에 볼 수 있습니다.