게임 UI 디자이너는 장르와 세계관에 맞는 스타일을 만들어야 합니다. 판타지 RPG와 캐주얼 퍼즐 게임은 버튼 모양부터 글꼴까지 전혀 다릅니다. 수업에서는 같…
웹·앱 디자인 과제와 게임 UI가 다른 지점
디자인 전공 대학생은 웹사이트나 앱 화면을 과제로 많이 만듭니다. 이 경험은 정보 정리와 레이아웃 감각 면에서 분명 도움이 되지만, 게임 UI는 몇 가지 점에서 다릅니다. 게임 UI는 세계관의 분위기를 함께 전달해야 하고, 전투처럼 빠르게 움직이는 상황에서도 정보가 한눈에 읽혀야 합니다.
또 게임은 화면 수가 많고 서로 복잡하게 연결됩니다. 로비에서 상점으로, 상점에서 인벤토리로, 다시 전투로 이어지는 흐름 속에서 버튼 위치와 색 규칙이 일관되어야 합니다. 그래서 게임 UI 포트폴리오에서는 개별 화면의 완성도와 함께 화면 사이의 흐름과 규칙이 보이는지가 중요합니다.
웹 작업을 포트폴리오에 넣는 것 자체는 문제가 되지 않습니다. 다만 중심은 게임 UI가 되어야 하고, 웹 작업은 정보 설계 능력을 보여 주는 보조 자료로 뒤쪽에 두는 편이 좋습니다.
모작으로 기본기를, 창작으로 설계 능력을 보여 주기
모작은 기존 게임 UI를 그대로 다시 만들어 보는 연습입니다. 레이아웃, 여백, 글자 크기, 아이콘의 정밀도를 익히는 데 효과적이며, 포트폴리오에서는 툴을 정확하게 다룰 수 있다는 근거가 됩니다. 다만 모작은 한두 개 정도로 충분하고, 원작을 밝혀 두어야 합니다.
포트폴리오의 중심은 창작 UI입니다. 가상의 게임을 하나 정하고, 장르와 세계관에 맞는 UI 콘셉트를 세운 뒤 주요 화면을 직접 디자인하세요. 판타지 RPG라면 금속과 양피지 느낌을, SF 슈팅 게임이라면 홀로그램 느낌을 쓰는 식으로 세계관과 UI 스타일이 연결되어야 합니다.
- 콘셉트 보드: 세계관, 키워드, 참고 이미지, 색과 서체 방향
- 화면 흐름도: 화면들이 어떤 버튼으로 어떻게 이어지는지 정리한 지도
- 주요 화면: 로비, 전투 HUD, 인벤토리, 상점, 설정 등
- 아이콘 세트: 같은 규칙으로 만든 아이템·스킬·메뉴 아이콘
- 스타일 가이드: 버튼 상태, 색 규칙, 글자 크기 체계를 정리한 문서
학기별로 나눠 진행하는 준비 순서
- 학기 중: 즐겨 하는 게임의 UI를 캡처해 화면 흐름과 정보 배치를 분석하기
- 학기 중: 모작 한두 개로 툴 사용과 정밀도 다지기
- 방학: 가상 게임의 콘셉트를 정하고 화면 흐름도와 주요 화면 초안 만들기
- 다음 학기: 아이콘 세트와 스타일 가이드를 만들어 화면 규칙 통일하기
- 다음 방학: 프로토타입 툴이나 게임 엔진으로 화면 전환이 움직이게 만들기
- 졸업 학기: 과정과 결과를 정리하고, 필요하면 다른 장르로 짧은 창작 UI 하나 추가하기
단계마다 몇 달이 걸릴 수 있습니다. 5단계의 움직이는 결과물은 필수는 아니지만 큰 차이를 만듭니다. 버튼을 눌렀을 때의 반응, 창이 열리는 방식, 보상 획득 연출처럼 정지 화면에서는 보이지 않는 UX를 짧은 영상으로 보여 줄 수 있기 때문입니다.
화면 흐름도와 스타일 가이드가 평가를 바꿉니다
화면 흐름도는 UI 디자이너가 사용자의 경험을 설계했다는 증거입니다. 플레이어가 게임을 켜서 첫 전투에 들어가기까지 몇 번의 터치가 필요한지, 자주 쓰는 기능이 몇 단계 안에 있는지를 그림으로 보여 주면 UX를 고민한 흔적이 분명해집니다. 흐름도 옆에 '상점 진입을 한 단계 줄이기 위해 로비에 바로가기를 두었다'처럼 설계 이유를 적어 두세요.
스타일 가이드는 협업 능력을 보여 줍니다. 버튼의 기본, 눌림, 비활성 상태를 정리하고, 경고는 어떤 색, 보상은 어떤 색처럼 규칙을 정해 두면 다른 디자이너나 프로그래머가 같은 기준으로 작업할 수 있습니다. 대학생 포트폴리오에서 드물게 보이는 문서라 눈에 띄는 차별점이 됩니다.
졸업 전에 점검할 실무 감각
게임 UI는 다양한 화면 크기에서 쓰입니다. 모바일 게임을 가정했다면 세로가 긴 화면과 짧은 화면에서 버튼이 손가락 닿는 위치에 있는지, 글자가 너무 작지 않은지 확인하세요. PC 게임이라면 마우스와 키보드 사용을 고려해 정보 밀도를 조절해야 합니다.
작업 파일의 정리 상태도 실무에서는 중요하게 봅니다. 레이어 이름, 컴포넌트 정리, 내보내기 규격이 정돈되어 있다면 그 과정을 한 장으로 보여 주는 것도 좋습니다. 이런 세부가 '바로 함께 일할 수 있는 사람'이라는 인상을 줍니다.
마지막으로 포트폴리오 자체의 레이아웃도 UI 디자이너의 실력으로 읽힌다는 점을 기억하세요. 여백, 글자 크기, 정보 순서가 정돈된 포트폴리오는 그것만으로도 기본기를 보여 줍니다.
남은 학기에 무엇부터 할지 정하기
시간이 부족하다면 화면 수를 늘리기보다 이미 만든 화면에 흐름도와 스타일 가이드를 덧붙이는 것이 효과적입니다. 화면 다섯 장에 흐름과 규칙이 정리된 프로젝트 하나가, 흐름 없는 화면 스무 장보다 높게 평가되는 경우가 많습니다.
지원할 회사가 정해져 있다면 그 회사 게임의 플랫폼과 장르를 확인해 보세요. 모바일 중심 회사에 지원하면서 PC 화면만 보여 주면 적합성이 약해 보일 수 있습니다. 남은 시간이 짧다면 해당 플랫폼에 맞춘 화면 몇 장을 추가하는 것만으로도 인상이 달라집니다.
웹·앱 작업은 많은데 이것을 게임 UI 포트폴리오로 어떻게 전환할지 고민이라면, SBS아카데미게임학원 게임UIUX 과정 상담에서 지금의 작업물을 보며 창작 UI 주제와 졸업 전까지의 구성 순서를 함께 정해 보세요.
자주 묻는 질문
게임 UI 포트폴리오에 아이콘을 직접 그려야 하나요?
직접 그린 아이콘 세트가 있으면 표현력과 일관성을 함께 보여 줄 수 있어 유리합니다. 아이콘 실력이 부족하다면 수는 적더라도 같은 규칙으로 정리된 세트를 만드는 것이 좋습니다.
피그마 같은 프로토타입 툴과 게임 엔진 중 무엇을 배워야 하나요?
화면 흐름을 보여 주는 데는 프로토타입 툴로도 충분합니다. 엔진에 UI를 직접 적용해 본 경험이 있으면 더 좋지만, 졸업 전 우선순위는 디자인과 흐름 설계입니다.
가까운 캠퍼스에서 게임 UI·UX 알아보기
사는 곳과 가까운 캠퍼스를 고르면 수업 내용, 오시는 길, 상담 신청을 한 번에 볼 수 있습니다.