세계의끝과 플래시 원더랜드

Flash UI 는 세 가지의 점증적 단계를 거쳐 디자인 될 계획이었습니다.

1. 첫번째는 기존의 디폴트 UI (비트맵 시퀀스로 움직이는 흉내릴 냄)를 대신할 수 있는 보편적인 UI
2. 두번째는 기존에는 볼 수 없었던 파격적인 인터페이스와 독창성이 있는 UI
3. 세번째는 첫번째와 두번째의 중간 선의 절충 UI 이다.  즉 어디선가 본듯하면서도 독창성도 있고 세련됨을 가지고 있는 UI 라고 할 수 있겠습니다.

디자이너의 입장에서 보자면 세번째가 가장 난해한 결과물이 나올 가능성이 높은데, 다행히도 이번에는 세번째의 UI가 정식 채택되어 다음번 펌웨어 릴리즈때 적용되게 되었습니다.

먼저 M35T의 기본 UI 부터 살펴보면

위의 swf 는 M35T의 공식 웹사이트에서 가져온 건데…
디컴파일한 후 기기 부분만 가져다 컴파일 했더니 비트맵이 죄다 100% 압축으로 변경되어 용량이 살인적입니다.(2.45MB) 하지만 원래 웹 상의 커다란 swf 도 오른쪽의 사람부분을 제외하고도 무려 1.4MB라는거…
저 웹사이트 플래시 비쥬얼을 만든 디자이너는 이거 하나만으로 무개념 당첨.
기기의 외형을 볼 수 있어서 처음보시는 분들이 참고하시라고 이 엄청난 파일을 업로드 하였습니다.

새로 제작된 첫번째 UI는 다음과 같습니다.

디폴트 UI 의 사용자 접근성을 최대한 변경하지 않은 상태의 디자인이 되고자 하였습니다.  단, Utility 안에 있는 메뉴는 2depth 구조를 가지고 있는 터라(매우 불편) 이 쓸모 없어보이는 2depth 구조를 밖으로 빼내어 단일 구조를 가지게 하였습니다.

아래의 링크에서 받을 수 있습니다.

fla 다운로드

이 디자인의  UI 에 대해서는 이 글의 댓글에서 피드백을 받도록 하겠습니다.

관련된 글

• Meritech M35Touch Flash Main UI Development (0)
• 플래시 UI 제작을 위한 API 완전 정리 (2)
• 펌웨어 통신 부분 (2)
• M35Touch Flash UI Type 3 – Slide Style (0)
• M35Touch Flash UI Type 2 – String Style (0)
• 메리테크 M35 touch 스킨 공모 (2)
• 메리테크 M35Touch API 추가 공개 (4)
• 본격적인 제작에 앞서 몇가지 알아둬야 할 것들 (8)
• 플래시 UI 디자인상 주의할 점 (0)