독학하다 막힌 게임 UI 디자이너 지망생이 점검할 것

이 글과 연결된 과정게임 UI·UX 과정 알아보기

UI는 디자인으로 끝나지 않고 엔진에 적용되어야 완성됩니다. 수업에서는 디자인한 화면을 개발팀이 쓸 수 있게 이미지 조각으로 나누고, 엔진에 올려 실제로 동작…

독학 UI 포트폴리오에서 반복되는 모습

독학으로 만든 게임 UI 포트폴리오에는 비슷한 모습이 자주 보입니다. 화려한 프레임과 장식이 가득한 로비 화면 몇 장, 실제 게임 UI를 거의 그대로 따라 만든 모작, 그리고 그 화면이 어떻게 이어지는지에 대한 설명은 없는 경우입니다.

평가자는 화면의 완성도와 함께 '이 사람이 UI를 설계할 줄 아는가'를 봅니다. 화면 한 장만으로는 그 판단을 하기 어렵습니다. 버튼을 누르면 어디로 가는지, 아이템이 없을 때 화면은 어떻게 보이는지, 작은 휴대폰 화면에서도 글자가 읽히는지 같은 질문에 답하는 자료가 있어야 합니다.

모작 자체는 좋은 연습입니다. 다만 모작에서 멈추면 남의 결정을 따라 그린 것에 그칩니다. 모작을 통해 배운 원리를 내 창작 UI에 적용하는 단계까지 가야 포트폴리오가 됩니다. 모작마다 배운 원리를 한 줄씩 적어 두세요.

점검 1: 정보의 우선순위를 정하고 디자인했는가

게임 화면에는 체력, 재화, 미니맵, 스킬, 퀘스트 알림처럼 많은 정보가 동시에 올라옵니다. UI 디자이너는 그중 무엇을 가장 먼저 보이게 할지 정하고, 크기, 색, 위치, 대비로 우선순위를 표현합니다.

내 화면을 흑백으로 바꾸고 몇 걸음 떨어져서 보세요. 가장 먼저 눈에 들어오는 것이 그 화면에서 가장 중요한 정보와 같은지 확인합니다. 장식 테두리나 배경 무늬가 먼저 보인다면 우선순위가 뒤바뀐 것입니다. 전투 중 화면이라면 체력과 스킬 상태가, 상점 화면이라면 가격과 구매 버튼이 먼저 읽혀야 합니다.

글자 가독성도 함께 점검하세요. 배경 위에 얹힌 글자가 밝은 장면과 어두운 장면 모두에서 읽히는지, 숫자 단위가 일관된지, 작은 화면에서 최소 크기를 지키는지 확인합니다.

점검 2: 화면 흐름과 상태를 설계했는가

UI는 화면 한 장이 아니라 흐름입니다. 로비에서 상점으로, 상점에서 구매 확인 팝업으로, 구매 후 결과 화면으로 이어지는 과정 전체가 디자인 대상입니다. 이 흐름을 화면 흐름도로 그려 두면 빠진 화면과 막다른 길이 드러납니다.

• 버튼의 기본·눌림·비활성 상태가 구분되어 있는가
• 목록이 비어 있을 때의 화면을 만들었는가
• 재화가 부족하거나 오류가 났을 때 안내가 있는가
• 뒤로 가기와 닫기의 위치가 화면마다 일관된가
• 새 소식이나 보상 알림 표시 규칙이 정해져 있는가

이 항목들은 화려하지 않아서 독학 포트폴리오에서 자주 빠집니다. 하지만 실무에서는 이런 상태 디자인이 작업의 큰 부분을 차지합니다. 하나라도 제대로 갖추면 실무를 이해하는 지원자로 보입니다.

점검 3: 개발팀에 넘길 수 있는 형태로 정리했는가

게임 UI 디자인은 엔진에 들어가야 완성됩니다. 그래서 UI 디자이너는 화면을 조각낸 리소스, 크기와 간격 규칙, 늘어나도 깨지지 않는 이미지 처리(9슬라이스처럼 모서리를 유지한 채 가운데만 늘리는 방식), 해상도별 배치 규칙을 정리해 개발팀에 전달합니다.

독학으로는 이 단계를 경험하기 어렵지만, 흉내 내 볼 수는 있습니다. 내가 만든 화면 하나를 골라 버튼, 프레임, 아이콘을 따로 잘라 정리하고, 폰트 크기와 색, 간격을 한 장의 스타일 가이드로 만들어 보세요. 가능하다면 엔진에 직접 배치해 다른 화면 비율에서 어떻게 보이는지 확인하는 것도 좋습니다.

파일 이름과 레이어 정리도 점검 대상입니다. 레이어 이름이 '레이어 1', '복사본'처럼 남아 있으면 다른 사람이 파일을 열었을 때 무엇이 무엇인지 알 수 없습니다. 화면별, 요소별로 이름 규칙을 정해 정리하는 습관은 작아 보여도 협업에서 큰 차이를 만듭니다. 면접에서 원본 파일을 보여 달라는 요청을 받는 경우도 있습니다.

다시 짜는 독학 순서

1. 좋아하는 게임 하나를 골라 주요 화면의 흐름도를 그리고 정보 우선순위를 분석합니다.
2. 분석한 원리를 적용해 직접 고른 장르로 창작 UI의 핵심 화면 몇 개를 설계합니다.
3. 각 화면의 버튼 상태, 빈 화면, 오류 안내 같은 상태 디자인을 채웁니다.
4. 스타일 가이드와 리소스 정리 시트를 만들고, 가능하면 엔진에 배치해 봅니다.
5. 흐름도, 화면, 상태, 가이드를 묶어 포트폴리오로 정리하고 다른 사람에게 사용해 보게 합니다.

마지막 단계에서는 설명 없이 화면을 보여 주고 '이 아이템을 사 보세요'처럼 과제를 주어 보세요. 상대가 머뭇거리는 곳이 UI가 제 역할을 못 하는 곳입니다. 이 관찰 결과와 수정 과정은 포트폴리오에서 가장 설득력 있는 자료가 됩니다.

아이콘 작업도 조금씩 넣어 보세요. 아이템 등급이나 속성을 색과 형태로 구분하는 규칙을 정해 아이콘 세트를 만들면, 시각 디자인 실력과 규칙 설계 능력을 한 번에 보여 줄 수 있습니다.

툴보다 판단 기준을 먼저 세우기

독학하는 사람은 막힐 때 새 툴이나 효과 기법을 배우면 풀릴 거라고 생각하기 쉽습니다. 하지만 UI에서 막히는 지점은 대부분 판단 기준의 문제입니다. 왜 이 버튼이 여기에 있어야 하는지 스스로 설명할 수 있다면, 툴은 그 판단을 구현하는 수단일 뿐입니다.

지금 만든 UI 작업이 실무 기준에서 어떤 부분이 부족한지, 모작에서 창작으로 어떻게 넘어갈지 판단이 어렵다면 SBS아카데미게임학원 게임UIUX 과정 상담에서 작업물을 함께 보며 다음 단계를 정리할 수 있습니다.

자주 묻는 질문

가까운 캠퍼스에서 게임 UI·UX 알아보기

사는 곳과 가까운 캠퍼스를 고르면 수업 내용, 오시는 길, 상담 신청을 한 번에 볼 수 있습니다.

함께 읽으면 좋은 글