UI 편집기
(User InterfaceCustomizing)
역 기획서
구분 : 시스템 역 기획서
문서 버전 : Re_Sys_Cui_Ver_1.3a
최종 수정일 : 2019-03-04
작성자 : 백승민
Email : xerxise9010@gmail.com
2.
목차
1. 시스템 개요
1.1.기획의도
1.2. 제작 포커스
2. 시스템 구성
2.1. UI 편집 활성화/비활성화
2.2. 유형별 편집
2.2.1. 아이콘 편집
2.2.2. 크기 편집
2.2.3. 탭 닫기/열기
3. 시스템 기능
3.1. 아이콘 편집
3.1. 크기 편집
3.1. 탭 닫기/열기
4. 기타
4.1. 팝업 메시지
4.2. What if..
3.
1. 시스템 개요
[UI편집기 예상도]
1.1. 기획 의도
작은 디바이스에서도 원활한 게임 플레이를 가능하게 하기 위해서
모바일 환경에서 사용자가 원하는 대로 인터페이스를 손쉽게 변경, 조작 할 수 있게 한다.
1.2. 제작 포커스
UI 유형별 편집 방식 세분화를 통하여
PC버전 검은 사막에 존재하는 UI편집 보다 강력한 편집 툴을 제공한다.
4.
2. 시스템 구성
22.1.편집 활성화/비활성화
편집 활성화/비활성화
[활성화]
가. 전체 메뉴 탭에서 편집 기능을 활성화 할 수 있다.
[비활성화]
가. 전체 메뉴 탭에서 UI편집 아이콘을 한번 더 터치한다.
나. 편집 화면 상에 나타나는 편집 완료 아이콘을 터치한다.
편집 기능 사용 시 인터페이스가 비활성화된다.
- 편집 기능은 비 전투지역에서만 가능하도록 설정한다.
- 전투지역에서 사용시, 메시지를 출력한다(Msg.No.10001).
5.
2. 시스템 구성
12
2
3
4
5
5
6
7
유형별 분류
가. 아이콘 편집
([2]자주 쓰는 메뉴)
나. 크기 편집
([5]이동/스킬, [6]체력/자원, [7]회복약)
다. 닫기/열기
([1]미니맵, [3]퀘스트, [4]반려동물)
2.2. 유형별 편집
정의
편집 기능에는 공통적인 위치 편집 기능을 더하여 아래와 같이 크게 3분류로 나눈다.
1 지도
- 유저 및 NPC, 몬스터 등의 포괄적인 정
보를 보여줌.
2 자주 쓰는 메뉴 아이콘
- 소지품, 알림 등 유저가 자주 이용하는
메뉴에 쉽게 접근하게 해주는 아이콘.
3 퀘스트
- 현재 유저가 진행중인 퀘스트 목록
4 반려동물
- 유저가 보유, 활성화한 반려동물
5 이동 및 스킬
- 이동, 공격 및 스킬을 사용할 수 있는 영
역
6 체력 및 자원
- 캐릭터의 상태를 나타내는 영역
7 회복약
- 사용할 수 있는 회복 아이템
6.
2. 시스템 구성
편집 방식
아이콘 표시 영역의 이동, 표시영역의 크기 설정, 아이콘 추가, 배열 변경 및 제거
2.2.1. 아이콘 편집
정의
사용자가 자주 사용하는 메뉴 아이콘을 배치, 이동, 제거하는 기능이다.
7.
2. 시스템 구성
2.2.2.크기 편집
정의
사용자의 편의대로 UI의 크기와 위치를 조정할 수 있는 기능이다.
편집 방식
1 이동 및 스킬 위치의 이동 혹은 좌우반전
2 체력 및 자원 인터페이스 크기 및 위치 조절
3 회복약 인터페이스 크기 및 위치 조절
8.
2. 시스템 구성
2.2.3.열기/닫기
정의
가. 사용자의 편의대로 위치 및 크기를 설정할 수 있다.
나. 편집 기능을 사용하지 않을 때도 원하는 대로 인터페이스를 열고 닫아 표시하거나 숨길 수 있다.
편집 방식
1 지도 크기 설정 및 지도 확대/축소
2 퀘스트 저널 크기 설정 및 표시 개수 설정
3 반려동물 인터페이스 크기 설정 및 줄바꿈 설정
9.
3. 시스템 기능
편집 기능
가. 스마트폰 어플처럼 Drag&Drop로 배치 순서를 바꿀 수 있다.
나. (-)아이콘을 터치하여 화면에서 해당 아이콘을 제거한다. 제거된 아이콘은 전체 아이콘 메뉴에서
다시 추가할 수 있다.
다. 표시 영역 설정을 통해 한 줄에 표시되는 아이콘의 개수를 설정할 수 있다.
예외 및 기타 사항
가. 소지품, 알림 등 중요 아이콘은 제거 경고 메시지를 출력한다(Msg.No.10002).
나. 이미 화면에 배치되어있는 아이콘은 중복하여 배치할 수 없다.
- 중복된 아이콘을 등록하려 하면 메시지를 출력한다(Msg.No.10003).
다. 표시 영역 설정에서 다른 편집 영역과 중복되는 영역이 존재하면 경고 메시지를 출력한다.
(Msg.No.10004)
3.1. 아이콘 편집
10.
3. 시스템 기능
편집 기능
1 이동 단추 및 스킬 인터페이스의 크기를 조절 할 수 있다.
- 유저 편의를 위한 좁은 편의(좌우 반전)에서 넓은 편의(크기 조절 및 위치 이동)까지 개발 범위를
설정한다.
2 캐릭터의 체력/자원 및 (디)버프 인터페이스를 조절한다.
- 크기 조절 뿐만 아니라 다양한 형태의 체력/자원 인터페이스를 지원하여 유저의 선택의 폭을 넓힐
수 있다. (4.3. What if.. 참조)
3 회복약 개수/재사용 대기시간 인터페이스의 크기 및 위치를 조절한다.
- 캐릭터가 위급한 상황에서 요긴하게 쓰이는 기능인 만큼 크기 및 위치 조절의 효과가 클 것으로
예상된다.
예외 및 기타 사항
가. 전투에 있어 필수적인 요소들이기 때문에 편집으로 제거할 수 없는 인터페이스로 설정한다.
나. 너무 작게 설정할 경우 캐릭터 조작에 있어 치명적일 수 있기 때문에 일정한 기준
(예>100x100px미만 등)의 설정일 경우 경고 메시지를 출력한다(Msg.No.10005).
다. 표시 영역 설정에서 다른 편집 영역과 중복되는 영역이 존재하면 경고 메시지를 출력한다.
(Msg.No.10004)
3.2. 크기 편집
11.
3. 시스템 기능
편집 기능
-공통: 크기 및 위치를 설정하고, 접거나 펼칠 수 있다.
1 지도
가. 지도를 확대하거나 축소하여 표시 범위를 설정할 수 있다.
나. 필터를 사용하여 종류별(적, NPC, 오브젝트 등)로 각각 지도에 표시하도록 설정할 수 있다.
2 퀘스트 저널
가. 화면에 표시되는 퀘스트 개수의 최대치를 설정할 수 있다.
3 반려동물
가. 인터페이스를 한 줄에 모두 표시하거나, 줄을 바꾸어 두 줄로 표시하는 등의 설정을 할 수 있다.
예외 및 기타 사항
가. 펼쳐지는 영역에 다른 인터페이스가 중첩되는 경우 경고 메시지를 출력한다.(Msg.No.10004)
3.1. 인터페이스 열기/닫기
12.
4. 기타
No. NameType Window Type Desc
10001 msg_cui_non_combat Wnd confirm 비 전투 지역에서만 사용할 수 있
습니다.
10002 msg_cui_main_icon Wnd confirm 경고: 소지품(이)가 화면에 표시
되지 않습니다. 이대로 사용하시
겠습니까?
10003 msg_cui_already_assm Wnd confirm 이미 등록된 아이콘 입니다.
10004 msg_cui_overlap_cmm Wnd confirm 경고: 인터페이스에 겹치는 부분
이 존재합니다. 이대로 사용하시
겠습니까?
10005 msg_cui_size_tsmall Wnd confirm 경고: 인터페이스가 너무 작습니
다. 이대로 사용하시겠습니까?
4.1. 팝업메시지
모든 메시지 창 게임 화면 중앙 출력, 위치 이동 불가
13.
4. 기타
4.2. Whatif..
체력/자원 인터페이스의 다양화 예시
[디아블로3 인터페이스] [월드 오브 워크래프트 인터페이스]
간편하게 즐기는 모바일 게임에서 강력한 인터페이스 설정 기능이 얼마나 필요할까?
- 다양한 스킬과 움직임을 이용한 액션을 즐기는 게임인 만큼 사용하기 간편한 인터페이스를
유저가 스스로 설정한다면 게임에 더 쉽게 몰입할 수 있을 것.