티스토리 툴바



음악 재생 어플리케이션 'Stellist Music'의 컨셉입니다. 전체적으로 마이크로소프트의 Zune HD의 영향을 많이 받았습니다.

제일 왼쪽이 메인 스크린으로, 아티스트, 앨범, 제목, 재생목록, 최근 추가된 목록 등을 선택할 수 있습니다. 아티스트와 앨범을 한번 누르면 '오늘의 아티스트', '오늘의 앨범'이 먼저 작게 뜹니다. 이것은 지금까지의 재생기록을 분석하여 재생 빈도가 적은 아티스트나 앨범을 보여주도록 하는 것입니다.

메인 스크린에서 제목/재생목록/장르 등을 한번 누르거나 아티스트/앨범을 두번 누르면 가운데 이미지처럼 됩니다. 선택하지 않은 범주는 축소되어 위, 아래에 작게 표시되고 선택한 범주 창이 커지면서 나오도록. 이건 뭐 다른 음악 플레이어들과 큰 차이가 없습니다. ㄱ,ㄴ,ㄷ,A,B,C 인덱스가 있고 (표시를 안했군요 -_-;) 선택한 범주가 '연도'일 경우 연도별로 쭉 나열해줍니다. 

세번째 화면은 재생목록입니다. 앨범아트는 전체를 가득 채우도록 했고, 앨범아트 아래쪽에 재생바와 시간, %가 표시됩니다. 그 아래 조작부는 과거의 카세트 플레이어를 컨셉으로 하여, 위쪽에는 현재 재생곡(정지/재생버튼 겸함)이 표시되고 아래쪽에는 왼쪽과 오른쪽에 각각 이전곡/다음곡(이전곡/다음곡버튼 겸함)이 표시되는 방식입니다. 이퀄라이저나 셔플, 반복 등은 전부 메뉴 버튼을 누르면 나오도록 숨겨놓았습니다. 근데... 좀 너저분하네요 -_-

실제로 이 음악재생 어플리케이션이 만들어질 가능성은 매우 낮습니다. 제가 프로그래밍을 못해서... -_-a 
저작자 표시

댓글을 달아 주세요

  1. Favicon of http://ilime.tistory.com BlogIcon 데빌씨 2011/08/21 03:24  댓글주소  수정/삭제  댓글쓰기

    UberMusic 어플리케이션이 생각나네요 ㅋ

  2. Favicon of http://aoit.tistory.com BlogIcon D5ngh0 2011/08/21 13:37  댓글주소  수정/삭제  댓글쓰기

    zune hd와는 또다른 느낌으로 다가오네요 ㅋ

  3. Favicon of http://redmelon11.blog.me BlogIcon 빨간메론 2011/08/21 15:06  댓글주소  수정/삭제  댓글쓰기

    개인적인 생각이지만, 이러한 Zune 테마의 음악 어플리케이션들은 충분히 많이 나왔다고 생각합니다. 높은 완성도의 UberMusic과 아직은 불안하지만 쓸만한 Zplayer등등이 마켓에 나왔있지요. 조금 더 독특한 디자인의 음악 어플리케이션이 보고 싶어지네요.

    • Favicon of http://stellist.tistory.com BlogIcon 스텔D 2011/08/24 23:01  댓글주소  수정/삭제

      아무래도 Zune HD에 영향을 많이 받아서 ;; 다른 느낌을 주려니 디자인이 많이 엉성해지는군요 ㅠㅠ


모토로라에서 나온 스마트폰 '아트릭스'에는, 랩탑 독이라는 재미있는 악세서리가 있습니다.

 
노트북처럼 생긴 키보드와 디스플레이, 배터리를 내장한 물체 뒷편에 휴대폰을 꼽으면, 휴대폰의 성능을 이용해서 가상의 노트북처럼 사용할 수 있는 제품이죠. 아트릭스가 nVIDIA의 '테그라2'라는 강력한 CPU와 1GB RAM을 탑재했기 때문에 고해상도의 스크린을 돌려도 무리가 없어서 이런 악세서리가 나왔지요.

그렇다면, 삼성도 비슷한거 한번 어때? 라는 생각을 해봤습니다. (뭐 굳이 삼성뿐만 아니라 LG나 HTC나 다른 회사들도 마찬가지겠죠)

 
태블릿 스테이션. 기존에 공개된 삼성 갤럭시 탭 10.1V의 디자인을 차용해 봤습니다.

거대한 태블릿은 화면과 배터리만 있고, 뒷부분을 통해 갤럭시 S2를 꼽으면 앞의 스크린으로 사용하는 타입. 아무래도 갤럭시 S2가 태블릿용 허니컴이 아닌 폰용 진저브레드 운영체제를 탑재하고 있으니, 4개의 버튼(메뉴, 홈, 백, 검색)도 필요할것 같아 오른쪽 하단에 달아줬습니다. 카메라는 전면카메라가 달려있어 영상통화로 사용할 수 있고, 후면카메라는 갤럭시 S2의 카메라를 사용하도록 하면 좋겠지요.

그리고 모토로라 아트릭스의 랩탑독과 마찬가지로, 화면 한켠에는 휴대폰 화면을 그대로 띄우고 옆에는 인터넷을 띄워 지도를 보거나 하는 작업이 가능하도록.

이런 악세서리가 나오면, 갤럭시 S2를 구입한 사람들은 굳이 비싼 태블릿을 따로 구입할 필요 없이 이런 악세서리를 구입해서 2가지 기기처럼 활용할 수 있고 괜찮을거란 생각이 듭니다. 

저작자 표시

댓글을 달아 주세요

  1. Favicon of http://redmelon11.blog.me BlogIcon 빨간메론 2011/07/18 17:13  댓글주소  수정/삭제  댓글쓰기

    타블렛 독의 디자인은 상당히 맘에 듭니다만..... 생김새가 오히려 모토로라의 줌에 가깝군요. 혹시 줌의 디자인을 참고하신건가요?


제가 직접 만든 칠리쉬 (7-ish) One 아이콘팩 0.8 베타버전을 배포합니다.

칠리쉬 아이콘팩은 안드로이드폰을 런쳐 프로와 DVR 어플을 이용하여 윈도폰7 스럽게 꾸밀수 있는 아이콘입니다. 0.8 베타버전은 증강현실, 모바일뱅킹, 버스, 달력, 카메라, 연락처, 사전, 운동, 페이스북, 펀, 갤러리, 게임1, 게임2, 검색, 터넷, 라이프, 메일, 지도, 마켓, 미디어, 메시지, 메신저, 지하철, 영화, 음악, 네비게이션, 뉴스, 노트, 전화, 런키퍼, 설정, 쇼 고객센터, TV1, TV2, 트위터, T월드, 유틸리티, 날씨 총 38종의 아이콘이 1x1, 2x1, 1x2, 2x2, 3x1 이렇게 5가지 사이즈로, 글씨가 좌측에, 우측에 있는 배열된 아이콘들이 포함되어 있습니다.
(38 * 5 * 2 = 380)

또한 독에 올려놓거나 자유롭게 배치할수 있는 앱 목록, Home 레터, '다음', '이전' 이미지와 검은 배경화면과 Pure music widget을 사용하면 적용할 수 있는 스킨이 포함되어 있습니다.




*** 압축 프로그램에 따라 에러가 나는 경우가 있어 압축파일의 형태를 바꿨습니다. 분할압축이 아니라, 아이콘들이 나뉘어서 각각의 Zip 파일에 들어있습니다. 각각을 받아 압축을 푸시고, 아이콘 파일들은 한 폴더에 몰아주세요. (안그래도 딱히 상관은 없습니다만)

*** Desktop Visualizer 1.0.4 버전 apk 파일을 구했습니다. 마켓에서 검색이 안되시는 분은 아래 파일을 받으셔서 설치하세요.


사용법은 위 파일을 받아 안에 포함된 텍스트파일이나 맨 아래 설명을 참조하세요.

적용 예제는 다음과 같습니다. (아래 예제만 한글이에요~)



사용방법

일단 최소한 두 개의 어플리케이션이 필요합니다.

- Launcher Pro Plus 또는 ADW Launcher
- Desktop Visualizer

런쳐 프로는 왠만하면 들어보셨을 익숙한 런쳐 어플리케이션입니다. 
이것의 프로 버전은 $2.99짜리 유료 버전인데, 위젯 사이즈를 조절할 수 있는 기능이 포함되어 있습니다. 이 기능이 꼭 필요한 것은 아니지만, 1x1, 3x1 또는 1x3 등의 사이즈의 이미지를 배치하기 위해서는 유료 버전을 구입하셔야 합니다. 데스크탑 비쥬얼라이저는 이미지 파일을 위젯 형태로 화면에 배치하기 위한 어플리케이션입니다.

두 어플리케이션 모두 안드로이드 마켓에 있으며, 런쳐프로 플러스는 일단 런쳐프로를 설치하신 후 어플 내에서 업그레이드를 해야합니다.

방법은 다음과 같습니다.

1. 런쳐 프로를 설치합니다.
2. 데스크탑 비쥬얼라이저를 설치합니다.
3. 아이콘 파일을 이동식디스크를 통해 휴대폰에 집어넣습니다.
3.5 런쳐프로 옵션에서 바탕화면을 5 row 아이콘 배치가 가능하도록 설정합니다. (간격이 넓은게 이 문제였네요...)
4. 런쳐프로 상에서, 바탕화면에 위젯 추가하기 - Desktop Visualizer의 2x1, 1x2 또는 4x1 등을 선택합니다.
5. 위의 샘플 아이콘을 선택하고, 열리게 하고싶은 어플리케이션을 선택합니다.
6. 라벨 이름은 전부 지워줍니다.

그렇게 하면, 바탕화면에 이미지로 만들어진 버튼이 생성됩니다. 그런 요령으로 적절한 모양으로 배치하시면 됩니다.

3x1 사이즈의 이미지를 배치하려면, 일단 Desktop Visualizer 4x1 위젯을 만든 후, 런쳐프로 플러스의 위젯 사이즈 조절 기능(위젯 위치를 옮길때처럼 꾹 눌렀다가, 제자리에서 떼면 사이즈 조절 모드가 됩니다)을 이용합니다. 2x2 사이즈의 이미지를 배치하려면, Desktop Visualizer Middle을 선택해주세요.

* Desktop Visualizer 1.0.3 이상의 버전을 사용해야 1x2, 2x1, 4x1 사이즈 위젯이 나타납니다. 1.0.2 이하 버전을 이용해서 Middle 위젯을 만든 후 사이즈를 조절할 경우 위젯간 간격이 넓게 나올 수 있습니다.

*** Desktop Visualizer 1.0.4 버전 apk 파일을 구했습니다. 마켓에서 검색이 안되시는 분은 아래 파일을 받으셔서 설치하세요.


저작자 표시

제가 직접 만든 칠리쉬 (7-ish) One 아이콘팩 0.2 알파버전을 배포합니다.

칠리쉬 아이콘팩은 안드로이드폰을 런쳐 프로와 DVR 어플을 이용하여 윈도폰7 스럽게 꾸밀수 있는 아이콘입니다. 0.2 알파 버전에서는 전화, 메시지, 연락처, 갤러리, 음악, 메일 6종류의 아이콘이 1x1, 2x1, 1x2, 2x2, 3x1 5가지 사이즈로 포함되어 있으며 여기에 home 텍스트, 다음화면 이미지를 포함하고 있습니다.


0.8b를 새로 배포합니다!

저작자 표시

댓글을 달아 주세요

  1. 나그네 2010/09/18 16:07  댓글주소  수정/삭제  댓글쓰기

    감사합니다.
    쉽네요. 나중에 포토샵으로 사진만 바꿔주면 재미있을듯 싶어요. 그런데 사이즈는 위에 올려주신
    1x1(115x132),2x1(236x132),1x2(115x266),2x2(236x266),3x1(355x132) 이 사이즈들로 규격화
    되어있는건가요?

    • Favicon of http://stellist.tistory.com BlogIcon 스텔D 2010/09/18 18:22  댓글주소  수정/삭제

      저도 확실히는 모르겠습니다. 처음에 이 방법을 공개한 XDA 디벨로퍼 포럼에서 제공한 아이콘 샘플이 그 사이즈였습니다. 다만 그 사이즈 전체로 하면 약간 어긋나는 부분이 있어서, 1x1, 2x1, 3x1 아이콘들은 위, 아래로 2px씩 여백을 주었습니다.

  2. Favicon of http://hawaiianstory.tistory.com BlogIcon Hawaiian 2010/09/19 15:49  댓글주소  수정/삭제  댓글쓰기

    오픈소스라 그런가 확장성이 정말 무궁무진하네요. 저도 다음 폰은 안드로이드로 가볼까요?

  3. nayasms 2010/12/06 22:41  댓글주소  수정/삭제  댓글쓰기

    d아..완죤 감사합니다.ㅎㅎ

  4. 승현 2011/03/05 03:34  댓글주소  수정/삭제  댓글쓰기

    감사 합니다..^^ 구하기 힘든 이미지. 잘 보구 갑니다.

코원 하드형 MP3P X7 예상 이미지

나의 디자인 2010/08/14 23:19 Posted by 스텔D

이 이미지는 실제로 존재하는 제품이 아닙니다.
This is not real thing. It's fake.
このイメージは実際に存在する製品ではないです.


코원의 하드디스크형 MP3 플레이어 COWON X7의 존재가 얼마전 블루투스 인증을 통해 확인되었습니다. 지난 2007년부터 루머가 떠돌았던 제품이니, 무려 3년만에, 그리고 X5가 2005년에 나왔으니 5년만에 나오는 후속작이네요. 아직 블루투스 인증을 제외하고는 어떠한 정보도 알려지지 않았습니다. (160GB HDD 탑재 제품이 존재한다는 불확실한 이야기만 하나 들었네요)

그래서 X7이 과연 어떤모습일까... 한번 예측해 보았습니다. 일단 베이스는 최근에 코원이 출시한 MP3 플레이어인 COWON J3를 베이스로 하고, 아무래도 음악 감상에 중점을 둔 하드디스크형 제품이니 스크린은 위쪽에 두고 아래쪽에 컨트롤 부위를 위치시켰습니다. 음악 감상에 중점이라곤 해도 요즘은 큰 디스플레이가 선호되는 추세이니, 2.6인치로 큰 사이즈를 적용시키면 괜찮을 것 같네요. (참고로 경쟁작이랄 수 있는 아이팟 클래식이 2.5인치 디스플레이를 씁니다.) 조작부는 i6, i7, i9에서 적용되었던 스윙터치. 전작인 X5는 버튼식이었지만, 코원이 U5 이후로는 버튼식 MP3 플레이어를 출시하지 않기 때문에 이번에도 스윙터치가 적용될 거라 생각하고 저렇게 넣었습니다.

화면에 떠있는 음악 인터페이스는 S9와 J3에 있는 매트릭스 브라우저를 적절히 참고하여 제가 적당히 만든 것입니다. 사양도 그냥 제 맘대로...

그러고보면 사실, 제가 코원 X7 예상 이미지를 만든건 처음이 아닙니다. 루머가 떠돌던 2007년에 만들었던 것도 있습니다.


이 이미지는 실제로 존재하는 제품이 아닙니다.
This is not real thing. It's fake.
このイメージは実際に存在する製品ではないです.

2007년, 막 루머가 나오던 당시 만들었던 조금 덜 세련된? X7 예상 이미지입니다. 사양도 당대 제품들에 맞춘, 지금 보면 상당히 초라한 사양(최대 60GB의 용량, 2.2인치 디스플레이 등)을 갖고 있네요...^^;; 그래도 'OLED' '스윙터치' 이 2가지 컨셉은 2010년 버전에서도 그대로 적용시켰습니다.

과연 코원 X7이 어떻게 나오게 될까요?
저작자 표시

댓글을 달아 주세요

  1. Favicon of http://lexa.tistory.com BlogIcon 하늘봐 2010/08/15 01:10  댓글주소  수정/삭제  댓글쓰기

    제가 현재 J3를 사용하고 있어서 신제품이 나왔나 싶었습니다. ^^;;