doll ui concept_design_ver_0.9.c

17
인인 인인인인인 인인인 인인인 인인 : UI 인인인 인인인 인인 : ver.0.9.C 인인 인 : M$ Power Point 2007 인인인 : 2012. 6. 14 인인 인인인 : 2015. 4. 04 인인인 : 인 인 인 인인인 : [email protected]

Upload: ganmaru

Post on 26-Jul-2015

185 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Doll ui concept_design_ver_0.9.c

인형의 기사유저 인터페이스 콘셉트 기획서

구분 : UI 콘셉트 기획서버전 : ver.0.9.C

작성 툴 : M$ Power Point 2007작성일 : 2012. 6. 14최종 수정일 : 2015. 4. 04작성자 : 정 치 훈이메일 : [email protected]

Page 2: Doll ui concept_design_ver_0.9.c

목 차- 2 -

Control

Layout

- 캐릭터 이동- 일반 공격 조작- 전투 스킬 사용법- 메뉴 구성 및 조작- 퀵 슬롯 사용법

- 캐릭터 상태 창 (Status, Item) └ 아이템 정보 보기 └ 장비 아이템 착용 / 장착 └ 퀵 슬롯 등록 ( 아이템 )- 어빌리티 창 └ 퀵 슬롯 등록 ( 어빌리티 )

Page 3: Doll ui concept_design_ver_0.9.c

제 목

장 르

플 랫 폼

타 겟

인형의 기사

Action RPG

모바일 (Android 5.x, IOS 8.x)

스토리 기반의 액션 RPG 를 즐기고 싶은 유저

게임 소개- 3 -

Page 4: Doll ui concept_design_ver_0.9.c

Con-trol

Page 5: Doll ui concept_design_ver_0.9.c

이동

터치

이동

드래그

이동

터치 드래그 이동

이동 방법

1000/1000

250/250

HP AP

- 5 -이 동

Page 6: Doll ui concept_design_ver_0.9.c

내려치기

대각선

찌르기

공격 방법

HP AP

1000/1000

250/250

가로

베기

이동

가로 긋기

세로 긋기

대각선 긋기

자동 이동

베기

내려치기

찌르기

- 6 -일반 공격

세로

Page 7: Doll ui concept_design_ver_0.9.c

어빌리티 사용 방법

적 터치 자동 이동

터치

이동

HP AP

1000/1000

250/250

어빌리티

180/250

어빌리티 사용

- 7 -어빌리티 사용

Page 8: Doll ui concept_design_ver_0.9.c

메뉴 활용

좌측 하단 버튼 밀기

이동

1000/1000

250/250

커맨드화면

스테이터스

어빌리티

시스템 메뉴

환경설정

타이틀로되돌아가기

HP AP

CMD

PAUSE

STATUSSYSTEMABILITY

- 8 -메 뉴

Page 9: Doll ui concept_design_ver_0.9.c

- 9 -

HP AP

1000/1000

250/250

퀵 슬롯 사용

PC터치

퀵 슬롯 ( 탑승 )터치 탑승

퀵 슬롯

Page 10: Doll ui concept_design_ver_0.9.c

Layout

Page 11: Doll ui concept_design_ver_0.9.c

- 11 -캐릭터 상태 창

머리보석

장신구

STATUS

정기의 물약 x 10

소비

생명의 젬스톤

장난감 칼

마법사의 언약 반지

현재 장비 아이템

보유 아이템

ITEM아이템 정렬 :

캐릭터 능력치

퀵 슬롯 등록

무기보석

장신구

슬롯 2 슬롯 3

아이템 정렬 : [ 수량 순 ] [ 이름 순 ]

[ 획득 순 ] ※ 오름차순 / 내림차순 토글

LV : 5HP : 50/50AP : 20/20

ATK : 10(5)DEF : 5LUK : 5

1

42

3

1 2

3 4

Page 12: Doll ui concept_design_ver_0.9.c

- 12 -아이템 정보

생명의 젬스톤

장난감 칼

마법사의 언약 반지

무기보석

장신구

1 아이템 터치

1

정보 확인2

2 장비류 아이템 팝업 창바로 착용

3 소비류 아이템 팝업 창

4

아이콘

정보 확인3

사용

이름

기능

설명

Item Info4 아이템 정보 팝업 창

구 성

Page 13: Doll ui concept_design_ver_0.9.c

- 13 -장비 아이템 착용

1 장비를 장착할 부위 터치

2

3

구 성

1

2해당 부위 장비 리스트 팝업 창Equip List

아이콘 이름 능력치 증감

아이콘 이름 능력치 증감

아이콘 이름 능력치 증감

착용 / 장착

장비 / 선택한 아이템3

Page 14: Doll ui concept_design_ver_0.9.c

- 14 -아이템 등록

1

2

3

4

구 성슬롯

1슬롯

2슬롯

3

1

2 Quick Slot

아이콘 이름 수량

아이콘 이름 수량

아이콘 이름 수량

등록

3퀵 슬롯 등록 버튼

퀵 슬롯 등록 팝업 창

등록 / 선택한 아이템

슬롯3

4

등록 완료

Page 15: Doll ui concept_design_ver_0.9.c

- 15 -어빌리티 창

슬롯 2 슬롯 3

All Active Passive Combo

설명

구분

Ability

활성

13

5

활성 어빌리티

어빌리티 구분

선택 어빌리티

1 2

3 4

선택 어빌리티 설명

4

이름이름 등급 이름 등급 이름 등급

2

퀵 슬롯 등록5

Page 16: Doll ui concept_design_ver_0.9.c

- 16 -어빌리티 등록

1

2

3

4

구 성슬롯

1슬롯

2슬롯

3

1

2 Quick Slot

아이콘 이름 등급

아이콘 이름 등급

아이콘 이름 등급

등록

3퀵 슬롯 등록 버튼

퀵 슬롯 등록 팝업 창

등록 / 선택한 어빌리티

슬롯3

4

등록 완료

Page 17: Doll ui concept_design_ver_0.9.c

Thank You