와이어프레임 김승원, 박지은,...

41
인터랙티브 디자인 II 1413612 김승원 1410369 박지은 1414905 이서현 걱정의 계절나기

Upload: -

Post on 17-Feb-2017

106 views

Category:

Art & Photos


1 download

TRANSCRIPT

Page 1: 와이어프레임   김승원, 박지은, 이서현

인 터 랙 티 브 디 자 인 I I

1413612김승원

1410369박지은

1414905이서현

걱정의계절나기

Page 2: 와이어프레임   김승원, 박지은, 이서현

앱게임기획

1

Page 3: 와이어프레임   김승원, 박지은, 이서현

앱게임기획

게임기획목차

1.장르정하기

2.벤치마킹,게임구조파악

3.게임룰에대해생각하기

4.그림을그려보기

5.목차를만들기

6.UI기획

7.게임시스템,룰기획

8.전체구조도를만들자

9.사운드기획

Page 4: 와이어프레임   김승원, 박지은, 이서현

장르정하기

1

Page 5: 와이어프레임   김승원, 박지은, 이서현

1.장르정하기

• ex)에브리타운,우파루마운틴

• 팜빌을필두로시작된SNG돌풍,페이스북을시작으로전세계의인기장르로자리매김하였다.

• 농장경영류(룰더스카이,에브리타운,헤이데이),캐릭터콜렉션류(우파루마운틴,타이니팜),전략전투류(크래시오

브클랜,바이킹아일랜드)등SNG안에서여러가지파생장르가있다.

• 게임의규칙자체는복잡하지않으나,아트리소스가많이든다.

• 소셜기능이핵심이기때문에이것을잘설계하지않으면유저들에게외면을받는다.

• 비게이머/여성을상대로하기때문에튜토리얼,퀘스트등을매우쉽게만들어야한다.

• 큰컨텐츠업데이트를정지적으로해주면게임수명이아주오랫동안지속될수있다.

여성을타겟으로캐릭터콜렉션류의SNG게임을만든다.규칙자체(튜토리얼,퀘스트)는단순하게하고

아트리소스에신경을써서예쁜그래픽을좋아하는여성의취향을사로잡는다.

앱게임기획

SNG게임

Page 6: 와이어프레임   김승원, 박지은, 이서현

벤치마킹,게임구조파악

2

Page 7: 와이어프레임   김승원, 박지은, 이서현

2.벤치마킹,게임구조파악

아무도없는깊은바다속,외로운산호석의친구를만들어주세요.어두운심해,산호석하나가홀로살아가고있습니다.외로운

산호석에게친구를만들어주세요.생명력을모아산호와물고기를탄생시키며화려한심해세계를만들어나갈수있습니다.

서두르지않아도괜찮습니다.탄생시킨생명이심해를헤엄치는모습과서정적인음악을감상하며,여유롭게즐겨주세요.

앱게임기획

Page 8: 와이어프레임   김승원, 박지은, 이서현

2.벤치마킹,게임구조파악

간단한탭으로산호와물고기를탄생시킬수있습니다.사진찍기모드에서는손쉽게시점전환을하며물고기를관찰할수있습니다.

고래의울음소리와물방울소리,서정적인배경음악은당신을아름다운음향의세계로인도합니다.헤드폰을착용하면최고의사운드를만끽할수있

습니다.

Cardboard를사용하여당신의심해수족관을VR모드로감상하세요.머리위,눈앞을스쳐가는크고작은물고기들을3D로감상하실수있습니다.

3DTouch를통해게임을더다채롭게즐길수있습니다.일반터치와는다른새로운감각을느껴보세요.

당신의심해수족관을여러iOS기기에서동시에즐길수있습니다.

외로운산호석이성장할수록새로운물고기와산호가등장합니다.작은물고기에서부터흰긴수염고래까지,새로운생명이탄생하며점점아름다워

지는심해세계를즐겨주세요.

앱게임기획

간편한조작

아름다운사운드

VR(virtualreality)지원

3DTouch지원

iCloud지원

다양한종류의물고기와산호

Page 9: 와이어프레임   김승원, 박지은, 이서현

게임룰에대해생각하기

3

Page 10: 와이어프레임   김승원, 박지은, 이서현

앱게임기획

캐릭터1개의설정

• 이름:이름없는나무

• 직업:걱정을들어준다.

• 나이:만세

• 복장:갈색기둥에초록색잎사귀를가지고있다.

• 공격:잎이떨어진다.

• 이미지리소스:정면의이름없는나무.잎이흔들린다던지,물든다던지하는애니메이션이있으면좋겠다.

• 참고자료:pinterest,behance나무그래픽

3.게임룰에대해생각하기

• 캐릭터조작:스마트폰을터치하고녹음

• 맵이동:계절이바뀌면나무,배경이바뀐다

• 잎이떨어짐:알림창을클릭하면잎이떨어진다.

• 새등장:새가4계절텀이끝날때마다등장

• 공격:새가랜덤으로새로운종류의씨앗을물어다준다.

• 날씨등장:수명패턴기록종료후발생

• 공격:날씨가수면패턴의좋음,중간,나쁨에따라해쨍쨍(무지개),보통(해+구름),나쁨(폭우)로변함

프로토타입기능-개발필요항목

• 배경4종(봄,여름,가을,겨울)

• 날씨7종(비,바람,눈,안개,폭우,구름,무지개)

• 나무종류2종(일반,신비)

• 필요나무갯수8개(일반:봄,여름,가을,겨울/신비:봄,여름,가을,겨울)

• 씨앗2종(일반,신비)

• 새1

프로토타입기능-이미지필요항목

Page 11: 와이어프레임   김승원, 박지은, 이서현

그림그려보기

4

Page 12: 와이어프레임   김승원, 박지은, 이서현

4.그림그려보기

<메인화면>

앱게임기획

1. 녹음하기

2. 추억의사진함

3. 수면패턴확인하기

4. 환경설정

Page 13: 와이어프레임   김승원, 박지은, 이서현

4.그림그려보기

<녹음하기>

앱게임기획

녹음하기버튼을클릭하면나무가점선

으로분할되어다섯개의덩어리가된다.

한나무에다섯번의녹음이가능하다.

Page 14: 와이어프레임   김승원, 박지은, 이서현

4.그림그려보기

<추억의사진함>

앱게임기획

추억의사진함에들어가면계절별나무

사진을볼수있다.나무사진하나를클

릭하면그계절의나무그래픽과함께

그당시녹음했던걱정들을시간별로다

시들어볼수있다.

Page 15: 와이어프레임   김승원, 박지은, 이서현

4.그림그려보기

<수면의날씨보기>

앱게임기획

사용자는자신의수면패턴을통한스트레

스지수를알수있으며알림을통하여어플

의지속적사용을유도할수있다.‘지나간

수면의날씨보기’기능을누르면날씨가기

록된달력과일,달,년에따라수면패턴을그

래프화한장면을볼수있다.

Page 16: 와이어프레임   김승원, 박지은, 이서현

목차만들기

5

Page 17: 와이어프레임   김승원, 박지은, 이서현

5.목차만들기

앱게임기획

- 이름없는나무에걱정을말하면잎이생긴다.

- 걱정을들으면잎의색이변한다.

- 계절이바뀐다.

- 지나간걱정을다시들어보는것이가능하다.

- 자신의수면패턴을확인가능하다

- 자기전전날수면상태알림창이뜨며녹음을유도한다.

- 아직고민중

1.게임플레이가재밌다.

2.즐길수있는컨텐츠의지속성과유저성장(한달정고가지고놀수있다.)

3.부분유로화모델이잘되어있다,재화획득/소진의경제순환구조가잘되어있다.

1.게임소개

2.로딩화면

3.게임플레이-게임룰과UI

4.걱정나무메인화면

5.녹음하기

6.걱정추억함

7.수면의날씨보기

8.설정

게임의핵심코어세가지

Page 18: 와이어프레임   김승원, 박지은, 이서현

UI기획

6

Page 19: 와이어프레임   김승원, 박지은, 이서현

앱게임기획

- UI이미와의통일성,어울림

- 계절의감성적느낌을파스텔톤색감을통해전달한다.

- 그래픽을통한따뜻한느낌을강조한다.

6.UI기획

1.1UI와UX

- 추억의사진함:날짜별나의걱정모아보기가능.(날짜검색가능)

- 수면상태캘린더보기/그래프비교보기가능

1.2불필요한클릭수,DEPTH를줄이다.

- 녹음하기버튼클릭>>바로녹음

- 나무클릭>>바로듣기

- 알림클릭>>계절바뀜

- ZZ잠자기모드클릭>>수면녹음>>아침6시팝업>>바로일어난후팝업창에

뜬수면종료버튼으로종료가능.

1.3한번봤을때직관적으로한눈에기능을파악할수있도록하자.

Page 20: 와이어프레임   김승원, 박지은, 이서현

게임시스템,룰기획

7

Page 21: 와이어프레임   김승원, 박지은, 이서현

앱게임기획

7.게임시스템,룰기획

2.수면패턴

- 자신의수면패턴을캘린더형식,그래프비교형식으로알수있다.

4.수면시작

-누르면수면을녹음하는기능이시작.

(1)게임시스템정의

1. 나무걱정녹음

- 녹음하기클릭후걱정을녹음한다(계절나무별녹음가능횟수:5번)

3.추억의사진함

걱정이저장된다.다시들어볼수있고떨어지는그래픽다시볼수있다.

Page 22: 와이어프레임   김승원, 박지은, 이서현

앱게임기획

7.게임시스템,룰기획

-녹음이완료되면음성이녹음된나뭇잎덩어리가나무위에생성된다.

(계절나무별녹음가능횟수:5번)

계절나무별녹음가능횟수를채우면나무를클릭해서녹음한것을다시들어볼수있다.

녹음을모두들어보면나뭇잎이떨어지며계절이바뀐다.(스테이지업)

나무걱정녹음

Page 23: 와이어프레임   김승원, 박지은, 이서현

앱게임기획

수면날씨아이콘을누르면바로수면패턴기능으로이동.

상기하기

계절이지던모습을다시볼수있다.

검색하기기능을통해원하는날짜의계절나무와녹음을들어볼수있다.

검색

추억의사진함

7.게임시스템,룰기획

Page 24: 와이어프레임   김승원, 박지은, 이서현

앱게임기획

수면패턴측정

수면패턴은달력과그래프두가지버전으로한번에보는것이가능하다.

달력에서특정일의수면날씨를누르면그날의수면패턴을보는것이가능하다.

-수면패턴은일별,월별,년도별보기가가능하다.

7.게임시스템,룰기획

Page 25: 와이어프레임   김승원, 박지은, 이서현

앱게임기획

수면모드시작

수면시작버튼을누르면‘10분뒤수면이시작됩니다’

라는알림창이뜬다.예/아니오를통해선택가능.

녹음중간에수면시작아이콘을다시누르

면수면측정시작이중지된다.

완료하기

완료하기팝업을누르면그날수면상태

에해당하는날씨를바로알려준다.

7.게임시스템,룰기획

Page 26: 와이어프레임   김승원, 박지은, 이서현

전체구조도를만들자

8

Page 27: 와이어프레임   김승원, 박지은, 이서현

앱게임기획

8.전체구조도를만들자

시작화면(봄)

녹음하기

메인메뉴

추억의�상자함

수면패턴

수면시작하기

녹음

확인

취소

앨범(사진9장)녹음�들어보기

추억�상기하기

나무색�변함�x5 계절이�지나갑니다 시작화면(여름)

날씨달력

환경설정

그래프

뒤척임�횟수

스트레스지수

잠에서�깬�횟수

수면패턴�on 수면측정모드�시작 수면측정모드�해제

효과음�on/off

알림�on/off

음악�on/off

알림�설정

씨앗을�물어옵니다

수면패턴�바로가기

Page 28: 와이어프레임   김승원, 박지은, 이서현

사운드기획

9

Page 29: 와이어프레임   김승원, 박지은, 이서현

앱게임기획

번호 이름 설명

1 배경음1 오프닝,계절엔딩을봐서새가날아와씨앗새로심을때

2 배경음2 봄

3 배경음3 여름

4 배경음4 가을

5 배경음5 겨울

6 배경음5 추억의사진함

9.사운드기획

Page 30: 와이어프레임   김승원, 박지은, 이서현

앱게임기획

번호 이름 설명

1 버튼1 녹음하기버튼을누르면나옴

2 버튼2 녹음하기를제외한버튼을누르면나옴

3 효과음0 새가등장하면나옴

4 효과음1 봄바람소리

5 효과음2 비소리

6 효과음3 가을바람

7 효과음4 겨울바람

8 효과음5 다시들어보기클릭할때(잎이물들때)나뭇잎부딫히는소리

9 스테이지클리어1 계절이넘어갈때효과음

10 스테이지클리어2 나뭇잎떨어지는소리

11 팝업푸쉬알람 팝업,푸쉬알람

9.사운드기획

Page 31: 와이어프레임   김승원, 박지은, 이서현

TaskFlow

2

Page 32: 와이어프레임   김승원, 박지은, 이서현

TaskFlow

Page 33: 와이어프레임   김승원, 박지은, 이서현

TaskFlow

Page 34: 와이어프레임   김승원, 박지은, 이서현

TaskFlow

Page 35: 와이어프레임   김승원, 박지은, 이서현

와이어프레임

3

Page 36: 와이어프레임   김승원, 박지은, 이서현

와이어프레임

Page 37: 와이어프레임   김승원, 박지은, 이서현

와이어프레임:녹음하기

Page 38: 와이어프레임   김승원, 박지은, 이서현

와이어프레임:계절이지나갑니다

Page 39: 와이어프레임   김승원, 박지은, 이서현

와이어프레임:지나간추억을봅니다

Page 40: 와이어프레임   김승원, 박지은, 이서현

와이어프레임:지난밤수면의날씨를봅니다

Page 41: 와이어프레임   김승원, 박지은, 이서현

감사합니다