[별 헤는 밤에] UI 디자인

by Yanggaeng posted May 28, 2016
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

오랜만에 뵙네요. 양갱입니다.

근황 겸 써보는 글 입니다.

 

별 헤는 밤에가 원래는 VX ACE로 제작되고 있었는데

퍼포먼스 문제가 너무 심각해서 MV로 처음부터 다시 제작중입니다.

덕분에 시간이 좀 더 걸리게 되었습니다. 이거 분명 2년 전에서부터 기획하던건데.... 언제 완성하니 나....

 

 

"별 헤는 밤에"는 기존 쯔꾸르와는 다른 노선을 걷는 매우 실험적인 게임입니다.

따라서, 기존의 쯔꾸르가 주는 느낌을 조금이라도 더 상쇄시키고자

게임의 인터페이스를 다르게 할 필요가 있었습니다.

 

아래는 게임의 인터페이스 디자인 입니다.

( UI를 제외한 나머지 그래픽은 실제 게임과 다르며, PC버전 기준입니다. )

 

 

 

 

 

1.퀘스트 존

"별 헤는 밤에" 는 오픈 월드 게임으로, 스토리 진행을 위한 퀘스트 존이 맵 곳곳에 위치합니다.

구역 안으로 들어가면 화면 좌측에 퀘스트 알림이 나타납니다.

 

1.png

 

여기서 E 버튼을 누를 경우 아래와 같이 퀘스트 상세 정보가 나타나며,

다시 한 번 E를 누르면 퀘스트가 시작됩니다.

2.png

 

 

 

 

 

2.메세지 박스

대화할 경우 나타나는 메세지 박스 입니다.

주변 폐색과 스탠딩 CG를 통해 유저가 대화에 몰입할 수 있습니다.

 

3.png

 

 

 

 

 

3.메뉴

"별 헤는 밤에" 는 게임 특성상 다양한 기능을 유저가 조작하거나 확인해야 합니다.

기존 쯔꾸르 메뉴의 UI와 UX는 이를 제대로 수행할 수 없다고 판단, 메뉴를 새로 만들었습니다.

 

직관적인 UI,UX 와 위에서 말씀드렸다시피 저만의 실험적인 도전을 위해

과감히 Metro Design 의 타일 배치 방식을 가져왔습니다.

 

4.png

 

 

 

로고.png

 

 

 


Articles

6 7 8 9 10 11 12 13 14 15