✅오늘의 아티클
https://pixso.net/kr/skills/game-ui-design/
게임 UI 디자인에 대해 알아야 할 내용 [정리]
게임 전용 디자인 툴을 활용하여 여러 작업하면서 게임 UI 디자인을 쉽게 익혀볼 수 있을 겁니다.
pixso.net
📌핵심 내용
게임 UI 디자인이란?
- 게임 UI 디자인은 플레이어가 게임할 때 원활하게 플레이할 수 있게 화면을 설계하는 것. 이는 게임과 플레이어를 이어주는 다리 역할을 하며, 플레이어가 게임 상황과 플레이 메커니즘을 빠르게 이해하고 원하는 정보를 찾고 원활하게 게임을 플레이할 수 있게 합니다. 전투 플레이, 상점 구매, 캐릭터 능력치 등 게임 내 플레이어가 플레이하기 위해 보이는 시각적인 모든 부분이 게임 UI 디자인입니다.
게임 UI 디자인과 일반 UI 디자인의 차이점
- 게임 UI 디자인의 목표는 플레이어를 게임에 몰입시키고 게임 아이템이나 콘텐츠 구매를 유도하는 것입니다. 그래서 우리가 흔히 보는 일반 UI 디자인과는 차이점이 있습니다.
- 플레이어가 게임에 계속 몰입해서 즐기게 하려면 밝고 강렬한 색상, 고해상도 이미지, 매력적인 일러스트레이션, 크고 굵은 폰트 등 눈길을 확 사로잡는 비주얼을 사용해야 합니다.
- 게임 상황을 이해하고 최대한 빠르게 게임을 시작하도록 플레이어가 게임하는 데에 도움이 되는 간단한 제스처를 제공해야 합니다. 스와이프, 클릭, 탭 등 제스처를 배치하여 게임을 이어가도록 안내합니다. 게임 중간중간 짧은 튜토리얼이나 팁을 제공하여 새로운 게임 상황에서도 빠르게 적응하도록 돕습니다.
- 게임 플레이가 되는 화면 중앙에만 집중해서 플레이할 수 있도록 최대한 게임 UI을 최대한 심플하게 디자인해야 합니다.
게임 UI 디자인 10가지 원칙
더보기
1. 플레이어가 자연스럽게 게임을 이해할 수 있도록 디자인해야 합니다.
2. 적시에 적절한 방법을 사용하여 플레이어를 명확하게 안내해야 합니다.
3. 가이드나 튜토리얼을 플레이어가 건너뛸 수 있도록 허용해야 합니다.
4. 시각 효과를 사용하여 보상 및 인앱 구매가 눈에 띄게 만들어야 합니다.
5. 플레이에 집중하도록 게임 UI가 복잡하게 디자인되지 않아야 합니다.
6. 시각적 계층 구조를 만들어 중요 부분을 표시하고 명확하게 안내해야 합니다.
7. 단순화된 사이드바를 제공하여 공간을 확장하고 플레이어가 탐색하도록 합니다.
8. 다양한 기기에서 플레이를 할 수 있도록 반응형 게임 UI을 디자인해야 합니다.
9. 사용자 경험을 개선할 수 있도록 플레이어가 기꺼이 피드백을 제공하는 공간을 만들어야 합니다.
10. 표준 플레이 메커니즘 방식으로 플레이어에게 게임 정보를 전달되는지 게임 UI 테스트를 거쳐야 합니다.
게임 UI 디자인의 필수적인 요소
- 기다림을 기대감으로 바꾸는 디자인
- 빌드 용량이 가벼운 게임이 아닌 이상 리소스 패치가 불가피(네트워크 상황에 따라 짧게는 1분 이내, 길게는 10분)
- 이 때 플레이어가 이탈하지 않도록 업데이트 후 즐길 수 있는 신규 콘텐츠나 캐릭터에 대한 정보를 제공하기
- 리소스 패치 예상 시간을 보여줘 기대감을 높여주어야 함
- 선택 과부하를 줄이는 디자인
- 모바일 게임을 실행하고 처음 보는 UI 디자인은 메인 화면
- 정보를 확인하는 화면이기 때문에 장르에 따라 적게 10개에서 많게 30개가 넘는 버튼이 있음
- 이때 플레이어는 선택 과부하로 정신적 피로도가 생기고 압박받기 때문에 플레이 몰입에 방해가 됨
- 버튼 가짓수를 줄일 수 없다면 유사한 기능 혹은 요소끼리 묶어 메뉴를 제공하면 복잡성이 감소
- 가로/세로 반응형 디자인
- 대부분 모바일 게임은 가로 화면 혹은 세로 화면 한 가지 방향 UI 디자인만 제공해 불편
- 플레이어의 상황에 맞게 최적화된 화면에서 플레이하게 하면 언제 어디서든지 게임 몰입감을 높일 수 있음
- 반응성 설계 관련 지식
- 커스터마이징하는 디자인
- 플레이어마다 느끼는 게 다르기 때문에 모두를 만족하긴 어려움
- 누군가는 조작 키의 방향이 불편할 수 있음
- 왼손잡이 혹은 오른손잡이에 따라 플레이 중간 눌러야 하는 버튼을 누르기 어려울 수 있음
- 플레이 사용성을 고려하여 플레이어 개개인 맞춤 UI 커스터마이징을 할 수 있도록 환경 조성

💭인사이트
- 유저가 계속해서 게임에 몰입하게 해야 한다는 점, 아이템 구매 유도 등을 위한 눈길을 사로잡는 디자인 등 게임UI디자인과 일반적인 UI디자인의 차이점도 분명 있으나 UI디자인의 필수 요소 면에서는 공통점이 더 많다고 생각한다.
- 게임은 화려한 시각적인 효과나 그래픽 디테일에 치중하기 쉬운데, 아무리 비주얼 퀄리티가 좋다한들 실현가능성이 없다면 무용지물이라는 것이며 좋은 UI는 실현 가능성+유저+팀원에 대한 이해가 함께 고려된 UI라는 것이다.
- 개발 구현에도 편리하도록 디자인해야 하니, 개발에 관한 지식을 갖추는 것도 중요한 것 같다.
- 서비스를 이용하는 데 있어서 ‘이거 어떻게 해요?’라는 이야기가 나오면 실패한 디자이너라고 한다. 게임을 즐기는 유저가 길을 잃지 않도록 올바른 길을 만들어 주자.
728x90
'Article' 카테고리의 다른 글
| CSS 한글 웹폰트 자간(letter-spacing) 자동으로(상대적으로) 조정하기 (0) | 2024.11.22 |
|---|---|
| [아티클 스터디] 시니어를 위한 UX/UI디자인 가이드 (0) | 2024.02.16 |