[📜일지] 피그말리온 #24 : UI 변경(2)

[team_ca..(teamcandle)]

게임 메뉴에 대한 UI 수정과 함께 인 게임 디자인 역시 변경 작업에 들어갔다.

기존 인 게임

해상도를 업스케일링하면서 리소스를 새로 만드는 김에 디자인 적으로 좀 더 퀄리티가 높아 보일 수 있도록 보완을 시도했다.

기존에 문제 제기가 되던 부분

- 흑백 바탕 디자인이라 칙칙하고 호불호가 갈릴 수 있는 디자인이다. 

- 비주얼이 좀 더 캐주얼했으면 좋겠다.

- UI 버튼의 가시성

- 게임이 진행되는 배경이 게임이 진행되는 격자와 구분감이 있으면 더 좋을 것 같다.

마지막 문제의 경우 배경이 검은 색일 때 힘든 부분이 있었다.   

이걸 해결하기 위해 투명도 조절이나 아웃라인 등의 방법을 써봤지만, 한계가 있었다. 

물론 인 게임에 흑백을 쓴 이유도 있었다. 

피그말리온은 색깔을 이용한 게임이기 때문에 다른 요소에 방해받지 않고 색깔이 있는 블록에 집중할 수 있는 환경을 만들려는 의도였다. 

하지만 흑백 디자인은 너무 딱딱한 느낌을 주고, 겉으로 보이는 퀄리티 증가에 한계가 있다는 단점이 있다고 생각해서 대대적인 변화를 주기로 했다.

수정 작업에 들어가면서 다양한 의견을 받고 시도했는데, 배경과 게임이 진행되는 격자에 구분감을 주는 것이 최대 논점이었다. 

이 과정에서 정부 지원을 통해 컨설팅을 받기도했다.

해당 그림은 그 컨설팅 과정에서 나온 그림이다.

이 상태에서 배경에 투명도를 조절하고 배경과 격자 사이에 반투명한 판을 둬서 구분감을 주는 방안이 나왔다 

그리고 해당 그림처럼 이펙트나 파티클에 고유한 도트패턴을 넣는 아이디어가 제시되었다.

시도해보니 나쁘지 않을 것 같다는 판단에 작업을 진행해봤다. 

배경은 스토리와도 연관이 있어야한다고 생각해서 일단 뒤로 두고 먼저 블록에 대한 작업부터 시작했다.

기존 블록

기존 블록은 무난하고 심플하지만, 여기에서 퀄리티를 더 높이고 싶었다.

그래서 위 방안처럼 블록을 디자인해봤지만, 뭔가 생각과는 조금 다른 결과물이 나왔다.

아마 네온 느낌의 색깔을 쓰지 않아서 그런 것 같은데, 이부분은 색깔을 설정창에서 조절할 수 있게 만들 예정이라 기본 RGB 값으로 진행하고 싶었다. 

색상 변경의 기능은 단순히 꾸밈 요소 뿐만이 아니라 색에 대해 구분이 어려운 색맹, 색약 분들도 충분히 플레이할 수 있게 만들자는 목표로 제작되었다. 

설정을 통해 블록의 색상을 변경 기능하다.

색깔 변경 기능을 넣을 예정이지만 가시성을 위해 블록의 현재 색상에 대한 시각적인 표기를 해두고 싶었다. 

제일 처음엔 유럽권 나라에서 적용되는 색상 분류표인 컬러애드를 사용하려고 했다.

하지만 사용에 연회비 방식의 라이센스 비용이 들기도 하고, 문양을 넣기엔 기본 블록 크기가 애매했다.

그렇다고 다른 무늬를 넣기엔 같은 이유로 정해진 규격에 제작하기가 어려웠다. 

하지만 업스케일링을 하고 난 뒤는 블록 크기가 조금 더 커졌기 때문에 정보를 표시 할 수 있게 됐다. 

다만 색상에 대한 정보를 알 수 있음과 동시에 기본 디자인 역시 예쁘게 보여야해서 좀 더 고민했다. 

새로운 블록 디자인

결론은 블록 겉에 프레임을 제작하고, 해당 프레임에 현재 색상 정보를 표기해주는 방법을 채택했다. 

기본 3색

기본 3색은 각각의 색깔에 맞는 위치에 불이 들어와 색상 정보를 시각적으로 표기해준다. 

또한 다른 칸은 비워둬서 다른 색과 결합 가능하다는 점도 표기해뒀다. 

합성색인 주황색의 경우  빨간색과 노란색이 합쳐진 색이니 해당 색의 불이 들어오는 형식이다. 

또한 파란색과는 상호작용이 안되기 때문에 그쪽 공간은 메워뒀다.

결론적으로 해당 블록이 격자에 들어가면 이런 느낌으로 연출이 된다. (배경은 미정이다 보니 일단 청사진으로 뒀다.)

이렇게 제작하고 보니 기능성은 좋지만, 디자인에 호불호가 있을 수 있다는 생각이 들었다.

처음 목표로 한 캐주얼한 디자인은 아니라는 느낌...?

퍼즐을 플레이하는 유저들 중에는 캐주얼한 디자인을 더 선호하는 사람들도 많을 것 같다는 생각이 들어서 이 부분은 스킨 시스템으로 해결해 볼까한다.

스킨에 대해선 좀 더 제작하게 된다면 일지로 적을 것 같지만, 일단  기본 제공하려는 스킨의 경우

이런 식으로 업적이나 진행도에 따라서 프레임에 변화를 주는 스킨을 제공하면 어떨까 생각해보고 있다.

그냥 한번 재미로 만들어본 민트 초코, 플로피디스크 컨셉의 블록. 

이후에는 아예 컨셉을 변경시킬 정도의 스킨을 구상해보고 있다. 

가령 물방울 컨셉이라든지, 젤리 컨셉이라든지, 파스텔 계열의 다른 컨셉의 스킨 등등...

개별의 취향을 저격할 수 있는 블록 스킨을 적용한 인 게임을 보여주면 충분히 캐주얼한 비주얼로 보이지 않을까 예상해본다.  

다음 편에 계속…(캔들은 항상 열려있습니다.)

원본 블로그 링크 : https://blog.naver.com/team_candle/223040673078 

[대장군전(ssss4610)]

[자블(indipia)]

타인의 고민을 편하게 정리되게 볼 수 있다는 점이 유익한 것가탕용 개추

[태보미(taebomi)]

민트초코랑 플로피디스크 귀여워 !