게임 UI·UX 포트폴리오는 예쁜 화면 몇 장을 모은 이미지집이 아닙니다. 채용 담당자는 화면이 보기 좋은지와 함께, 이 사람이 유저의 흐름을 이해하고 한 게임의 화면 전체를 일관되게 설계할 수 있는지를 봅니다. 이 글에서는 게임 UI·UX 디자이너 포트폴리오의 구성과 작업물별 보여주는 방법을 정리합니다.
포트폴리오의 중심은 창작 UI 프로젝트입니다
가장 큰 비중을 둘 작업은 직접 장르와 콘셉트를 정해 만든 창작 UI 프로젝트입니다. 한 게임을 가정하고 여러 화면을 같은 스타일로 만든 프로젝트는 일관성과 설계 능력을 동시에 보여줍니다. 화면 한두 장만 있는 작업보다, 하나의 게임을 처음부터 끝까지 따라갈 수 있는 화면 묶음이 훨씬 설득력 있습니다.
| 구성 요소 | 담을 내용 |
|---|---|
| 콘셉트 소개 | 가상 게임의 장르, 분위기, 대상 유저를 한 쪽으로 정리 |
| 스타일 가이드 | 색상표, 글꼴, 버튼과 창 틀의 기본 형태, 아이콘 규칙 |
| UX 흐름도 | 타이틀부터 전투, 결과 화면까지 화면 사이 이동 경로 |
| 주요 화면 | 로비, 인벤토리, 상점, 전투 HUD 등 완성 화면 |
| 리소스 시트 | 버튼 상태별 이미지, 아이콘 모음 등 개별 리소스 |
| 구현 결과 | 엔진에 적용한 화면 캡처나 짧은 동작 영상 |
UX 흐름도로 생각의 과정을 보여주세요
UI 포트폴리오에서 흐름도가 빠져 있으면 화면이 왜 그렇게 생겼는지 알기 어렵습니다. 화면과 화면을 화살표로 잇고, 각 이동에 필요한 동작을 적어 보세요. 예를 들어 로비에서 상점까지 몇 번의 터치가 필요한지, 구매 후 어디로 돌아오는지를 보여주는 식입니다.
기존 게임을 분석해 단계를 줄인 개선안을 함께 보여주면 UX 사고가 더욱 분명하게 드러납니다. 개선 전과 후의 단계 수를 나란히 비교하는 간단한 표만으로도 큰 효과가 있습니다.
화면 하나를 보여줄 때의 요령
- 완성 화면을 크게 보여줍니다. 실제 기기 비율에 맞춰 배치하면 현실감이 생깁니다.
- 옆에 설계 의도를 짧게 적습니다. 왜 이 버튼이 여기에 있는지, 무엇을 가장 먼저 보게 했는지 설명합니다.
- 와이어프레임과 완성본을 나란히 둡니다. 구조를 먼저 잡고 그래픽을 입힌 과정이 보입니다.
- 버튼의 상태 변화를 보여줍니다. 기본, 눌림, 비활성 상태를 함께 넣으면 실무 감각이 드러납니다.
모작은 이렇게 활용합니다
모작은 기본기를 보여주는 데 도움이 되지만, 포트폴리오의 중심이 되어서는 안 됩니다. 원작 게임 이름을 분명히 밝히고, 모작을 통해 무엇을 배웠는지 짧게 적어 두는 정도가 적당합니다. 모작 뒤에 같은 화면을 내 방식으로 다시 설계한 개선안을 붙이면, 단순한 따라 그리기가 아니라 분석과 창작으로 이어진 작업이 됩니다.
모작 대상을 고를 때는 지원하려는 회사의 장르를 고려하면 좋습니다. 수집형 게임을 주로 만드는 회사라면 캐릭터 목록과 성장 화면을, 액션 게임 회사라면 전투 HUD를 모작해 보는 식입니다. 장르에 맞는 화면을 이미 다뤄 봤다는 점이 자연스럽게 전달됩니다.
자주 하는 실수
- 화면마다 스타일이 다른 경우: 한 프로젝트 안에서는 색과 글꼴, 버튼 모양이 일관되어야 합니다.
- 글자가 너무 작은 경우: 실제 기기에서 읽힐 크기인지 꼭 확인하세요.
- 장식이 정보를 가리는 경우: 화려한 장식보다 정보가 잘 보이는지가 먼저입니다.
- 설명 없이 이미지만 나열한 경우: 각 화면에 한두 줄이라도 의도를 붙이세요.
완성한 포트폴리오는 휴대폰 화면으로도 한 번 열어 보세요. 채용 담당자가 이동 중에 확인하는 경우도 있어서, 작은 화면에서도 핵심이 보이는지 점검해 두면 좋습니다. 파일 용량이 너무 크면 열리는 데 오래 걸리니 이미지 압축도 함께 확인하세요.
포트폴리오를 수업에서 완성하려면
SBS아카데미게임학원 게임UIUX 과정에서는 마지막 단계에서 기존 게임 UI 모작과 직접 기획한 장르의 창작 UI 화면을 게임 UI/UX 포트폴리오로 정리하며, 담당 강사가 기획 의도와 완성도를 1:1로 점검합니다.
자주 묻는 질문
게임 UI 포트폴리오에 몇 개의 프로젝트를 넣어야 하나요?
완성도 높은 창작 프로젝트 한두 개를 중심으로, 성격이 다른 장르를 하나 더하는 구성이 무난합니다. 개수보다 일관성과 완성도가 중요합니다.
동작 영상도 꼭 필요한가요?
필수는 아니지만 버튼 반응이나 화면 전환을 짧은 영상으로 보여주면 UX 설계를 이해하기 쉬워 좋은 인상을 줍니다.
