2024. 3. 28 Mellow | Early Access Open
* 이전 게시물의 속편으로 얼리 액세스 오픈 시 시안에서 구현이 완료된 UI와 추가된 UI 및 연출을 포함하고 있으며
전 게시물과 마찬가지로 3d 캐릭터 및 3d 배경, 일러스트는 포트폴리오에 포함되지 않습니다.
주요 게임 화면
[순서별 화면 설명] * 좌에서 우
1. 프로필 - 기존 시안 기능 모두 구현이 완료된 프로필 화면의 메인 페이지입니다.
캐릭터가 착용한 아바타, 감정 등을 볼 수 있고 추가적으로 소셜 기능과 개인 랭킹 페이지 정보를 제공합니다.
2. 인벤토리- 재화, 탈것, 제작 재료 등을 관리할 수 있는 인벤토리 UI입니다.
3. 지도- 자신의 위치와 콘텐츠 구역이 표시되어 있는 지도 UI입니다. 길 안내를 활성화시켜 안내 기능을 제공합니다.
4. 콘텐츠 랭킹- 랭킹 보드를 통해 전체 랭킹을 확인할 수 있는 UI입니다.
UI 연출
[순서별 화면 설명] * 좌에서 우
1. 튜토리얼과 토스트 메시지- 행동 튜토리얼 화면입니다. 배경이 딤드되며 특정 버튼 강조가 됩니다.
(UGUI 애니메이션, 트윈 애니메이션)
2. 제작소 - 제작소에서 아바타 아이템을 제작하는 연출입니다. (플립북 애니메이션)
3. 프로필 - 홀드 터치 기능입니다. (트윈 애니메이션)
4. 룰렛 이벤트 - 룰렛으로 동물 NPC에게 먹이를 주는 UI입니다. 룰렛은 UGUI 애니메이션으로 연출하였고
투사체 이펙트 등은 파티클 시스템 및 트윈 애니메이션으로 처리했습니다.
* 룰렛 아이템 프랍 제외
기타 연출
[순서별 화면 설명] * 좌에서 우
1. 메인메뉴 레드닷 연출 - 휴대 기기에 진동 알람을 구현한 레드닷입니다. 메인화면에서 진입하는 메인메뉴 UI에만
해당 연출이 등장합니다. (플립북 애니메이션, 트윈 애니메이션)
2. 콘텐츠 UI 레벨 업 연출 - 캐릭터가 표시되지 않는 경우에 레벨 업 연출입니다. (UGUI 애니메이션, 파티클 시스템)
3. 아이템 획득 연출 - (플립북 애니메이션, 파티클 시스템)
UI, UX 개선 제안 시안
[순서별 화면 설명] * 좌에서 우
1. 2단계 카테고리까지 표시되는 아이템 페이지 시안입니다. 기존 가로, 세로를 모두 사용하는 UI에서 상단에
카테고리를 배치하여 아이템 목록 공간을 확보하는 동시에 정보를 네스팅하여 보여줄 수 있도록 수정했습니다.
부수적인 조작과 옵션은 시선의 진행 방향을 고려하여 하단에 배치하였습니다.
2. 캐릭터가 커스텀, 상점 등에서 사용될 UI 시안입니다. 1번 시안과 동일한 UX를 사용하여 디자인했습니다.
3. 제작, 인벤토리 등에서 사용될 UI 시안입니다.
* 전체적으로 기존의 가로 스크롤에서 세로 스크롤로 바꾸어 아이템이 표시되는 개수를 늘렸습니다.
또한 슬롯의 배열이 'Z' 식 배열로 수정하여 스크롤의 진행 방향과 표시 아이템 개수가 증가한 것에
상응하도록 변경하였습니다.
아이콘, 프랍 디자인
게임에 사용되는 주요 아이콘 리소스와 프랍 이미지입니다.
