0) 구글에서 제공하는 안드로이드 공식 디자인 사이트 : 안드로이드 UI에 대한 모든게 다 있다고 보면 된다. http://developer.android.com/design/index.html


1) 모바일 디자인 패턴 갤러리 : 동명의 책과 연계된 사이트, 책과 관련된 다양한 슬라이드와 각종 스텐실도 공유하고 있다. http://www.mobiledesignpatterngallery.com/mobile-patterns.php


2) 안드로이드 인터랙션 디자인 패턴스 : 무엇보다 자세한 설명이 굿~
http://www.androidpatterns.com


3) Inspired UI : 패턴 스크린샷이 가장 많다. http://inspired-ui.com


4) Mobile - Patterns : UI 패턴별 iOS 어플리케이션 스크린샷 모음 http://www.mobile-patterns.com


5) Mobile Patterns : 4번과 이름이 동일한 패턴 스크린샷 모음 사이트 
http://www.mobilepatterns.com


6) pttrns : 돋보기 기능으로 다른 패턴 사이트들과 차별화에 성공했다. http://pttrns.com


7) 안드로이드 pttrns : 6번 pttrns 사이트와 동일한 구조로 안드로이드 UI패턴을 제공한다. http://androidpttrns.com





8) 코코아 콘트롤스 : 다양한 커스텀 UI 콘트롤을 공유하고 판매한다. 
http://www.cocoacontrols.com


9) Patterns of Design : iPad UI 패턴도 볼 수 있다. http://www.patternsofdesign.co.uk


10) iOS Developer Library > Human Interface Guidelines : 애플 공식 iOS 디자인 가이드라인 https://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html#//apple_ref/doc/uid/TP40006556-CH1-SW1

--> 한글 번역 사이트 : http://www.xgenesis.org/index.php?mid=iOS_Human_Interface_Guidelines&act=dispWikiTreeIndex


11) 러블리 UI : 분류가 좀 더 세분화되어있다. http://www.lovelyui.com


12) UI Parade : 패턴도 다양하지만, 유용한 라이브툴도 제공한다. http://www.uiparade.com


13) 4ourth mobile patterns wiki : 일반 UI 패턴뿐만 아니라 하드키, 벨소리, 제스쳐, 햅틱 피드백, LED등 까지 무척 자세하게 설명하고 있다. http://4ourth.com/wiki/Index


14) 노키아 모바일 디자인 패턴스 wiki : 현재 98개 패턴 아티클 제공중...   
http://www.developer.nokia.com/Community/Wiki/Category:Mobile_Design_Patterns


15) UX Archive : 기능별, 카테고리별로 정리된 다양한 아이폰 앱 화면들을 볼 수 있다.
http://uxarchive.com/





★ 2014-02-19 추가


16) Android Niceties : 각종 안드로이드앱의 화면을 원하는 크기로 바꿔가며 볼 수 있다.
http://androidniceties.tumblr.com/


17) Pattern Tap : PC웹 화면의 다양한 패턴을 제공한다.
http://patterntap.com/


18) Little Big Details : 다양한 사례를 통해 깨알같은 UI 디테일들을 공유한다.
http://littlebigdetails.com/


19) Capptivate.co : 아이폰앱의 다양한 애니메이션효과를 그대로 볼 수 있다. (주의: PC느려짐)
http://capptivate.co/

신고
Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

  1. 2013.01.20 17:00 신고
    댓글 주소 수정/삭제 댓글
    좋은 정보네요

    잘 보고 갑니다
  2. thk
    2013.01.21 06:16 신고
    댓글 주소 수정/삭제 댓글
    안드로이드쪽은 여기도 자료많습니다. http://androidux.com/
  3. 2013.10.10 17:51 신고
    댓글 주소 수정/삭제 댓글
    좋은 정보 감사합니다.^^
  4. 2013.10.11 10:26 신고
    댓글 주소 수정/삭제 댓글
    좋은 자료 감사합니다!! ^-^
  5. g
    2013.10.14 11:14 신고
    댓글 주소 수정/삭제 댓글
    여기도 UI정보가 한가득 http://grafi.kr/ui
  6. 2014.09.03 09:29 신고
    댓글 주소 수정/삭제 댓글
    좋은 정보네요.. 잘 봤습니다.
  7. 2015.04.16 15:20 신고
    댓글 주소 수정/삭제 댓글
    완전 좋으네용 감사해요!

1) mp3car.com과 customGadz이 최근 미국에 출시한 MimiX 시스템은 iPhone의 모든 기능을 그대로 차량환경에서 사용할 수 있게 해준다. 즉, iPhone을 차량내 설치한 MimiX Dash와 연결하면, iPhone의 가로화면을 그대로 7인치 터치스크린에 출력하고, 이 터치스크린을 통해 iPhone을 콘트롤하는 건데, 쉽게 말하자면, 안드로이드폰의 HDMI 미러링기능과 동일하다고 볼 수 있겠다.
 


2) 터치인터페이스는 블루투스를 통해 전송하고, 비디오는 애플 HDMI 커넥터를 통해 전송되며, 오디오는 3.5미리 잭을 통해 앰프로 전송된다.

3) 아이폰의 홈버튼을 제공하지 않는 대신, 몇가지 커스텀 터치 제스처를 제공한다. 예를 들어, 화면 위에서 아래로 플릭하면 음성인식기능으로 진입하고, 상단중앙의 Status bar 영역에서 왼쪽끝부분으로 플릭하면 뒤로 돌아간다. 아이폰 홈키를 두번눌러 현재 실행중인 어플을 보는 기능은 Status bar 중앙을 두번 탭하면 된다.


4) 다만, 아직은 몇가지 아쉬운 점이 있는데...

- 탈옥한 아이폰만 가능함. (관련 어플 설치를 위해서 필요함.)
- 가로화면을 지원하지 않는 앱은 항상 90도 돌아가 있음. 향후 개선된다고 함.
- 아이폰과 연결되지 않으면 아무것도 할 수 없음. ㅡ,.ㅡ;;
- 터치스크린이 정전식이 아니고 정압식임...

5) 가격은 630 USD (설치비제외)
 
http://www.mp3car.com/mimics/

사실, 저 가격이면 아예 아이패드2를 하나 사서 차에 장착해버리는 것이 나을 수도 있겠지만, 나름 훌륭한 아이디어이고, 기존차량에 설치되어있는 터치스크린을 그대로 활용할 수 있는 방안만 제시해줘도 훨씬 더 저렴하게 아이폰연동기능을 사용할 수 있을 것 같다.
신고
Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

사용자 삽입 이미지

http://www.noteslate.com


스케치북이라는 기본 컨셉에만 충실한 99달러짜리 노트슬레이트가 등장하였다. 이잉크와 유사한 디스플레이 기술을 사용하는 13인치 터치스크린 (760 x 1080)을 채용하여, 스케치북, 칠판, 노트패드, 이북리더등으로 활용이 가능하다. 실제 액티브 디스플레이 영역은 190mm x 290mm로 실제 A4 용지와 비슷한 크기다. USB 포트, 3.5미리 헤드폰/마이크 콤보잭, Wi-Fi, SD메모리슬롯등이 장착되어 있어 확장성도 매우 높은 편이고, 운영체제는 리눅스기반이라고만 알려져 있다. 기본 제공하는 스타일러스펜은 연필과 유사한 형태이고, 스타일러스 위쪽에는 지우개기능이 탑재되어 있다. 노트슬레이트 좌측 하단에는 저장, 보기, 삭제의 버튼 3개만을 제공한다.
사용자 삽입 이미지

1비트 모노컬러만을 지원하고 스케치라는 핵심기능에 집중함으로써 연속사용시간도 무려 180시간 (약 3주정도 사용가능)이나 확보하였다. 2011년 6월 판매예정이고 PDF뷰어 기능이나 OCR 인식기능, 터치 제스처기능들도 제공할 예정이라고 한다. (웹브라우징같은 복잡한 기능들은 제공하지 않음...) 재미있는 것은 압력감지를 통해 굵은 선을 그린다든가 하는 기능같은 것은 없다는 것이다. 게다가 줌기능도 없고, Undo기능도 없다.

사용자 삽입 이미지

아무튼, 간만에 가슴 설레게 하는 제품이 등장하여 무척 기분이 좋다. 향후, 블루, 그린, 레드등의 칼라를 지원하는 모델도 출시 예정이고, (향후 사용자가 원하는 커스텀 칼라도 제공 예정) 각종 기능확장을 위한 오픈소스지원도 계획되어 있다.

크기 : 210 mm x 310mm x 9mm
무게 : 280g



신고
Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

  1. aramis
    2011.03.01 10:43 신고
    댓글 주소 수정/삭제 댓글
    아이패드에서 스케치나 메모가 잘 안되서 고민중이었는데 이건 뭐 사야될 물건이네요
  2. glee
    2011.03.01 15:44 신고
    댓글 주소 수정/삭제 댓글
    재미있는부분인 undo 및 필압감지의 부재가 저는 슬프군요.
  3. onlyask
    2011.03.05 19:50 신고
    댓글 주소 수정/삭제 댓글
    필압감지가 빠진게 크네요...
  4. 2011.03.13 16:22 신고
    댓글 주소 수정/삭제 댓글
    그냥 장난감이죠 뭐..
  5. 공두
    2011.04.13 13:56 신고
    댓글 주소 수정/삭제 댓글
    이거 대단해 보입니다. 이거 하나 있으면 필기대용으로 제 몫을 하겠는데요. 저의 경우에는 공책대용의 역할을 90%이상 대신할거 같습니다.

    출시가 기다려집니다
  6. dosign
    2011.05.03 01:17 신고
    댓글 주소 수정/삭제 댓글
    필압보단 여러 선 쓰는걸 좋아해서 저에겐 정말 설레는 디자인 제품입니다.
    공두님 처럼 저도 노트 대신 엄청나게 활용할 거 같습니다. 6월이 기다려지네요.
  7. dasdada
    2011.08.06 16:36 신고
    댓글 주소 수정/삭제 댓글
    안나오나 보네요 지금도................................................
  8. 트랄랄라
    2012.01.14 14:00 신고
    댓글 주소 수정/삭제 댓글
    잡다한 기능이 없어 오류가 적을테고
    가격과 배터리는 노트대용으로 탁월하네요.전 컨셉이 확실해서 마음에 듭니다.
    필기가 많은 학생이나 직장인들에게 부담없이 다가갈수 있는 제품이라 생각돼네요.

1) 일단, 단말기정가는 699,000원이다. 4만5천원짜리 요금제 2년약정으로 계약하니, 쇼킹할인 17,600원에 쇼킹스폰서 단말기할인 5,300원 더해서 월 단말기 할인금액은 22,900원 (단말기 월 할부금액은 29,125원이므로, 매월 단말기대금으로 6,225원 납부...).

2) 가입비용 : 가입비는 2만4천원 3개월 분납 + 채권보전료 3만원  + 유심비용은 공짜... (보통 인터넷에서 구입하면 채권보전료는 면제해주는 것 같음...)

사용자 삽입 이미지

3) 개봉하자마자 지메일 계정을 입력하였더니, 구글 주소록, 칼렌다, 이메일이 동시에 설정 완료되고, 데이터 싱크도 바로 완료... 아이폰만 해도 3개를 각각 따로 입력하고 설정해야 하는 번거로움이 있었는데, 역시 구글에서 만든거라 한방에 완료됨. 완전 편해... 안드로이드 최고의 장점...

4) 하지만, 구입한지 3분만에 좌절해버린 결정적 단점이 있었으니, 터..터치가 잘 안된다... ㅡ,.ㅡ;; 이럴수가 있나... 아이폰에 비하면, 완전 엉망진창... 탑메뉴 상하 스크롤이 제대로 안된다. 세게도 해보고, 살살도 해보고... 게다가, 가끔 키보드입력시 엉뚱한 버튼이 자주 눌려 완전 황당... 엉엉~ 세티즌 중고장터에 넥서스원 매물이 많은 이유가 바로 이게 아닐까 싶음...

5) 아이폰의 리스트 러버밴드 효과가 없다. 이 쫀득한 터치 제스처를 느낄수 없으니, 아무래도 터치완성도도 떨어져보이고, 스크롤 맨 상단, 하단에서 의도치 않은 터치가 발생하곤 한다.

6) 어플리케이션 : 머 왠만한 건 다 있다고 보지만, 그 퀄리티는 아이폰에 비할바가 못된다... 하지만, 아이폰에 비해 인스톨은 그나마 조금 편하다. 마켓에서 인스톨 버튼을 누르면, 아이폰처럼 바탕화면으로 나가지 않고, 백그라운드로 다운로드 및 설치가 진행되어, 계속해서 마켓을 둘러볼 수 있다.



7) 여러가지 버그가 참으로 많은데... ㅡ,.ㅡ;; 예를 하나 들자면, 분명히 주소록에 저장되어있는 번호임에도 가끔 저장안된 표시로 전화가 걸려온다. 게다가, 전화를 끊고나면 통화목록에 기록도 남지 않는다. 좀 더 심각한 버그도 많은데... 어느날 갑자기 메시지 기능으로 진입이 안된다. 구글 프레임워크가 머 어쩌고 저쩌고 하는 에러팝업과 함께... 이럴땐 배터리 뺐다가 다시 끼우고 재부팅하면 정상으로 돌아오기는 함... ㅡ,.ㅡ;;

8) 한번 연결되었던 Wi-Fi AP 재연결시, 아이폰만큼 빠르게 자동으로 잡지 못하고, 계속 헤메거나 다시 설정들어가서 연결버튼 눌러줘야 되서 너무 불편...

9) 휴대용 Wi-Fi 핫스팟 기능은 은근히 편리... Wi-Fi만 되는 아이패드 들고다니면서 인터넷 할 때 아주 유용... 속도도 충분히 쾌적한 수준...

사용자 삽입 이미지

10) GPS성능도 아이폰에 비하면 좀 비리비리한데... 특히 포스퀘어같은 어플에서 현재 위치를 잘 못잡음... ㅡ,.ㅡ;;

11) 갤러리는 다른 기본 안드로이드 어플들과 안어울리게(?) 꽤나 화려하게 디자인 되어있다. 외장메모리에 저장해둔 수백장의 사진들도 자동으로 폴더별로 분류를 해준다.  

★ 결론 : 안드로이드폰에 정 호기심이 생긴다면, 세티즌등에 널려있는 중고폰을 구입하여 1-2개월 써보는걸로 일단 간보고, 괜찮다는(?) 생각이 들면 그때 2년 약정하는게 나을듯... 아무리 호감을 가지고 잘 봐줄려고 해도 안드로이드는 아직 때가 아니다. 안드로이드 1주일만 써보면, 아이폰 생각이 간절해진다.


신고
Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

0) 2005년 가을에 구입하여 쭉 써왔던 유선 마이티 마우스가 갑자기 맘에 안들어, 바꿔야겠다고 마음먹고 점심시간에 KMUG 방문하여 바로 매직마우스 구입... 너무 뒤늦은 구입이긴 하나 의외로 사용하는 동료들이 많지 않아, 그나마 다행... ㅡ,.ㅡ;;

사용자 삽입 이미지

1) 매직마우스는 자동으로 설치되지 않았다. ㅡ,.ㅡ;; 먼저 블루투스 설정으로 가서, 새장치 인식후, 매직마우스용 드라이버를 다운로드 받아서 설치해야 됨. 그리고, 재부팅까지... ㅡ,.ㅡ;;

--> http://support.apple.com/kb/DL951?viewlocale=ko_KR

2) 디자인 완성도는 전반적으로 굉장히 뛰어난 편이나, 하단 배터리 케이스부분의 정합도는 좀 문제가 있음. 경쾌하게 결합되지 않고 어딘지 모르게 퍽퍽함(?)... 어떻게 이럴수가 있지? 불량인가...

사용자 삽입 이미지

3) 마우스위에서 두손가락 제스처로 Backward, Forward하는 동작은 사실 좀 넌센스... 손가락 구조상 잘 되지 않음. 제스처 동작중 마우스가 움직이거나 마우스를 쥐고 있는 엄지, 새끼 손가락때문에 좀 불편함. 이 기능은 그냥 터치패드에서 하는게 제일 편함.

4) 마우스 포인터 이동 감도 : 5년동안 써왔던 마이티 마우스보다 훨씬 부드럽고 빠르게 움직인다. (당연한 건가... ㅡ,.ㅡ;;)

5) 마우스 클릭 느낌 : 기존 마이티 마우스보다 조금 더 가벼우면서도 상쾌해졌다.

6) KMUG 간김에 미니 디스플레이포트 to VGA 아답터도 하나 구입... 그냥 맥북 옆구리에 VGA 포트 하나 달아주면 어디가 덧나나... 이걸 굳이 돈받고 팔어...

사용자 삽입 이미지




신고
Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

  1. singapura
    2010.07.21 15:46 신고
    댓글 주소 수정/삭제 댓글
    그러게요... 그거 포트다는거 얼마나 든다고..
    그걸 따로 팔다니...쩝...얄미운 사과
  2. 2010.09.03 15:38 신고
    댓글 주소 수정/삭제 댓글
    VGA 젠더도 따로 파는 모양이네요...
  3. sksksk
    2011.01.12 19:44 신고
    댓글 주소 수정/삭제 댓글
    돈이 많은가봐요 애플 제품은 다사네요 마우스, 노트북,, 부럽다


사용자 삽입 이미지

안드로이드 스마트폰용 TAT Home UI 프로토타입... 속도도 빠르고, 여러가지 애니메이션등의 효과가 흥미롭기는 한데, 기름기를 좀 빼야 할듯... ㅡ,.ㅡ;;


신고
Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

화면을 보지 않아도 번호를 제대로 누를수 있게 개발된 스트로크 다이얼러 동영상 데모. 일단, 터치스크린의 아무곳이나 누르면, 일단 그곳을 5로 인식하고, 그 후 상하 좌우 대각선으로 손가락을 밀면, 해당 제스처를 인식하여 번호가 입력된다. 이때, 음성으로 현재 입력된 번호를 알려주며, 동시에 진동도 느낄수 있다. 본 다이얼러 어플리케이션은 Charles Chen 과 T. V. Raman 이 Eyes-Free란 이름으로 개발하였다.





신고
Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

  1. 조봉희
    2009.05.19 13:34 신고
    댓글 주소 수정/삭제 댓글
    맨 처음 5가 기입되면 다른 숫자로 시작하는 번호는 어떻게 할까요?
    • joshua
      2009.11.16 17:37 신고
      댓글 주소 수정/삭제
      5번이 선택이 되어 있는것이지 입력이 된건 아닙니다.
      10시30분 방향으로 드래그 하면 1번이 선택이 되고,
      손을 띠면 1번이 입력되는 방식입니다.

사용자 삽입 이미지



oblong industries사의 제스처 유저 인터페이스 데모 동영상... 1994년부터 MIT 미디어랩에서 개발되어진 프로젝트이고, 2002년 영화 마이너리티 리포트에서 톰 크루즈가 사용했던 제스처 유저 인터페이스가 바로 이 회사의 프로토타입이었다는 사실... 본 시스템은 현재 구입가능하고, SDK는 리눅스와 MAC OS X에서만 구동됨.

http://www.oblong.com/ (홈페이지 바로가기)


신고
Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절

  1. 2010.02.20 12:00 신고
    댓글 주소 수정/삭제 댓글
    http://blog.hankyung.com/kim215/349258 -->
    미래 컴퓨터는 손짓대로 움직인다

사용자 삽입 이미지

Mgestyk에서 개발한 PC용 Hand-gesture 유저 인터페이스... 조그만 PC용 3D 카메라 (하이엔드급 웹캠)를 사용하여, 손의 작은 움직임을 캡쳐하고 그것을 유용한 명령어로 해석하여 대부분의 윈도우용 어플리케이션을 콘트롤할 수 있고, 간단한 게임부터 복잡한 플라이트 시뮬레이터까지 어렵지 않게 콘트롤이 가능하다. 플레이스테이션2 아이토이등과 다른점이라면, 3D카메라를 사용하여, 손움직임의 깊이까지 인식한다는 점이다.

http://www.mgestyk.com

http://www.mgestyk.com/videos.html (--> 더 많은 데모 비디오 보기)




신고
Posted by 몬스터디자인

댓글을 달아주세요:: 네티켓은 기본, 스팸은 사절


BLOG main image
모든 포스트는 마음껏 퍼가고 재가공하셔도 됩니다. by 몬스터디자인

카테고리

분류 전체보기 (1624)
pRODUCT dESIGN (529)
tELECOMMUNICATION (144)
tRANSPORT (158)
LIFESTYLE kONTEXT (240)
tECH fARM (100)
fAIRS and eXHIBITS (38)
sHOPPING cART (6)
cOMIX (51)
bOOKS + mAGAZINES (85)
mOVIES (149)
gAMES (11)
iDLE tALK (113)
Statistics Graph
Total : 5,453,591
Today : 208 Yesterday : 698