ui 계획 작성자 화니 작성일 2010-06-05

6
UI 계계 계계계 계계 계계계 2010-06-05 480x854 ( 계계계계 ) 계 계계 titleBar.png logo1.png lineBar.png - 계계계 계계계 480x75 -titleBar.png 계계 계계 . - logo1.png 계계계 계계계 계계계계 - 계계계 계계계 480x30 -lineBar.png 계 계계계계 계계계계 계계 . -TextView 계 계계 계계 , 계계 , 계계 , 계계계 계계계 계계계계 - 계계계 계계계계 계계 ( 계계계계 ( 계계 ), 6/5 am(pm), 24hour) footer.png - 계계계 계계계 480x80 - 계계계 계 계계계 계계 계계계계 계계계 계계 계계계계 계계계계계 계계계계 계계 -480x854 계계계 height 149px btn1.png btn2.png - 계계계 계계계 480x300 - 계계계 계계계계 계계계계계계 계계 계계계 계 계 계계 - 계계계계 계계계 계계 , 계계 1) 계 7KB, 계계계 계계계 2) 계 70KB 계계계 계계 계계 계계계 계 1) 2) -75-30---------300-------------------300------------149---- --105----------------------600------------------------149---- 계계계계계 계계계계계 계계 계계

Upload: mia-paul

Post on 31-Dec-2015

17 views

Category:

Documents


2 download

DESCRIPTION

UI 계획 작성자 화니 작성일 2010-06-05. titleBar.png. - 이미지 사이즈 480x75 -titleBar.png 배경 사용 . - logo1.png 투명한 배경의 로고타입. 480x854 ( 모토로이 ). logo1.png. 첫 화면. 타이틀영역. --105----------------------600------------------------149----. -75-30---------300-------------------300------------149----. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: UI  계획 작성자 화니 작성일  2010-06-05

UI 계획작성자 화니작성일 2010-06-05

480x854 ( 모토로이 )

첫 화면

titleBar.png

logo1.png

lineBar.png

- 이미지 사이즈 480x75-titleBar.png 배경 사용 .- logo1.png 투명한 배경의 로고타입

- 이미지 사이즈 480x30-lineBar.png 를 반복해서 배경으로 사용 .-TextView 로 현재 날짜 , 요일 , 시간 , 그리고 경기와 단문속보- 시간을 나타내는 방법 ( 월일오전 ( 오후 ), 6/5 am(pm), 24hour)

footer.png

- 이미지 사이즈 480x80- 세로로 긴 단말의 경우 레이아웃 통일을 위해 이미지의 투명배경을 유연하게 이용-480x854 에서는 height 149px

btn1.png

btn2.png

- 이미지 사이즈 480x300- 배경에 텍스트면 이미지파일을 사용 않아도 될 것 같음- 이미지로 사용할 경우 ,기본 1) 은 7KB,효과가 들어간 2) 는 70KB 정도로 파일 크기 차이가 남

1) 2)

-75

-30

---------30

0-------------------3

00

------------14

9----

--10

5----------------------6

00

------------------------14

9----

타이틀영역

컨텐츠영역

푸터영역

Page 2: UI  계획 작성자 화니 작성일  2010-06-05

일정보기 화면로고를 눌렀을 경우 바뀌는 이미지 ?

logo1.png logo2.png

--10

5-----6

0-6

0-6

0—

60

--60

—6

0--6

0-6

0—

60

-60

—6

0-6

0

- 이미지 사이즈 480x75-titleBar.png 배경 사용 .- 메뉴’일정보기’가 타이틀로 위치-logo1.png 투명한 배경의 로고타입이 우측으로 밀림 ,클릭 시 첫 화면으로 이동

타이틀영역

리스트영역

- 큰 일정 ( 경기일 , 16 강 , 8 강 , 준결승 , 결승 )- 작은 일정 리스트 ( 국기 , 국가명 , 경기시간 / 경기결과 )- 지난 경기 경기는 경기 결과 , 다음 경기는 경기 시간- 국기 이미지는 smal 800k, medium 1.8KB, large 5~7KB이미지 하나로 크기를 늘렸다 줄였다 할 것인가 ?

480x854 ( 모토로이 )

첫 화면에서 일정보기를 선택했을 때전체 경기일정을 리스트로 보여줌 .

Page 3: UI  계획 작성자 화니 작성일  2010-06-05

참가국보기 화면 ( 리스트 )

--10

5----------3

00

----------60

—6

0--6

0-6

0-------x

x-------

- 이미지 사이즈 480x75-titleBar.png 배경 사용 .- 메뉴’참가국보기’가 타이틀로 위치-logo1.png 투명한 배경의 로고타입이 우측으로 밀림 ,클릭 시 첫 화면으로 이동

타이틀영역

컨텐츠영역

- 그룹별로 국가 국기를 보여줌 .-GridView?

480x854 ( 모토로이 )

--10

5----------------------6

00

------------------------xx----

첫 화면에서 참가국보기를 선택했을 때리스트로 경기 일정을 보여줌 .

푸터영역

Page 4: UI  계획 작성자 화니 작성일  2010-06-05

참가국보기 화면 ( 선택 )

--10

5----------3

00

----------60

—6

0--6

0-6

0-------x

x-------

- 이미지 사이즈 480x75-titleBar.png 배경 사용 .- 메뉴’참가국보기’가 타이틀로 위치-logo1.png 투명한 배경의 로고타입이 우측으로 밀림 ,클릭 시 첫 화면으로 이동

타이틀영역

리스트영역

480x854 ( 모토로이 )

--10

5----------------------6

00

------------------------xx----

참가국보기에서 국가를 선택했을 때 ,일정보기에서 국가를 선택했을 때 ,

국가 기본정보를 보여주고해당국가 경기일정을 리스트로 보여줌 푸터영역

컨텐츠영역

- 국기 , 국가명 , 기본정보

- 해당국가 경기 일정 리스트

Page 5: UI  계획 작성자 화니 작성일  2010-06-05

경기결과 화면

--10

5----------3

00

----------60

—6

0--6

0-6

0-------x

x-------

- 이미지 사이즈 480x75-titleBar.png 배경 사용 .- 메뉴’참가국보기’가 타이틀로 위치-logo1.png 투명한 배경의 로고타입이 우측으로 밀림 ,클릭 시 첫 화면으로 이동

타이틀영역

480x854 ( 모토로이 )

--10

5----------------------6

00

------------------------xx----

일정보기 리스트 ,참가국보기 리스트에서

일정을 선택했을 때 보여줌 .

컨텐츠영역

푸터영역

- 국기 , 국가명 , 스코어

Page 6: UI  계획 작성자 화니 작성일  2010-06-05

제안

일정보기에서 리스트 + 달력

1-1) 1-2) 2)

디폴트 / 선택

대한민국경기 알림 /관심있는경기 알림

리스트에서 길게 선택으로 알림 추가 ?