마왕성의 1층 UI/UX문서입니다.

1. 마왕성의
1층
UI
개요 문서
Email
tlsgywo11
@naver.com
Phone
010-5505-6188
신효재

2. 업데이트
내용 날짜
1 기존 문서 PPT화 2019/05/21

3. 목차
개요
컨셉
컨셉 예시
UI 흐름도
4 p
5 p
6,7 p
로비 인 게임
(준비중)
새로 하기
이어하기
옵션
메인 메뉴
업적

4. 개요 – UI / UX컨셉
20-30대를
타겟으로
동글동글한
UI
고전 게임유저,
마인 크래프트가 친숙한
유저 타겟으로
픽셀 느낌

5. 개요 – UI / UX컨셉 - 컨셉 예시
동글동글한 이미지+ 최대 3가지 색상 사용 + 귀여움
도트가 연상되는 이미지+ 최대 3가지 색상 사용 + 귀여움

6. 개요 – UI흐름도 - 로비
게임 시작 메인 메뉴
새로 하기
이어 하기업적 창
메인-옵션
게임 플레이

7. 개요 - UI흐름도 – 인 게임
메인 화면
인 게임-옵션
저장 하기
게임 플레이
결과 창- 패배 결과 창- 승리 결과 창- 처분
정보 창 - 적
관리창들
정보 창 - 간부

8. 로비 – 1. 메인 메뉴
1. 옵션 :
“메인- 옵션” 창으로 이동
2. 새로 하기 :
“새로 하기” 창으로 이동
3. 이어 하기 :
“이어 하기” 창으로 이동
4.업적 창 :
“업적 창”으로 이동
2. 새로 하기
3. 이어 하기
4. 업적 창
1. 메인-옵션

9. 로비 – 2. 새로 하기
1. 설명 :
맵에 대한 설명
2. 지도 :
맵의 전체적인 형태 묘사.
3. 난이도 :
체크박스 형식, 하나만 선택.
선택 된 체크박스 하이라이트.
4. 시작 :
“게임 플레이” 화면으로
이동
# 이전 장에서 설명한
버튼은 유효함. (파란색)
2. 지도
1. 설명
4. 시작
현재 설정으로
게임 시작.
3. 난이도
체크 박스 형식.
2 초 뒤 지워짐.
게임 플레이

10. 로비 – 3. 이어 하기
1. 마지막 저장일자 :
YYYY/MM/DD 형식으로 저장
한 게임의 날짜 표기.
2. 난이도 :
저장한 게임의 난이도
3. 맵 :
저장한 게임의 맵 종류
4. 시작 :
“게임 플레이” 화면으로
이동
# 이전 장에서 설명한
버튼은 유효함. (파란색)
3. 맵 2. 난이도 1. 마지막
저장일자
하나의 버튼.
게임 플레이
4. 시작
선택한
저장파일로
시작

11. 로비 – 4. 옵션
1. 이전 : 옵션 창을 키기 전
화면으로 돌아감.
2. 효과음 :
아래 슬라이드로 효과음 조절
3. 배경음 :
아래 슬라이드로 배경음 조절
4. 데미지 표시 :
아래 On/Off 버튼으로 끄거나
킬 수 있음.
5. Tip :
아래 On/Off 버튼으로 끄거나
킬 수 있음.
# 이전 장에서 설명한
버튼은 유효함. (파란색)
3. 배경음 2. 효과음
5. tip
슬라이드
On / Off 버튼
1. 이전
4.
데미지
표시

12. 로비 – 5. 업적
1. 이전 : 업적 창을
키기 전 화면으로 돌아감.
2. 카드 이름 :
카드 이름 텍스트 출력
3. 카드 아이콘 :
카드 이미지 출력
4. 카드 설명 :
해당 카드에 대한 설명
텍스트 출력
5. 언락 완료 :
이미 조건을 완수해 언락한 카
드를 표시.
6. 해당 카드의 비용 표시
5. 언락 완료
4. 카드 설명
1. 이전
카드의 비용
3. 카드 아이콘
2. 카드 이름

13. 로비 – 5. 업적
1. 좌, 우 슬라이드
좌 -> 우 : 다음 카드로 이동
우 -> 좌 : 이전 카드로 이동
2. 상, 하 슬라이드
상 -> 하 : 카드 상세 정보창으
로 이동
하 -> 상 : 카드 상세 정보창으
로 이동
2.상하슬라이드
1. 좌, 우 슬라이드