미리 그려보기

 

UI를 실제로 배치하기 전에 꼭 해봐야 할 작업이 있다.

일단 펜과 종이를 준비해서.

UI를 직접 손으로 그려본다.

미적으로 표현할 필요는 없다, 다만, 대강의 형태를 표현할 수 있으면 된다.

이 작업으로 UI를 만들었을때 어떤 오류가 일어나는지, 그리고 UI의 흐름을 한 줄기로 잡아줄 수 있다.

그리는데 펜과 종이가 아니더라도 상관 없다.

포토샵을 이용해서도 가능하고 그림판으로도 가능하다.

내가 생각하기엔, 컴퓨터로 할 거라면 이왕이면 사운드 까지 같이 첨부할 수 있는 플래시가 좋을 듯 하다.

 

 

텍스트 메뉴 배치

 

텍스트로 이루어진 메뉴 목록의 배치를 무심코 지나쳐선 안 된다.

'종료'메뉴가 일반적으로 가장 아래에 배치되는 이유를 생각하면 이는 알기 쉽다.

RPG2K를 켰을때 시작, 불러오기, 종료 순으로 배치가 되어있다.

하지만 종료 버튼이 가장 위에 있다면?

 

메뉴를 가장 처음 열어봤을때 보여야 할 메뉴는 가장 많이 쓰이는 메뉴들이어야 한다.

쓰이지 않는 메뉴일 수록 서브 메뉴로 밀어두는게 좋다.

 

 

부피를 늘리지 말자

 

UI에는 게임의 어떤 정보를 화면에 표시할 것인지 이유를 곰곰이 생각해보고 신중하게 걸러내야 한다.

쓸모 없는 정보의 표시로 게임화면을 차지하는 것은 방해요소가 될 뿐이다.

그러나..

 

 

작다고 좋은 것 만은 아니다

 

사각의 게임 화면에서 UI를 배치한다는건 일반적으로 플레이 화면이 UI에 의해 침범당함을 뜻한다.

그래서 우리가 해야 할 일은 이 '침범'의 느낌을 최소화하는 것이다.

첨부한 첫번째 스크린 샷의 레이아웃을 보자.

 

첫번째 스크린 샷은 게임 화면을 최대한으로 덜 차지하는 좋은 예이다.

하지만 이 레이아웃은 게임에 따라 플레이 화면을 침범하는 UI가 될 수도 있다.

왼쪽 아래에 랩터가 가려진 모습이 보이는가?

그렇다면 다른 형태는 어떨까.

첨부한 두번째 스크린 샷의 레이아웃을 보자.

 

이전 레이아웃은 사각의 플레이 화면에 다른 사각형이 침범하는 듯이 보였지만

이 레이아웃은 크기가 더 크면서도 그러한 느낌이 없다.

플레이 화면이 침범이 없는 완전한 사각의 형태로 보이고 레이아웃 또한 영역이 더욱 넓어져 내용을 더 풍부히 할 수 있다.

 

 

마치며

 

창조도시의 게임들은 게임으로 전달하려는 이야기, 게임의 규칙에 대해선 대단히 신경을 쓰지만

UI 부분에 있어서는 항상 아쉬운 부분이 많은 것 같다.

UI는 유저와 가장 최초로, 그리고 꽤 많은 비중의 상호 작용이 일어나는 게임의 얼굴로

유저 편의 측면에서 가장 많은 공이 들어가야 할 부분이다.

이 강의에선 미적인 측면에 대해 일절 언급하지 않았지만 미적인 면과 기능적인 면에서 절충안을 찾는 것 또한 중요하다.