본문 바로가기

패턴

(Updated) 모바일 UI 디자인 패턴 참고 사이트 20개 총정리 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 패턴별 .. 더보기
헌옷으로 만드는 아이폰케이스 - 케이스 코드 1) 더이상 입지 않는 헌옷을 구한다.2) 원하는 부분의 패턴을 가위로 잘라 케이스 사이에 끼운다.3) 독특한 커스텀 아이폰 케이스 완성... 다만, 요즘은 입지않는 헌옷의 패턴이 케이스로 만들만큼 매력적이어야 한다는 점... ㅡ,.ㅡ;; 아니면, 멋진 패턴의 재활용 천들만 2-3개씩 모아 따로 팔아도 좋을 것 같다.★ 디자인 : 데일리시너리 이지훈 (http://www.dailyscenery.com/) 더보기
도요타 : A Glass of Water 마케팅 캠페인 (스웨덴) 도요타의 Glass of Water 아이폰 어플리케이션... 물한잔이 담긴 유리컵을 차에 두고 흘리지 않도록 운전하면 10% 정도 연료절약 효과가 있다고 한다. 이에 착안하여 도요타에서는 아예 Glass of Water라는 아이폰 어플리케이션을 만들었다. 아이폰의 가속도센서를 활용하여 실제 물을 얼마나 흘렸는지 계산해주고, 또 GPS와 연동하여 도로 어느지점에서 물을 흘렸는지까지 알려준다. 물론 현재속도와 연비도 자세하게 알려준다. 게다가 웹사이트에 그 결과를 업로드 할 수 있어 운전패턴을 분석할 수도 있고 친구들과 공유할 수도 있다. http://www.aglassofwater.org/ 더보기
구글이 최근 인수한 터치스크린 입력 전문업체 블라인드 타입 (BlindType) 터치키패드를 대충 눌러도 제대로된 단어로 자동 변환되는 새로운 터치스크린 입력 기술 (블라인드 타입)이 등장하였다. 그동안의 자동완성기술보다 한단계 진보된 기술같은데, 스와이프처럼 입력 위치의 패턴을 분석한 알고리즘을 사용하는 것 같다. 아래 동영상들을 살펴보면, 안드로이드 뿐만 아니라, 아이폰, 아이패드용 데모버전도 준비가 되어있고, 키패드를 완전히 벗어난 위치에서도 입력이 가능하다. 구글에서 최근 인수했다고 하니, 조만간 안드로이드OS에 들어가길 기대해보자... http://www.blindtype.com/ 더보기
멘탈 모델 (Mental Models) - 인간 행위에 기반한 디자인 전략 ★★★★☆ ★ 멘탈모델이란? 어떤 사물을 디자인하려면, 사람들이 그 물건으로 무엇을 하려고 하는지 완전히 이해하고 있어야만 한다. 그 사람이 뭘 하려는지는 물론, 그 목적을 달성하기 위해 어떤 행동 절차와 사고방식을 따르는지도 알 필요가 있다. 단순하게 말하자면, 멘탈모델은 사람들의 행동 동기, 사고 과정뿐만 아니라 그들이 행동하는 감성적, 철학적 배경에 대해서도 깊이 이해할 수 있도록, 대표 사용자들에게서 수집된 에쓰노그래피 자료를 의미상 가까운 것끼리 모아 놓은 친화도 다이어그램(Affinity diagram) 정도라고 할수 있겠다. 멘탈모델을 만든다는 것은, 사람들이 하는 행동에 대해 그들과 이야기하고, 패턴을 찾고, 그 패턴을 포괄하는 하나의 모델로 정리하는 일이다... 1) 인터뷰를 통해 도출된 사용자들의.. 더보기
Designing Interfaces - 인터페이스 디자인 94가지 패턴 ★★★★☆ - 앞표지에 실린 좀 쌩뚱맞은 광고문구 ("여러분도 아이팟과 같은 감각적인 인터페이스를 디자인할 수 있습니다.")가 좀 당황(?)스럽긴 하지만, 전체적으로 PC와 웹, 모바일을 망라한, 여러가지 UI 패턴들이 잘 정리되어 있는 책이고, UI디자인의 다양한 요소들과 개념들을 명쾌하게 설명하고 있다. 소프트웨어개발자, 인터랙션 디자이너, UI/GUI 디자이너들에게 많은 도움을 줄 최고의 UI/UX 디자인 참고서... - 활용법 : 지금 당면하고 있는 UI관련 문제가 있다면, 어떤 방식의 패턴을 적용하면 해결이 가능할지, 쉽게 몇가지 아이디어를 도출할 수 있을 것이고, 패턴과 구조의 이름을 명확하게 이해하는 것만으로도 디자이너간 커뮤니케이션 갭을 줄이는데 큰 도움이 될것이다. ★★★★☆ (아마존 별점 4/5).. 더보기
마음대로 색칠하는 DIY 드레스 Berber Soepboer (패션디자이너, 네덜란드)와 Michiel Schuurman (그라픽디자이너, 네덜란드)가 같이 만든 DIY 드레스 씨리즈... http://www.berbersoepboer.nl/ http://www.michielschuurman.nl/ 1) Colour-In Dress : 원하는 패턴에, 원하는 칼라를 칠하면 된다. 2) Replacement Dresses : 100개가 넘는 버튼시스템으로 3가지 드레스를 조합하여 입을 수 있다. 더보기
엄청나게 빠른 새로운 방식의 터치 쿼티키 입력방식 Swype (T9개발자가 발명...) T9 입력방식의 개발자인 Cliff Kushler가 새로 선보인 터치 방식의 쿼티 입력... Swipe... 입력하고자 하는 알파벳위에서 스타일러스나 손가락으로 라인을 긋기만 하면 된다. 이제 자판의 위치를 외는게 아니라, 특정 단어를 쿼티키로 연결하는 라인 패턴을 외우게 될수도... 조만간, 애플 App store 에서 구입이 가능할지도 모름... ※ 참고1 : 아래 동영상은 거의 동일한 방식의 구글 안드로이드용 ShapeWriter WritingPad... ※ 참고2 : 아래 동영상은 국내 모비언스라는 회사에서 개발한 Sokey... (한글도 사용가능한 소프트웨어를 여기서 다운로드 할 수 있음.) --> http://www.mobience.com/sokey/download.html ※ 참고3 : 20.. 더보기
구글 안드로이드 UI 신기능 데모 3개!!! 1) 우리를 놀라게 했던, 아이폰의 손가락 슬라이드를 통한 Touch unlock 아이디어에 이어, 구글 안드로이드는 한걸음 더 나아갔다. 선잇기를 통한 터치언락 기능... 9개 점을 통해, 터치언락뿐만 아니라, 선잇기 패턴을 통한, (숫자 비밀번호를 대체하는...) 보안기능까지 갖게 되어버렸다. 2) Indicator area의 터치 드래그 Drop down을 통해, 최근 Call, Messages, Alarm등의 이벤트 히스토리에 빠르게 접근하는 것도 재미있다. 3) HCI 논문에서나 볼수 있었던, 지자기센서를 활용한, 지도 네비게이션기능... 구글의 Street view 서비스에 딱맞는 기능이다. 사람들의 탄성!!! 현재 데모를 보여주고 있는 단말기는 대만 htc 제품인듯... 더보기